.history-badge{display:inline-flex;background:#eee5f2;color:#65357a;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;margin-top:4px}.product-photo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo.no-image{height:62px;min-height:62px;background:linear-gradient(100deg,#f3edf6,#faf7fb);justify-content:flex-start;padding:10px 18px}.product-initials{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7d9ee;color:#6a387d;font-size:17px;font-weight:700}.product-photo.has-image{height:170px;background:#f7f3f8}.product-photo.has-image>.product-initials{display:none}.product-photo img{width:100%;height:100%;object-fit:contain}.discard-backdrop{position:fixed;inset:0;background:#291b3a88;z-index:250;display:grid;place-items:center;padding:18px}.discard-dialog{background:#fff;border-radius:16px;padding:26px;width:min(440px,100%);box-shadow:0 20px 70px #21132d44}.discard-dialog h2{font-size:21px;margin-top:0}.discard-dialog p{color:#766880}.discard-dialog>div{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.history-control{display:flex;align-items:center;gap:8px;font-size:12px;color:#705d7c;min-height:42px}.history-control input{accent-color:#703c83;width:18px;height:18px}.history-filter-note{color:#805c30;background:#fff5df;padding:7px 11px;border-radius:8px;font-size:12px}.context-help{border:1px solid #dfd0e7;background:#fff;color:#6a387d;border-radius:50%;height:32px;width:32px;cursor:pointer;margin-left:8px;font-weight:700}.ux-help-trigger{border:1px solid #dfd0e7;background:#fff;color:#6a387d;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:600}.ux-backdrop{position:fixed;inset:0;z-index:140;background:#28173277;display:grid;place-items:center;padding:16px}.ux-panel{background:#fff;border-radius:20px;width:min(780px,100%);max-height:90dvh;overflow:auto;padding:24px;box-shadow:0 20px 70px #21132d44}.ux-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ux-head h2{margin:0;font-size:25px;color:#583068}.ux-head button{min-width:42px;min-height:42px}.ux-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.ux-topic{border:1px solid #e4d9e9;background:#faf7fc;border-radius:12px;padding:15px;text-align:left;cursor:pointer;color:#5d3670}.ux-topic strong,.ux-topic small{display:block}.ux-topic small{color:#83718b;margin-top:4px;line-height:1.5}.ux-search{width:100%;margin-top:18px;border:1px solid #ddcfe5;border-radius:10px;padding:12px}.ux-welcome{border:1px solid #dfcee8;background:linear-gradient(120deg,#fbf6fe,#f0e5f6);border-radius:14px;padding:16px;margin:0 0 16px;display:flex;gap:18px;align-items:center;justify-content:space-between}.ux-welcome p{margin:4px 0;color:#74607e;font-size:13px}.ux-welcome .header-actions{flex-wrap:wrap}.ux-progress{color:#7a6486;font-size:12px}.ux-tour-card{position:fixed;z-index:170;width:min(350px,calc(100vw - 28px));padding:20px;border-radius:16px;background:#fff;border:2px solid #bb96ce;box-shadow:0 10px 50px #39204666}.ux-tour-card h3{font-size:18px;margin:5px 0}.ux-tour-card p{font-size:13px;color:#715f7b;line-height:1.6}.ux-tour-card footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.ux-highlight{outline:3px solid #a56cbd!important;outline-offset:4px;scroll-margin:90px;box-shadow:0 0 0 7px #b782cf2b!important}.ux-learning-badge{color:#7d4f1c;background:#fff3d8;border-radius:8px;padding:6px 9px;font-size:12px}.ux-article img{max-width:100%;border:1px solid #e2d6e9;border-radius:10px;margin:12px 0}.ux-article li{margin:10px 0;line-height:1.6}.ux-faq{border-top:1px solid #e8ddec;padding-top:16px}.ux-faq summary{cursor:pointer;padding:10px 0;font-weight:600}.ux-faq p{font-size:13px;line-height:1.6;color:#75617d}.ux-panel :focus-visible,.ux-tour-card :focus-visible{outline:3px solid #a56cbd;outline-offset:3px}@media(max-width:650px){.ux-panel{padding:18px;border-radius:15px}.ux-grid{grid-template-columns:1fr}.ux-welcome{flex-direction:column;align-items:flex-start}.ux-tour-card{max-height:44dvh;overflow:auto}.topbar .ux-help-trigger{font-size:12px;padding:8px}.product-photo.has-image{height:145px}.product-photo.no-image{height:58px;min-height:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.ux-tour-close{position:absolute;right:6px;top:2px;border:0;background:transparent;color:#6a387d;font-size:22px;min-width:30px;min-height:30px;cursor:pointer}.modal-head .context-help{flex-shrink:0}.ux-topic:hover{border-color:#9a6ead}.context-help:focus-visible{outline:3px solid #a56cbd;outline-offset:2px}.modal-head,.modal-footer{flex-shrink:0}.modal-footer{flex-wrap:wrap}.modal-footer .btn{min-height:40px}@media(max-width:650px){.modal-footer .btn{flex:1 1 42%;font-size:12px}.money-pair>small{white-space:normal;max-width:270px}.modal-body{min-height:0}}@media(max-width:660px){.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 14px;gap:9px}.topbar-left{flex:1 1 auto;min-width:0}.topbar-right{flex:1 1 auto;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.user-area{min-width:0;max-width:180px}#user-label{max-width:120px}.ux-help-trigger{white-space:nowrap}.header-actions{flex-wrap:wrap}}.access-list{list-style:none;padding:0;margin:14px 0}.access-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eadfed;padding:10px 0}.access-list span{overflow-wrap:anywhere;min-width:0}.access-list small{display:block;color:#7e6988;margin-top:3px}.access-message{color:#653476;font-size:13px;line-height:1.6}.product-photo:before,.product-photo:after{display:none!important;content:none!important}.product-detail-head>.product-photo{width:100px;flex:0 0 100px;border-radius:12px}.product-detail-head>.product-photo.no-image{justify-content:center;padding:10px;height:72px}.list-pagination{padding:16px;text-align:center;grid-column:1/-1}.access-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.access-actions select,#access-role{min-height:40px;max-width:155px;border:1px solid #ded0e5;border-radius:8px;padding:6px;color:#563267}.access-list li{flex-wrap:wrap}.access-list .access-actions{margin-left:auto}@media(max-width:650px){.access-actions{width:100%}.access-actions select{flex:1}.setting-inline{flex-wrap:wrap}}.ux-training{z-index:180}.training-banner{position:sticky;top:-24px;z-index:2;background:#fff0ce;color:#69440b;padding:12px;border-radius:9px;font-size:13px;font-weight:700;line-height:1.5}.ux-training .ux-head{margin-top:12px}.ux-training footer{position:sticky;bottom:-24px;background:#fff;padding-top:14px}.ux-training dl>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #eee;padding:8px}.ux-training dd{margin:0;overflow-wrap:anywhere}.training-error{color:#a32638}.ux-training .field-grid{margin-bottom:16px}.ux-training .field input,.ux-training .field select{width:100%;min-height:42px}@media(max-width:650px){.training-banner{top:-18px}.ux-training footer{bottom:-18px}.ux-training .field-grid{grid-template-columns:1fr}}.ux-help-trigger{background:linear-gradient(135deg,#703c83,#542766);border:1px solid #6a367d;color:#fff;border-radius:999px;padding:10px 20px;box-shadow:0 3px 10px #65347622;letter-spacing:.2px}.ux-help-trigger:hover{background:#542766;box-shadow:0 4px 14px #65347633}.ux-help-trigger:focus-visible{outline:3px solid #b78aca;outline-offset:3px}.demo-intro{z-index:260}.demo-intro .ux-panel{max-width:580px}.demo-intro p{font-size:16px;line-height:1.7;color:#67536f}.demo-intro footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.demo-banner{position:fixed;top:0;left:0;right:0;z-index:240;display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;background:#f7e9bc;color:#59400b;font-size:13px;box-shadow:0 2px 8px #39204622}.demo-banner button{border:1px solid #b89d54;background:#fff8e3;border-radius:7px;padding:7px 12px;color:#59400b;cursor:pointer}.demo-active .app-shell{padding-top:46px}.demo-card{position:fixed;z-index:230;right:12px;bottom:12px;width:350px;max-height:44dvh;overflow:auto;border:2px solid #a77cba;border-radius:16px;background:#fff;padding:18px;box-shadow:0 10px 50px #39204655}.demo-card h2{font-size:19px;margin:9px 0;color:#583068}.demo-card p{font-size:13px;line-height:1.6;color:#6f5a79}.demo-card footer{display:flex;flex-wrap:wrap;gap:7px}.demo-card .btn{font-size:12px;min-height:40px}.demo-progress{font-size:11px;color:#7c6588}.demo-card progress{width:100%;height:6px;accent-color:#703c83}.demo-error{color:#a32638!important}.demo-target{outline:3px solid #a56cbd!important;outline-offset:4px;box-shadow:0 0 0 8px #b782cf33!important;scroll-margin-top:80px;scroll-margin-bottom:300px}.demo-finished{top:50%!important;left:50%;right:auto;bottom:auto!important;transform:translate(-50%,-50%);max-height:80dvh}.demo-finished .btn{margin:4px 0}.ux-delivery-docs{padding:12px 0;color:#653476}.ux-delivery-docs summary{cursor:pointer;font-weight:600}@media(max-width:699px){.demo-banner{justify-content:space-between;gap:5px;flex-wrap:wrap;font-size:11px;padding:6px 10px}.demo-banner span{max-width:145px}.demo-banner button{font-size:11px;min-height:34px}.demo-card{left:10px;right:10px;bottom:10px;width:auto;max-height:235px;padding:12px}.demo-card h2{font-size:16px;margin:6px 0}.demo-card p{margin:6px 0;font-size:12px;line-height:1.45}.demo-active .modal-backdrop{padding:65px 8px 255px;align-items:flex-start}.demo-active .modal{max-height:calc(100dvh - 330px)}.demo-active .modal-body{scroll-padding-bottom:30px}.demo-active .modal-footer .btn{font-size:11px;min-height:38px}.demo-finished{width:calc(100vw - 30px);left:50%}.demo-active #view{padding-bottom:265px}}.chart-area.readable-bars{overflow-x:auto;justify-content:flex-start;gap:18px}.readable-bars .chart-col{flex:1 0 72px;max-width:180px}.chart-data-label{white-space:nowrap;font-size:10px}.time-bar.loss{background:#ba5364}.trash-action{color:#9c5266}.client-actions,.product-bottom>span{display:flex;gap:5px;flex-wrap:wrap}.toast .btn{color:#fff;border-color:#fff7}.period-controls{flex-wrap:wrap}@media(max-width:699px){.demo-card{max-height:min(31dvh,235px)}.demo-active .modal-backdrop{padding-bottom:calc(min(31dvh,235px) + 24px)}.demo-active .modal{max-height:calc(100dvh - min(31dvh,235px) - 96px)}}@media(max-height:560px){.demo-banner{padding:3px 8px}.demo-banner span{display:none}.demo-card{max-height:135px;padding:8px}.demo-card h2{font-size:14px}.demo-card p{font-size:11px}.demo-active .modal-backdrop{padding:43px 8px 150px}.demo-active .modal{max-height:calc(100dvh - 195px)}}@media(min-width:1100px){.demo-form-open .modal-backdrop{padding:calc(var(--demo-banner-height,46px) + 16px) 388px 20px 24px}.demo-form-open .modal{width:100%;max-height:calc(100dvh - var(--demo-banner-height,46px) - 36px)}}@media(min-width:700px)and (max-width:1099px){.demo-form-open .demo-card:not(.demo-finished){left:10px;right:10px;width:auto;max-height:235px}.demo-form-open .modal-backdrop{padding:calc(var(--demo-banner-height,46px) + 12px) 12px 259px}.demo-form-open .modal{max-height:calc(100dvh - var(--demo-banner-height,46px) - 283px)}}@media(max-width:699px){.demo-form-open .modal-backdrop{padding-top:calc(var(--demo-banner-height,65px) + 8px)}.demo-form-open .modal{max-height:calc(100dvh - var(--demo-banner-height,65px) - min(31dvh,235px) - 42px)}}@media(max-height:560px){.demo-form-open .demo-card{max-height:135px}.demo-form-open .modal-backdrop{padding-top:calc(var(--demo-banner-height,35px) + 8px);padding-bottom:150px}.demo-form-open .modal{max-height:calc(100dvh - var(--demo-banner-height,35px) - 175px)}}.conflict-notice{padding:14px;border:1px solid #d9aa5d;background:#fff6df;border-radius:10px;margin-bottom:16px;line-height:1.6;color:#6b4b16}.conflict-notice button{display:block;margin-top:10px}.demo-active .demo-card.demo-finished{left:50%;right:auto;bottom:auto;width:min(440px,calc(100vw - 30px));max-height:calc(100dvh - 70px)}.demo-form-open .modal-body{min-height:0;flex:1 1 auto}.demo-form-open .modal-head,.demo-form-open .modal-footer{flex-shrink:0}@media(max-height:560px){.demo-form-open .demo-card:not(.demo-finished){box-sizing:border-box;max-height:135px!important}.demo-form-open .modal-head{padding:8px 12px}.demo-form-open .modal-head h2{font-size:18px}.demo-form-open .modal-head p{display:none}.demo-form-open .modal-footer{padding:8px 12px}.demo-form-open .modal-footer .btn{min-height:34px;padding:6px 10px}.demo-form-open .modal-body{padding:12px}}.demo-active .btn:hover,.demo-intro .btn:hover{transform:none}