:root{--ink:#172a35;--muted:#7c8790;--navy:#142c35;--teal:#176c60;--teal-dark:#115348;--teal-light:#edf5f1;--canvas:#f6f7f4;--line:#e6eae5;--bs-primary:#176c60;--bs-primary-rgb:23,108,96;--bs-body-color:#263a43;--bs-body-font-family:"Segoe UI",Arial,sans-serif;--bs-body-bg:#f6f7f4;--bs-border-color:#e1e6e1;--bs-link-color:#176c60;--bs-link-hover-color:#115348}
*{box-sizing:border-box}body{font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a3ceba;outline-offset:3px}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.025em}h1{font-size:29px;font-weight:700;line-height:1.3;margin:5px 0 9px}h2{font-size:16px;font-weight:650;line-height:1.4;margin:0}h3{font-size:16px;font-weight:650}p{margin-bottom:0}.text-secondary{color:var(--muted)!important}.btn{border-radius:7px;font-weight:600;font-size:13px;padding:10px 17px;white-space:nowrap}.btn-sm{font-size:12px;padding:6px 11px}.btn-lg{font-size:14px;padding:13px 20px}.btn-primary{--bs-btn-bg:var(--teal);--bs-btn-border-color:var(--teal);--bs-btn-hover-bg:var(--teal-dark);--bs-btn-hover-border-color:var(--teal-dark);--bs-btn-active-bg:var(--teal-dark);--bs-btn-active-border-color:var(--teal-dark);--bs-btn-disabled-bg:var(--teal);--bs-btn-disabled-border-color:var(--teal);box-shadow:0 3px 5px #173d2610}.btn-outline-primary{--bs-btn-color:var(--teal);--bs-btn-border-color:#bdd4c7;--bs-btn-hover-bg:var(--teal);--bs-btn-hover-border-color:var(--teal);--bs-btn-active-bg:var(--teal);--bs-btn-active-border-color:var(--teal)}.btn-outline-secondary{--bs-btn-color:#56666e;--bs-btn-border-color:#dbe1dc;--bs-btn-hover-bg:#eff2ee;--bs-btn-hover-color:var(--ink);--bs-btn-hover-border-color:#c7d1c9;--bs-btn-active-bg:#e8ede7;--bs-btn-active-color:var(--ink)}.btn-light{--bs-btn-bg:#f2f4f0;--bs-btn-border-color:#e4e9e2;--bs-btn-color:#56666e;--bs-btn-hover-bg:#e8ede6;--bs-btn-hover-border-color:#dce4da}.btn-link{text-decoration:none;color:var(--muted)}.btn-text-danger{color:#ad5554;border-color:transparent}.btn-text-danger:hover{color:#8d3331;background:#faf0ee}.form-control,.form-select{border-color:#dfe5df;border-radius:7px;font-size:13px;min-height:43px;background-color:#fff;color:var(--ink)}.form-control::placeholder{color:#a0a8ac}.form-control:focus,.form-select:focus{border-color:#81b49d;box-shadow:0 0 0 3px #176c6010}.form-label{font-size:12px;color:#4b5c64;font-weight:650;margin-bottom:7px}.form-text{font-size:11px;color:#859098;line-height:1.6}.input-group-text{font-size:13px;background:#f8faf7;color:#7a8982}.form-control-lg{min-height:49px;font-size:14px}.alert{font-size:13px;border-radius:8px;padding:14px 18px}.alert-danger{--bs-alert-bg:#fff1ee;--bs-alert-color:#9c4845;--bs-alert-border-color:#f1d8d2}.alert-success{--bs-alert-bg:#edf6ef;--bs-alert-color:#246b4b;--bs-alert-border-color:#d9eadc}.alert-warning{--bs-alert-bg:#fdf8e9;--bs-alert-color:#8a6d29;--bs-alert-border-color:#f1e6c6}.skip-link{position:fixed;top:-60px;left:16px;padding:12px 20px;background:white;z-index:1000;border-radius:8px}.skip-link:focus{top:12px}.app-sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--navy);color:#bac9cc;z-index:100;display:flex;flex-direction:column;padding:31px 20px 22px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-.03em;padding:0 7px}.brand:hover{color:#fff}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:.19em;color:#8da4a9;margin-top:5px}.brand-mark{width:36px;height:39px;background:#bad9c8;display:flex;align-items:center;justify-content:center;color:#173b34;border-radius:9px 9px 9px 2px;font-weight:700;font-size:23px}.brand-mark svg{width:24px;height:24px}.sidebar-label{font-size:8px;letter-spacing:.15em;color:#6d8a92;font-weight:600;margin:51px 14px 12px}.sidebar-nav{display:flex;flex-direction:column;gap:7px}.sidebar-nav .nav-item{display:flex;gap:12px;align-items:center;position:relative;min-height:46px;padding:10px 14px;color:#a7bcc1;border-radius:7px;font-weight:500;font-size:13px;transition:background .15s,color .15s}.nav-item svg{width:19px;height:19px;flex-shrink:0}.sidebar-nav .nav-item:hover{background:#ffffff07;color:#f1f5f2}.sidebar-nav .nav-item.active{background:#26454b;color:#d9eee2}.nav-dot{height:5px;width:5px;border-radius:50%;background:#b6d3bd;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 7px 0}.workspace-note{font-size:11px;color:#d0ddd9;padding-bottom:22px;border-bottom:1px solid #ffffff0e}.status-dot{width:6px;height:6px;background:#a7c9ae;display:inline-block;border-radius:50%;margin-right:7px}.workspace-note small{display:block;font-size:10px;color:#6f9098;margin-top:7px}.logout-button{border:0;color:#91aab1;background:none;display:flex;gap:11px;align-items:center;padding:21px 0 0;font-size:12px}.logout-button:hover{color:white}.logout-button svg{width:18px;height:18px}.app-shell{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:82px;padding:17px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.topbar-location{font-size:11px;color:#8e989c}.topbar-location span{margin:0 12px;color:#c1c9c6}.topbar-location strong{color:#5d6c72;font-weight:500}.account-link{display:flex;align-items:center;gap:10px}.avatar{display:inline-flex;width:34px;height:34px;background:#eaf1e8;border:1px solid #dde7d8;color:#5a755c;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.account-info strong{display:block;font-size:11px;color:#40535c;font-weight:650}.account-info small{display:block;font-size:9px;line-height:1.5;color:#98a29f}.main-content{padding:35px 38px 42px;width:100%;max-width:1650px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading p{color:#8a9598;font-size:12px}.page-heading>.btn,.page-heading>.d-flex{flex-shrink:0}.section-kicker{font-size:9px;color:#929e98;letter-spacing:.15em;font-weight:650}.heading-count{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-size:11px;letter-spacing:0;font-weight:600;min-width:27px;height:24px;border:1px solid #dce4da;border-radius:6px;background:#eff3ec;color:#6c8273;margin:0 0 5px 8px;padding:0 6px}.back-link{display:inline-block;font-size:11px;color:#8b9998;margin-bottom:11px}.back-link:hover{color:var(--teal)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px 23px 17px;position:relative;overflow:hidden;min-height:162px;box-shadow:0 2px 4px #142c3502}.stat-label{font-size:11px;font-weight:500;color:#89958f;display:block;position:relative;z-index:1}.stat-number{font-size:34px;color:var(--ink);font-weight:650;letter-spacing:-.06em;line-height:1.3;margin:10px 0 17px}.stat-money{font-size:26px;letter-spacing:-.04em;line-height:1.7}.stat-card>a,.stat-footnote{font-size:10px;color:#91a298}.stat-card>a span{margin-left:12px}.stat-symbol{position:absolute;right:18px;top:18px;font-size:22px;color:#b2c2b6;line-height:1.2}.stat-card-highlight{background:#e8efe4;border-color:#e0e9d9}.stat-card-highlight .stat-label{color:#70876b}.stat-card-highlight .stat-number{color:#34543c}.stat-card-highlight .stat-footnote{color:#8a9d80}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 2px 3px #172a3502}.panel-heading{padding:23px 23px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading p{font-size:11px;color:#98a09f;margin-top:5px}.panel-heading>h2{margin:0}.panel-body{padding:0 23px 25px}.panel-heading+.panel-body{padding-top:4px}.panel-toolbar{padding:17px 23px;border-top:1px solid #f1f3ef;border-bottom:1px solid #edf0eb;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel>.panel-toolbar:first-child{border-top:0}.toolbar-meta{font-size:10px;color:#9aa39e;white-space:nowrap}.search-form{display:flex;gap:8px;align-items:center;position:relative;width:100%;max-width:620px}.search-form>.form-control{padding-left:35px;min-width:120px;flex:1;background:#fff;font-size:12px}.search-symbol{position:absolute;left:12px;top:5px;font-size:23px;color:#92a099}.search-form .btn{flex-shrink:0}.table-responsive{margin-bottom:0}.app-table{margin:0;--bs-table-color:#66767d;--bs-table-bg:#fff;vertical-align:middle;font-size:12px}.app-table thead th{background:#fafbf8;color:#8b9891;font-size:9px;font-weight:600;letter-spacing:.035em;padding:12px 18px;border-bottom:1px solid #edf0e9;white-space:nowrap}.app-table tbody td{padding:17px 18px;border-bottom:1px solid #edf0e9}.app-table tr th:first-child,.app-table tr td:first-child{padding-left:23px}.app-table tr th:last-child,.app-table tr td:last-child{padding-right:23px}.app-table tbody tr:last-child td{border-bottom:0}.app-table tbody tr:hover td{background:#fcfdfb}.table-primary-link{font-weight:650;color:#3e5a55;font-size:12px}.table-primary-link:hover{color:var(--teal);text-decoration:underline}.table-primary-text{font-size:12px;color:#435b61;font-weight:600}.cell-subtext{display:block;font-size:9px;color:#a0aaa8;margin-top:3px;font-weight:400}.nowrap{white-space:nowrap}.product-cell{display:flex;gap:11px;align-items:center;min-width:180px}.product-monogram{width:35px;height:37px;flex-shrink:0;border-radius:7px;background:#f1f3ed;color:#9eac96;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.status-badge{border-radius:5px;display:inline-block;padding:4px 8px;font-size:9px;font-weight:500;line-height:1.5;white-space:nowrap;background:#f0f2ef;color:#819084}.status-draft{background:#f2f1ea;color:#9d8c59}.status-confirmed{background:#edf5ec;color:#6b8c69}.status-cancelled{background:#fbefec;color:#b7857e}.status-warning{background:#fcf5e4;color:#b6954c}.role-badge{font-size:10px;color:#718280}.row-actions{display:flex;justify-content:flex-end;gap:4px;align-items:center}.row-actions form{margin:0}.text-link{font-size:10px;font-weight:500;white-space:nowrap;color:#81998b}.text-link:hover{color:var(--teal)}.subtle-count{font-size:10px;border:1px solid #e1e7dc;background:#f7f9f4;border-radius:5px;padding:2px 7px;color:#91a084}.stock-watch-list{padding:0 23px}.stock-watch-item{display:flex;gap:11px;align-items:center;padding:17px 0;border-top:1px solid #f0f3eb}.stock-watch-item strong{display:block;font-size:11px;line-height:1.45;color:#536a67;font-weight:600}.stock-watch-item small{display:block;font-size:9px;color:#a3aca4}.stock-quantity{font-size:17px;line-height:1.3;color:#b19b69;flex-shrink:0;text-align:right}.stock-quantity small{font-size:9px;margin-top:4px;color:#a6afa3}.panel-bottom-note{font-size:9px;color:#a3ada1;background:#fafbf7;border-top:1px solid #edf1e7;padding:14px 23px}.empty-state{padding:55px 22px 58px;display:flex;align-items:center;text-align:center;flex-direction:column}.empty-state h3{font-size:14px;margin-bottom:8px;color:#647b71}.empty-state p{font-size:11px;color:#a0aaa4;max-width:330px;margin:0 0 20px}.empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f3f5ef;border:1px solid #e7ece1;color:#a6b59a;font-size:26px;border-radius:12px;margin-bottom:18px}.empty-icon-success{background:#eef4e9;border-color:#e3eddc;color:#91ad7f}.empty-state-small{padding:40px 23px}.empty-state-small p{margin-bottom:0}.empty-state-small .btn{margin-top:20px}.info-strip{background:#f4f7f0;border:1px solid #e7eddf;border-radius:7px;color:#88977f;font-size:11px;padding:15px;line-height:1.75}.info-strip strong{color:#6c8162;font-weight:600}.info-strip a{text-decoration:underline}.hint-card{background:#edf2e8;border:1px solid #e3ebdc;border-radius:10px;padding:27px;color:#8c9e80}.hint-card h3{color:#708361;font-size:15px;margin:14px 0 11px}.hint-card p{font-size:12px;line-height:1.85}.hint-card .small{font-size:11px}.hint-card hr{border-color:#d6dfcb;margin:23px 0}.hint-icon{height:34px;width:34px;border:1px solid #d3ddc8;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:20px;color:#91a57d}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:24px}.app-footer{margin:0 38px;padding:18px 0 22px;border-top:1px solid #e6eae2;display:flex;justify-content:space-between;font-size:9px;color:#a7b0a7}.app-footer span:first-child{font-weight:600;color:#8d9a8c}.mobile-menu{display:none;padding:0;background:none;border:0;color:#526c64}.sidebar-backdrop{display:none}.stock-direction{display:flex;gap:10px}.stock-direction .btn{flex:1}.stock-direction .btn-check:checked+.btn{background:#edf5ed;color:var(--teal);border-color:#91b49c}.filter-select{max-width:360px;flex:1;min-width:150px;font-size:11px}.movement-note{display:block;font-size:10px;color:#a2aca5;max-width:300px;white-space:normal;margin-top:5px}.status-tabs{display:flex;gap:24px;padding:0 23px;overflow:auto;border-bottom:1px solid #e9ede4;white-space:nowrap}.status-tab{font-size:11px;color:#98a58f;display:block;padding:19px 0 17px;border-bottom:2px solid transparent}.status-tab.active{color:#597b5d;border-color:#789d72;font-weight:650}.status-tabs+.panel-toolbar{border-top:0}.order-lines-header,.order-line{display:grid;grid-template-columns:minmax(0,1fr) 95px 125px 24px;gap:14px}.order-lines-header{padding:10px 23px;color:#98a48d;font-size:9px;background:#fafbf7;border-block:1px solid #f0f3eb}.order-line{padding:19px 23px 17px;border-bottom:1px solid #f0f2e9;align-items:start}.line-product-info{font-size:9px;color:#9eaa96;display:block;padding-top:7px;line-height:1.6}.line-product-info.stock-warning{color:#b78758}.line-total{font-size:12px;font-weight:600;color:#63785c;text-align:right;padding-top:11px;white-space:nowrap}.remove-line{border:0;background:none;width:24px;height:40px;line-height:1;color:#b7bfb1;font-size:23px;border-radius:5px}.remove-line:hover{background:#fbeeea;color:#b87c73}.order-add-line{padding:18px 23px;display:flex;align-items:center;gap:17px}.order-add-line .small{font-size:10px}.order-summary{position:sticky;top:20px}.summary-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#97a38e;margin:17px 0}.summary-row strong{color:#7c8f72;font-weight:600}.summary-total{border-top:1px dashed #dce5d1;padding-top:24px;margin-top:22px;display:flex;flex-direction:column;gap:6px;font-size:11px;color:#9aa88e}.summary-total strong{font-size:29px;line-height:1.4;color:#4f7045;letter-spacing:-.04em;font-weight:650}.detail-total{display:flex;justify-content:space-between;align-items:center;background:#f7faf2;border-top:1px solid #e7eddd;padding:23px;color:#94a184;font-size:12px}.detail-total strong{font-size:23px;color:#587548;letter-spacing:-.04em}.customer-card{display:flex;align-items:center;gap:13px}.avatar-lg{width:43px;height:43px;font-size:15px}.customer-card strong{font-size:12px;display:block;color:#667c5f}.customer-card small{font-size:10px;display:block;color:#a1ad97;margin-top:3px}.order-metadata{margin:0}.order-metadata>div{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:10px}.order-metadata>div:first-child{margin-top:5px}.order-metadata dt{font-weight:400;color:#a0ab95}.order-metadata dd{margin:0;color:#7f9373;text-align:right}.note-content{font-size:12px;color:#8b9980;line-height:1.9}.cancel-order-box{padding:24px 4px}.cancel-order-box p{font-size:10px;color:#a7ada2;margin-bottom:13px;line-height:1.7}.you-label{font-size:8px;font-weight:400;border:1px solid #e1e9d8;padding:2px 4px;border-radius:3px;color:#97a58b;margin-left:4px}.page-label{font-size:11px;background:#edf2e7;border:1px solid #e0e8d7;padding:7px 13px;border-radius:6px;color:#8a9d7c}.pagination-wrap{padding:18px 23px;border-top:1px solid #eef1e8;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a0ab95}.pagination{--bs-pagination-font-size:11px;--bs-pagination-color:#8a9d7b;--bs-pagination-bg:#fff;--bs-pagination-border-color:#e6ecdf;--bs-pagination-hover-color:#547442;--bs-pagination-hover-bg:#f3f7ed;--bs-pagination-hover-border-color:#dee7d5;--bs-pagination-active-bg:var(--teal);--bs-pagination-active-border-color:var(--teal);--bs-pagination-disabled-bg:#f9fbf6;--bs-pagination-disabled-border-color:#edf0e7;margin:0;gap:4px}.page-link{border-radius:5px!important}.auth-body{background:#fff}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:48% 52%}.auth-story{display:flex;flex-direction:column;min-height:100vh;background:var(--navy);padding:45px 60px 35px;overflow:hidden;position:relative}.auth-story::after{content:"";width:500px;height:500px;border:1px solid #ffffff08;border-radius:50%;position:absolute;left:-230px;bottom:-200px;pointer-events:none}.auth-story .brand{padding:0}.auth-story-copy{margin:auto 0;padding:65px 0;position:relative;z-index:1}.eyebrow{display:block;letter-spacing:.15em;font-size:9px;font-weight:650;color:#9aaf95;margin-bottom:19px}.auth-story h1{font-size:39px;line-height:1.45;font-weight:500;letter-spacing:-.045em;color:#e5eddf}.auth-story p{font-size:13px;color:#8ba4a4;line-height:1.9;margin-top:22px}.auth-illustration{margin-top:46px;max-width:360px}.illustration-card{border:1px solid #ffffff0e;background:#25414a;border-radius:9px;padding:19px 20px;display:flex;gap:13px;align-items:center;box-shadow:0 20px 40px #00000009}.illustration-check{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#3c5a50;color:#b0c9ab;border-radius:8px;font-size:19px}.illustration-card b{display:block;font-size:12px;color:#c2d4c4;font-weight:500}.illustration-card small{display:block;font-size:9px;color:#73918d;margin-top:4px}.illustration-lines{display:flex;gap:12px;align-items:end;height:70px;padding:0 25px;margin-top:20px}.illustration-lines span{height:30%;width:100%;background:#9bbf9320;border-radius:4px 4px 0 0}.illustration-lines span:nth-child(2){height:50%}.illustration-lines span:nth-child(3){height:45%}.illustration-lines span:nth-child(4){height:75%}.illustration-lines span:nth-child(5){height:100%;background:#9bbf9360}.auth-story-footer{font-size:9px;color:#6d8d8e}.auth-form-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 50px}.auth-form-inner{width:100%;max-width:355px;padding-bottom:35px}.auth-form-inner .eyebrow{color:#9daa91;margin-bottom:10px}.auth-form-inner h2{font-size:30px;color:#34503b;font-weight:650;margin-bottom:12px}.auth-form-inner>.text-secondary{font-size:12px}.auth-help{font-size:10px;line-height:1.9;color:#a3ae9b;margin-top:30px}.auth-copyright{position:absolute;bottom:30px;color:#b2bcaa;font-size:9px}.auth-mobile-brand{display:none}.setup-body{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:100vh}.setup-card{max-width:640px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:40px;box-shadow:0 15px 50px #12351c05}.setup-card h1{font-size:26px;margin:12px 0}.setup-card>.text-secondary{font-size:13px}.setup-steps{padding-left:20px;margin:24px 0;color:#7d8c73;font-size:13px}.setup-steps li{padding:5px 0 9px 5px}.setup-card pre{background:#f5f8f0;border:1px solid #e7edde;border-radius:6px;padding:10px}.setup-card code{color:#6c8558;font-size:12px} @media(min-width:1500px){.main-content{padding-top:42px}.stat-card{padding:25px 25px 20px}.stats-grid{--bs-gutter-x:22px}.page-heading{margin-bottom:32px}}
@media(max-width:1199.98px){.app-sidebar{width:218px;padding-inline:15px}.app-shell{margin-left:218px}.topbar{padding-inline:27px}.main-content{padding:29px 27px 35px}.app-footer{margin-inline:27px}.stat-card{padding:20px;min-height:152px}.stat-number{font-size:30px}.stat-money{font-size:23px}.auth-story{padding-inline:35px}.auth-story h1{font-size:32px}.order-summary{position:static}}
@media(max-width:991.98px){.app-sidebar{width:230px;transform:translateX(-100%);transition:transform .2s ease}.app-shell{margin-left:0}.mobile-menu{display:block}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#142c3570;z-index:99;backdrop-filter:blur(2px)}body.sidebar-open{overflow:hidden}.topbar{min-height:72px}.auth-story{padding:35px 30px}.auth-story h1{font-size:28px}.auth-story p{font-size:12px}.auth-form-panel{padding:50px 30px}.auth-wrap{grid-template-columns:45% 55%}.brand{font-size:17px}.auth-story .brand small{font-size:7px}.auth-story .brand-mark{width:30px;height:34px}}
@media(max-width:767.98px){h1{font-size:24px}.topbar{padding:15px 20px}.topbar-location{font-size:10px}.topbar-location span{margin-inline:8px}.main-content{padding:25px 20px 32px}.account-info{display:none}.avatar{width:32px;height:32px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:16px}.page-heading>.btn{font-size:11px;padding:9px 12px;margin-top:22px}.page-heading p{font-size:11px}.section-kicker{font-size:8px}.stat-card{min-height:146px;padding:18px}.stat-label{font-size:10px;max-width:calc(100% - 15px)}.stat-number{font-size:30px;margin:11px 0 15px}.stat-money{font-size:22px;line-height:1.75}.stat-card>a,.stat-footnote{font-size:8px}.stat-symbol{font-size:19px;right:13px;top:16px}.stats-grid{--bs-gutter-x:12px;--bs-gutter-y:12px}.panel-heading{padding:20px}.panel-body{padding:0 20px 21px}.panel-toolbar{padding:14px 20px;flex-wrap:wrap}.toolbar-meta{display:none}.app-table tr th:first-child,.app-table tr td:first-child{padding-left:20px}.app-table tr th:last-child,.app-table tr td:last-child{padding-right:20px}.app-table thead th{font-size:8px}.app-table tbody td{font-size:11px;padding:16px}.app-table{min-width:590px}.status-tabs{padding-inline:20px;gap:20px}.status-tab{font-size:10px}.stock-watch-list{padding-inline:20px}.stock-watch-item{padding:15px 0}.stock-watch-item strong{font-size:12px}.empty-state{padding:40px 20px}.empty-state h3{font-size:13px}.app-footer{margin-inline:20px;font-size:8px;padding-block:17px}.app-footer span:last-child{display:none}.order-lines-header,.order-line{grid-template-columns:1fr 100px 24px;gap:13px}.order-line{padding:19px 20px;align-items:end}.order-line>div:first-child{grid-column:1/-2}.order-line>div:nth-child(2){grid-column:1}.order-line .line-total{grid-column:2;grid-row:2;align-self:center;padding-top:16px}.order-line>button{grid-column:3;grid-row:1;align-self:start;margin-top:25px}.order-line .line-product-info{font-size:10px}.order-line .form-label{font-size:10px}.order-add-line{padding:17px 20px;flex-wrap:wrap;gap:10px}.order-add-line .small{font-size:9px}.detail-total{padding:20px}.detail-total strong{font-size:20px}.summary-total strong{font-size:27px}.hint-card{padding:23px}.page-label{font-size:9px;padding:5px 10px;white-space:nowrap}.page-heading>.d-flex{flex-shrink:1}.page-heading>.d-flex .btn{font-size:11px;padding:8px 11px}.auth-wrap{display:block}.auth-story{display:none}.auth-form-panel{min-height:100vh;padding:70px 30px 100px}.auth-form-inner{padding-bottom:0;max-width:365px}.auth-mobile-brand{display:block;font-size:19px;font-weight:650;color:#547448;margin-bottom:55px}.auth-form-inner h2{font-size:28px}.auth-copyright{bottom:27px}.setup-card{padding:28px 24px}.search-form{flex-wrap:wrap;gap:8px}.search-form>.form-control{flex-basis:calc(100% - 100px)}.search-form .btn{font-size:11px;padding:11px 12px}.pagination-wrap{padding:15px 20px;flex-wrap:wrap;justify-content:center;font-size:9px}}
.panel>nav[aria-label="Phân trang"]{padding:18px 23px;border-top:1px solid #eef1e8}
.page-heading>div{min-width:0}.page-heading h1,.order-metadata dd,.stat-number{overflow-wrap:anywhere}.order-metadata dd{min-width:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.app-sidebar,.topbar,.app-footer,.page-heading>.d-flex,.cancel-order-box,.back-link{display:none!important}.app-shell{margin:0}.main-content{padding:0}.panel{break-inside:avoid;border:1px solid #ddd;box-shadow:none}.page-heading{margin:0 0 20px}.status-badge{border:1px solid #ddd}body{background:white}}

/* Catalog, checkout, reports and explicit per-page permissions. */
[hidden]{display:none!important}.app-sidebar{padding-top:26px}.sidebar-label{margin-top:30px}.sidebar-nav{overflow-y:auto;min-height:0;gap:4px;scrollbar-width:thin;scrollbar-color:#36515a transparent}.sidebar-nav .nav-item{min-height:43px;font-size:12px}.sidebar-bottom{padding-top:20px}.workspace-note{padding-bottom:16px}.logout-button{padding-top:16px}.product-thumb{width:40px;height:42px;flex-shrink:0;border:1px solid var(--line);border-radius:7px;object-fit:cover}.cell-description{max-width:340px;white-space:normal;overflow-wrap:anywhere}.image-preview{width:100%;aspect-ratio:1;border:1px dashed #dbe4da;border-radius:9px;background:#f7f9f4;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#93a28f;font-size:12px}.image-preview img{width:100%;height:100%;object-fit:contain}.form-check-label{font-size:12px;color:#5d7067}.form-check-input{width:16px;height:16px;border-color:#bfcec2;cursor:pointer}.form-check-input:checked{background-color:var(--teal);border-color:var(--teal)}.form-check-input:focus{border-color:#81b49d;box-shadow:0 0 0 3px #176c6017}.form-check-input:disabled{cursor:default}.permission-table{min-width:780px}.permission-table tbody th{padding:17px 23px;font-size:12px;font-weight:600;color:#4d665d;background:#fcfdfb;border-bottom:1px solid #edf0e9;white-space:nowrap}.permission-table .form-check-input{float:none;vertical-align:middle;margin:0}.permission-table thead th{font-size:10px;letter-spacing:0}.permission-na{color:#c0c9bf;font-size:15px}.permission-table tbody td{padding-inline:10px}.report-toolbar{border-top:0;align-items:center}.report-toolbar .form-select{min-width:160px}.report-selected{text-align:right;max-width:330px}.report-selected small{display:block;font-size:10px;color:#91a08c}.report-selected strong{display:block;margin-top:5px;font-size:16px;color:#42674b}.report-order-count{font-size:12px;color:#667e64;font-weight:600}.report-explainer{font-size:10px;color:#93a08d;line-height:1.8;margin:16px 0 0}.pos-heading{margin-bottom:24px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);gap:22px;align-items:start}.pos-catalog{position:sticky;top:18px}.pos-search{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(130px,.8fr);gap:10px;padding:0 20px 20px}.pos-search .form-control,.pos-search .form-select{font-size:12px}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px;padding:0 20px 22px;max-height:calc(100vh - 290px);min-height:140px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd7c9 transparent}.pos-product-card{padding:0;min-width:0;background:white;border:1px solid #e2e8df;border-radius:9px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s;color:var(--ink)}.pos-product-card:hover{border-color:#9ebca4;box-shadow:0 4px 15px #244c3510;transform:translateY(-2px)}.pos-product-card.just-added{border-color:var(--teal);box-shadow:0 0 0 2px #176c6020}.pos-product-card:disabled{cursor:default}.pos-product-card:disabled:hover{transform:none;box-shadow:none}.pos-product-image{width:100%;aspect-ratio:1.15;position:relative;display:flex;align-items:center;justify-content:center;background:#f1f4ee;overflow:hidden;border-bottom:1px solid #edf0e9}.pos-product-image>img{height:100%;width:100%;object-fit:cover}.pos-product-placeholder{font-size:45px;font-weight:500;color:#bbcdb5;line-height:1}.pos-stock{position:absolute;left:8px;bottom:8px;background:#fffef8e8;backdrop-filter:blur(5px);border-radius:4px;font-size:9px;color:#6c8262;padding:3px 6px}.pos-stock-empty{background:#fff2e9ed;color:#b17757}.pos-product-info{display:flex;flex-direction:column;width:100%;padding:11px 11px 9px;flex:1}.pos-product-info>small{font-size:8px;color:#8d9d86;line-height:1.6;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-info>strong{font-size:12px;line-height:1.5;font-weight:600;color:#4a6554;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.pos-sku{font-size:9px;color:#a3aea0;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pos-product-price{margin-top:10px;padding-top:8px;border-top:1px solid #f0f3ec;color:#337253;font-size:12px;font-weight:650;display:flex;justify-content:space-between;align-items:center;gap:4px}.pos-product-price>span{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#edf4e9;color:#6e956a;font-size:16px;flex-shrink:0}.pos-catalog .empty-state{padding-top:20px}.pos-sale{min-width:0}.pos-sale .panel-heading{padding:20px}.pos-cart{max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd7c9 transparent}.pos-cart-line{display:grid;grid-template-columns:41px minmax(0,1fr) 22px;gap:9px 11px;border-top:1px solid #edf0e9;padding:15px 20px}.pos-cart-image{width:41px;height:43px;overflow:hidden;background:#f1f4ed;border:1px solid #e8ede1;color:#9eb18f;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px}.pos-cart-image img{width:100%;height:100%;object-fit:cover}.pos-cart-info{min-width:0}.pos-cart-info>strong{display:block;line-height:1.5;font-size:12px;font-weight:600;color:#4a6456;overflow-wrap:anywhere}.pos-cart-sku{font-size:9px;color:#a0ad98;display:block}.pos-cart-hint{font-size:9px;line-height:1.7;color:#90a086;display:block;margin-top:3px}.pos-cart-line>.remove-line{height:28px;width:22px;font-size:22px}.pos-cart-controls{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.pos-cart-controls .form-control{width:85px;min-height:35px;padding:6px 9px;font-size:12px}.pos-cart-amount{font-size:12px;font-weight:600;color:#4f7151;white-space:nowrap}.pos-cart-empty{padding:24px 20px 35px;display:flex;align-items:center;flex-direction:column;text-align:center}.pos-cart-empty>span{font-size:35px;color:#b0bfa5;line-height:1.3;margin-bottom:12px}.pos-cart-empty strong{font-size:12px;color:#7c9073;font-weight:600}.pos-cart-empty small{font-size:10px;color:#a1ad99;margin-top:5px}.pos-totals{padding:16px 20px 20px;background:#fbfcf8;border-top:1px solid #e9eee2}.pos-total-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#7b8e73;min-height:35px;margin:6px 0}.pos-total-row>strong{color:#526e4f;font-weight:600}.pos-total-row>label{margin:0}.pos-money-input{position:relative;width:155px;max-width:55%;flex-shrink:0}.pos-money-input input{text-align:right;min-height:36px;padding:6px 28px 6px 9px;font-size:12px;font-weight:500}.pos-money-input>span{position:absolute;right:11px;top:6px;line-height:24px;color:#99a68f;font-size:11px;pointer-events:none}.pos-grand-total{border-top:1px dashed #dce5d3;border-bottom:1px dashed #dce5d3;margin:15px 0;padding:15px 0;font-weight:600;color:#5b7752}.pos-grand-total>strong{font-size:25px;letter-spacing:-.04em;color:#2f6746;line-height:1.3}.pos-balance{min-height:20px;font-size:10px;color:#97a28d}.pos-balance>strong{font-size:11px}.pos-validation{font-size:11px;line-height:1.75;color:#b1744f;margin-bottom:10px;min-height:0}.pos-validation:empty{display:none}.pos-submit-bar{margin-top:18px}.pos-sale .panel-body{padding-inline:20px}.pos-sale .form-label{font-size:11px}.pos-sale textarea{min-height:65px}.pos-sale .form-text{font-size:10px}.order-payment-breakdown{padding:15px 23px;border-top:1px solid #edf0e9}.order-payment-breakdown .summary-row{margin:10px 0}.customer-address{font-size:11px;color:#899a7f;margin-top:14px;line-height:1.8;overflow-wrap:anywhere}
@media(min-width:1600px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.pos-layout{grid-template-columns:minmax(0,1.3fr) minmax(390px,1fr)}}
@media(max-width:1199.98px){.pos-layout{grid-template-columns:minmax(0,1.1fr) minmax(330px,1fr);gap:17px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-inline:15px}.pos-search{grid-template-columns:1fr;padding-inline:15px;gap:8px}.pos-catalog .panel-heading{padding-inline:15px}.pos-product-info{padding-inline:9px}.pos-cart-line{padding-inline:16px}.pos-totals{padding-inline:16px}.report-selected{max-width:280px}}
@media(max-width:767.98px){.page-heading{flex-wrap:wrap}.page-heading>.d-flex{width:100%}.page-heading>.d-flex .btn{font-size:10px}.pos-layout{grid-template-columns:1fr;gap:20px}.pos-catalog{position:static}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:510px;min-height:0;padding-inline:15px}.pos-product-image{aspect-ratio:1.45}.pos-product-info>strong{min-height:36px}.pos-search{grid-template-columns:minmax(0,1fr) minmax(115px,.7fr)}.pos-heading{margin-bottom:20px}.pos-heading>.btn{margin-top:0}.pos-cart{max-height:390px}.pos-cart-line{padding-inline:20px}.pos-product-price{font-size:12px}.pos-totals{padding-inline:20px}.pos-cart-controls .form-control{width:90px}.pos-money-input{width:170px}.pos-grand-total>strong{font-size:27px}.report-toolbar{gap:18px}.report-toolbar form{width:100%}.report-toolbar form>div{flex:1;min-width:135px}.report-toolbar form>.btn{width:100%}.report-selected{text-align:left;width:100%;max-width:none;padding-top:13px;border-top:1px solid var(--line)}.report-explainer{font-size:10px}.stat-card .report-order-count{font-size:12px}.permission-table tbody th{font-size:11px;padding-inline:20px}.image-preview{max-width:350px;margin-inline:auto}.order-payment-breakdown{padding-inline:20px}}
@media print{.pos-search,.pos-product-grid,.pos-submit-bar,.pos-catalog,.report-toolbar form,.pos-clear-cart{display:none!important}.pos-layout{display:block}.permission-table input{appearance:auto}.pos-sale{width:100%}.page-heading>.d-flex{display:none!important}}

/* Searchable selects, delivery planning and focused account forms. */
.search-select{position:relative;min-width:0;width:100%}.search-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0;pointer-events:none}.search-select-trigger{width:100%;text-align:left;display:flex;align-items:center;padding-right:36px;line-height:1.5;cursor:pointer;position:relative}.search-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select-trigger:disabled{background-color:#f0f3ef;color:#91a09a;cursor:default;opacity:.75}.search-select-trigger[aria-expanded=true]{border-color:#81b49d;box-shadow:0 0 0 3px #176c6010}.search-select-popup{position:absolute;z-index:1080;left:0;right:0;top:calc(100% + 6px);padding:8px;background:#fff;border:1px solid #d9e4dc;border-radius:9px;box-shadow:0 12px 35px #142c3524;max-height:340px;display:flex;flex-direction:column;gap:7px}.search-select-input{min-height:37px!important;font-size:12px!important;padding:8px 11px}.search-select-options{overflow-y:auto;max-height:250px;scrollbar-width:thin;scrollbar-color:#c0d1c4 transparent}.search-select-option{border:0;display:block;width:100%;text-align:left;padding:9px 10px;border-radius:5px;background:#fff;color:#51665b;font-size:12px;line-height:1.5;overflow-wrap:anywhere;cursor:pointer}.search-select-option:hover,.search-select-option.is-active{background:#eff5ed;color:#286246}.search-select-option[aria-selected=true]{background:#e4efe6;color:#176c60;font-weight:650}.search-select-option:disabled{opacity:.45;cursor:default}.search-select-empty{padding:13px 10px;color:#94a294;font-size:12px}.search-select-group{font-size:10px;font-weight:700;color:#8d9d8b;padding:9px 10px 5px}.search-select-error{font-size:11px}.search-select:has(.search-select-popup:not([hidden])){z-index:1080}.panel:has(.search-select){overflow:visible}.filter-select+.search-select{max-width:400px}.panel-toolbar .search-select{max-width:400px}.report-toolbar .search-select{min-width:160px}.pos-search>.search-select{min-width:0}.pos-search .search-select-trigger{font-size:12px}.pos-catalog:has(.search-select-popup:not([hidden])){z-index:20}.sidebar-nav .nav-item:has(span){flex-shrink:0}.sidebar-nav .nav-item span:not(.nav-dot){line-height:1.55}.sidebar-bottom{flex-shrink:0}
.app-table thead .sort-link,.app-table thead a{display:inline-flex;align-items:center;gap:7px;color:#74887a;text-decoration:none;font-size:inherit;font-weight:650}.app-table thead a:hover{color:var(--teal)}.app-table thead a:focus-visible{outline-offset:4px}.table-sort-button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer;text-align:inherit}.table-sort-button:hover{color:var(--teal)}.sort-indicator{font-size:11px;color:#a5b3a2;line-height:1}.app-table th[aria-sort=ascending] .sort-indicator,.app-table th[aria-sort=descending] .sort-indicator{color:var(--teal)}.app-table .text-end>.table-sort-button{justify-content:flex-end}.username-label{font-size:11px;color:#7c8d82}.role-badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#f0f4ef;color:#7b907c}.role-admin{background:#eaf0f7;color:#557b9b}.form-step{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;background:#eef4ec;border:1px solid #e1eadb;border-radius:7px;font-size:11px;color:#91a384;font-weight:650}.permission-heading{align-items:center}.permission-heading p{max-width:470px}.permission-table{min-width:760px}.permission-table thead th{font-size:9px}.permission-table tbody th{font-size:11px}.permission-table tbody td{padding:16px 10px}.permission-table tbody tr:hover th{background:#f5f9f2}.permission-table .form-check-input{width:17px;height:17px}.account-form-aside{position:sticky;top:24px}.account-form-illustration{height:145px;background:#edf3e8;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:9px 9px 0 0}.account-form-illustration::before,.account-form-illustration::after{content:"";position:absolute;width:145px;height:145px;border:1px solid #dae7d2;border-radius:50%;transform:rotate(-30deg)}.account-form-illustration::after{width:200px;height:200px;border-color:#e2ebdb}.account-shield{display:flex;align-items:center;justify-content:center;width:65px;height:74px;background:#284e42;color:#c6dfbd;clip-path:polygon(50% 0,95% 20%,88% 70%,50% 100%,12% 70%,5% 20%);font-size:30px;font-weight:400;z-index:1}.account-form-aside .panel-body{padding-top:24px}.account-form-aside h2{font-size:15px;line-height:1.65}.account-guidance{list-style:none;padding:0;margin:23px 0;color:#859780;font-size:11px}.account-guidance li{display:flex;align-items:center;gap:9px;margin:15px 0;line-height:1.6}.account-guidance li>span{display:inline-flex;width:22px;height:22px;border-radius:50%;border:1px solid #dfe8d8;color:#8b9e80;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.account-access-note{font-size:10px;color:#9aa78f;background:#f7f9f3;border:1px solid #ecf0e5;border-radius:7px;padding:12px;line-height:1.9}.payment-method-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #dce8da;border-radius:8px;background:#edf4e9;color:#6f926a;font-size:23px;flex-shrink:0}.payment-method-preview{display:flex;align-items:center;gap:12px;background:#f5f8f1;border:1px solid #e4ebdc;border-radius:8px;padding:18px;margin:4px 0 22px}.payment-method-preview strong{font-size:12px;color:#6e8663}.order-filter-body{padding-top:20px!important;padding-bottom:20px;border-bottom:1px solid #edf0e9}.order-filters{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(105px,1fr) minmax(105px,1fr) 110px minmax(130px,1.2fr) auto;gap:12px;align-items:end}.order-filters>div{min-width:0}.order-filter-actions{display:flex;align-items:center;gap:7px;min-height:43px}.order-filter-actions .btn{min-height:43px}.order-list-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px 23px;font-size:10px;color:#95a08f;line-height:1.8;border-bottom:1px solid #edf0e9}.deadline-legend-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#d6948b;flex-shrink:0}.order-list-table{min-width:1150px}.order-list-table tbody td{padding-top:19px;padding-bottom:19px}.order-code-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.order-code-actions form{display:inline-flex;margin:0}.order-done-toggle{border:1px solid #d8e1da;border-radius:6px;width:27px;height:27px;background:#fff;color:#b2bfb3;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:15px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.order-done-toggle:hover{background:#eef4fb;border-color:#80aada;color:#3981c2}.order-done-toggle.is-done{background:#2b82d3;border-color:#2b82d3;color:#fff;box-shadow:0 2px 4px #2b82d31a}.order-done-toggle.is-done:hover{background:#186bb8;border-color:#186bb8;color:#fff}.order-done-toggle:disabled{cursor:default;opacity:.55}.order-done-toggle:disabled:hover{background:#fff;border-color:#d8e1da;color:#b2bfb3}.order-done-toggle.is-done:disabled{background:#2b82d3;border-color:#2b82d3;color:white}.work-status-badge{display:inline-block;padding:5px 8px;border-radius:5px;background:#f0f3ef;color:#879581;font-size:9px;font-weight:550;white-space:nowrap}.work-status-urgent{background:#fff0ea;color:#c57e62}.work-status-done{background:#e9f2fc;color:#4185c2}.work-status-not_started{background:#f2f1eb;color:#a19670}.work-status-in_progress{background:#eaf4ef;color:#59977a}.work-status-preorder{background:#f0edf9;color:#9284b6}.order-row-attention td{--bs-table-bg:#fff1ee!important;--bs-table-color:#a95c55!important;background:#fff1ee!important;color:#a95c55!important;border-bottom-color:#f4ded8!important}.order-row-attention td:first-child{box-shadow:inset 3px 0 #cc8479}.order-row-attention:hover td{background:#ffebe5!important;--bs-table-bg:#ffebe5!important}.order-row-attention .table-primary-link,.order-row-attention .table-primary-text{color:#a5534d}.order-row-attention .cell-subtext{color:#c38f87}.order-row-attention .text-secondary{color:#c19890!important}.deadline-date{color:#b66356}.deadline-label{display:block;margin-top:5px;font-size:9px;color:#c5796d}.order-note-cell{min-width:140px;max-width:220px;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.deadline-alert{background:#fff1ed;border:1px solid #f2d7d0;color:#b46e62;line-height:1.8}.deadline-alert strong{font-weight:650}.tracking-readonly-note{margin-top:20px;padding-top:18px;border-top:1px solid #edf0e9;font-size:12px;color:#88977d;line-height:1.8}.tracking-readonly-note>strong{font-size:11px;color:#6c8064}
@media(max-width:1499.98px){.order-filters{grid-template-columns:minmax(200px,2fr) repeat(3,minmax(100px,1fr))}.order-filter-search{grid-column:1/3}.order-filters>div:nth-last-child(2){grid-column:auto}.order-filter-actions{justify-content:flex-start}.order-list-legend .ms-auto{margin-left:0!important;width:100%}}
@media(max-width:1199.98px){.account-form-aside{position:static;display:flex}.account-form-illustration{height:auto;min-height:220px;width:25%;flex-shrink:0;border-radius:9px 0 0 9px}.account-form-aside .panel-body{padding-top:25px}.account-guidance{display:flex;flex-wrap:wrap;gap:15px;margin:10px 0}.account-guidance li{margin:4px 0}.account-access-note{margin-top:10px}.order-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.order-filter-search{grid-column:1/3}.order-filter-actions{grid-column:2/4}}
@media(max-width:767.98px){.order-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-filter-search{grid-column:1/-1}.order-filter-actions{grid-column:auto}.order-list-legend{padding-inline:20px;font-size:9px}.order-filter-actions .btn{padding-inline:13px}.search-select-popup{max-height:300px}.search-select-options{max-height:210px}.permission-heading{align-items:flex-start;flex-wrap:wrap}.permission-heading>.d-flex{width:100%}.account-form-aside{display:block}.account-form-illustration{width:100%;height:120px;min-height:0;border-radius:9px 9px 0 0}.account-form-aside .panel-body{padding-top:22px}.account-guidance{display:block;margin:18px 0}.account-guidance li{margin:12px 0}.order-code-actions{gap:7px}.order-list-table tbody td{padding-block:17px}.search-select-trigger{font-size:12px}.search-select-option{font-size:12px}.panel-toolbar .search-select{max-width:none}.report-toolbar .search-select{min-width:0}.form-step{display:none}}
@media print{.search-select-popup,.order-filter-body,.order-filter-actions,.order-done-toggle{display:none!important}.order-row-attention td{print-color-adjust:exact}.order-list-table{min-width:0}.order-note-cell{max-width:none}.order-list-legend{font-size:8px}}/* Keep the full permission matrix readable beside the account summary. */
.permission-table{min-width:650px}.permission-table thead th{padding-inline:9px;letter-spacing:0}.permission-table tbody td{padding-inline:8px}.permission-table tr th:first-child{padding-left:23px;padding-right:13px}.permission-table tr th:last-child{padding-right:20px}.permission-table tr td:last-child{padding-right:20px}
/* Price belongs to this order; each cart line can use its own customer price. */
.pos-cart-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(72px,.65fr) minmax(115px,1.35fr);align-items:start;gap:10px 12px}
.pos-cart-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;font-size:10px;color:#82917b;line-height:1.5}
.pos-cart-controls .form-control{width:100%;min-width:0;min-height:36px;margin:0;font-size:12px}
.pos-cart-price{text-align:right;font-variant-numeric:tabular-nums}
.pos-cart-line-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;color:#91a087}
.pos-cart-amount{font-variant-numeric:tabular-nums;white-space:normal;text-align:right;overflow-wrap:anywhere}
@media(max-width:767.98px){.pos-cart-controls{gap:9px 12px}.pos-cart-field{font-size:11px}.pos-cart-controls .form-control{min-height:40px;font-size:13px}.pos-cart-line-total{font-size:11px}}
.purchase-cost-form{align-items:end}.purchase-cost-form .form-label{min-height:1.5rem;font-weight:600}.purchase-cost-form .form-control,.purchase-cost-form .form-select{height:42px}.purchase-cost-form .col-md-2,.purchase-cost-form .col-md-3,.purchase-cost-form .col-md-6{display:flex;flex-direction:column}.purchase-cost-form .col-12{margin-top:.25rem}@media(max-width:767px){.purchase-cost-form [class*=col-md-]{width:100%}}
.purchase-cost-form{display:flex;flex-wrap:wrap;gap:1rem}.purchase-cost-form>[class*="col-md-"]{flex:0 0 calc(16.666% - .84rem);max-width:calc(16.666% - .84rem)}.purchase-cost-form>[class*="col-12"]{flex-basis:100%;max-width:100%}@media(max-width:767px){.purchase-cost-form>[class*="col-md-"]{flex-basis:100%;max-width:100%}}
.report-period-purchase,.report-period-profit{margin-top:7px;font-size:12px;color:#738179}.report-period-purchase strong{color:#485b51;font-weight:650}.report-period-profit strong{color:#176b4b;font-weight:700}.report-selected .report-period-purchase{font-size:11px}
.annual-chart-wrap{padding:4px 22px 20px}.annual-chart{display:block;width:100%;height:auto;overflow:visible}.annual-chart-grid{stroke:#e9eee9;stroke-width:1}.annual-chart-zero{stroke:#98a79d;stroke-width:1.4}.annual-chart-axis{fill:#85918b;font-size:11px;font-family:inherit}.annual-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding-top:7px;color:#63716a;font-size:12px}.annual-chart-legend span{display:inline-flex;align-items:center;gap:8px}.annual-chart-legend i{display:inline-block;width:11px;height:11px;border-radius:3px}.annual-chart-legend .legend-revenue{background:#31836c}.annual-chart-legend .legend-cost{background:#d99a4a}.annual-chart-legend .legend-profit{background:#5a7bc8;border-radius:50%;height:4px}
.sales-receipt{display:none}.receipt-header{text-align:center;border-bottom:1px solid #bbb;padding-bottom:12px;margin-bottom:14px}.receipt-header h1{font-size:21px;margin:0 0 4px}.receipt-header p{font-size:11px;margin:1px 0}.receipt-header h2{font-size:16px;letter-spacing:.06em;margin:12px 0 0}.receipt-meta{display:grid;grid-template-columns:1fr;gap:5px;margin-bottom:16px;font-size:12px}.receipt-table{width:100%;border-collapse:collapse;font-size:11px;margin:0 0 12px}.receipt-table th,.receipt-table td{border-bottom:1px solid #ddd;padding:7px 5px;vertical-align:top}.receipt-table thead th{border-top:1px solid #999;border-bottom:1px solid #999}.receipt-table td small{display:block;color:#666}.receipt-number{text-align:right;white-space:nowrap}.receipt-totals{width:min(100%,360px);margin-left:auto;font-size:12px}.receipt-totals>div{display:flex;justify-content:space-between;gap:16px;padding:4px 0}.receipt-grand-total{border-top:1px solid #888;border-bottom:1px solid #888;margin:4px 0;font-size:14px}.receipt-note{font-size:11px;margin-top:14px}.receipt-thanks{text-align:center;font-size:12px;margin-top:24px}@media print{body.print-sales-receipt *{visibility:hidden!important}body.print-sales-receipt #sales-receipt,body.print-sales-receipt #sales-receipt *{visibility:visible!important}body.print-sales-receipt #sales-receipt{display:block!important;position:absolute;left:0;top:0;width:100%;max-width:none;padding:0 2mm;background:#fff;color:#111;font-family:Arial,sans-serif}body.print-sales-receipt #sales-receipt *{color:#111!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{margin:14mm}}
.order-note-cell>span{display:block}.order-address-text{font-weight:550;color:#51615a}.order-customer-note{margin-top:5px;color:#758079}
/* Marketplace order intake, mobile QR scanning and direct video capture. */
.marketplace-form{max-width:1120px}.market-note-cell{min-width:180px;max-width:320px}.market-note-cell>span,.market-note-cell>a,.market-note-cell>small{display:block}.market-note-cell>a{margin-top:.35rem}.market-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .65rem;font-size:.8rem;font-weight:650;white-space:nowrap}.market-status-not_filmed{background:#fff0d7;color:#855200}.market-status-filmed{background:#e3edff;color:#2257a7}.market-status-completed{background:#dff4e8;color:#17643a}.market-camera-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.market-camera-controls .form-text{flex-basis:100%}.market-camera-preview,.market-existing-media video{display:block;width:min(100%,700px);max-height:65vh;margin-top:1rem;background:#101820;border-radius:12px}.market-existing-media{margin-top:1rem}.market-existing-media video{max-height:420px}.market-file-list{margin-top:1.5rem;border-top:1px solid var(--bs-border-color);padding-top:1rem}.market-file-list h3{font-size:1rem}.market-file-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--bs-border-color)}.market-file-item img{width:64px;height:56px;object-fit:cover;border-radius:7px}.market-file-item small{color:#697782}.market-file-item form{margin-left:auto}.market-scan-panel{max-width:760px}.market-scan-stage{position:relative;overflow:hidden;display:grid;place-items:center;min-height:300px;background:#101820;border-radius:14px}.market-scan-stage video{width:100%;max-height:65vh;object-fit:cover}.market-scan-frame{position:absolute;width:min(68vw,280px);height:min(68vw,280px);max-height:70%;max-width:70%;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 100vmax #07111a55}.market-camera-message{min-height:1.5rem;margin:1rem 0;color:#53616a}.market-manual-code{max-width:560px;margin-top:1.6rem}.marketplace-form .form-actions{margin-bottom:2rem}@media(max-width:575.98px){.market-camera-controls>.btn,.market-camera-controls>label.btn{width:100%;text-align:center}.market-scan-stage{min-height:240px}.market-file-item{flex-wrap:wrap}.market-file-item form{margin-left:0}}
/* Refined mobile-first marketplace order entry. */
.marketplace-page-heading,.marketplace-form,.marketplace-steps{max-width:980px;margin-left:auto;margin-right:auto}
.marketplace-page-heading{margin-bottom:1.15rem}
.marketplace-back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1rem;color:#667780;font-weight:600}
.marketplace-heading-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.marketplace-heading-row h1{margin:.1rem 0 .3rem;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:750;letter-spacing:-.035em;color:#17343b}
.marketplace-heading-row p{margin:0;color:#718087}
.marketplace-heading-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#e8f2ed;color:#176c60;font-size:1.55rem}
.marketplace-steps{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;margin-bottom:1rem;border:1px solid #e5ece7;border-radius:14px;background:#fff;color:#849198;font-size:.78rem;font-weight:650}
.marketplace-steps span{display:flex;align-items:center;gap:.4rem;white-space:nowrap}
.marketplace-steps span.is-current{color:#176c60}
.marketplace-steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef2ef;font-style:normal;font-size:.72rem}
.marketplace-steps .is-current i{background:#176c60;color:#fff}
.marketplace-steps>b{height:1px;flex:1;background:#e7ece8}
.marketplace-card{overflow:hidden;border:1px solid #e7ece8;border-radius:16px;box-shadow:0 5px 18px #17343b08}
.marketplace-card .panel-body{padding:1.35rem}
.marketplace-card-heading{display:flex;align-items:center;gap:.85rem;padding:1.15rem 1.35rem;border-bottom:1px solid #edf0ed;background:linear-gradient(110deg,#fbfcfa,#fff)}
.marketplace-step-number{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e8f2ed;color:#176c60;font-weight:750;font-size:.8rem}
.marketplace-card-heading h2{margin:0 0 .15rem;color:#1b343b;font-size:1.03rem;font-weight:720}
.marketplace-card-heading p{margin:0;color:#839096;font-size:.84rem}
.marketplace-optional{margin-left:auto;padding:.28rem .6rem;border-radius:999px;background:#f1f4f1;color:#748078;font-size:.72rem;font-weight:650;white-space:nowrap}
.marketplace-tracking-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:1rem}
.marketplace-field .form-label,.marketplace-card .form-label{margin-bottom:.42rem;color:#40545b;font-size:.82rem;font-weight:680}
.marketplace-field .form-label>span,.marketplace-card .form-label>span{color:#cf5c4d}
.marketplace-form .form-control,.marketplace-form .form-select{min-height:46px;border-color:#dfe7e2;border-radius:10px;background-color:#fff}
.marketplace-form .form-control:focus,.marketplace-form .form-select:focus{border-color:#69a58b;box-shadow:0 0 0 .2rem #176c6018}
.marketplace-form textarea.form-control{min-height:88px}
.marketplace-tracking-input{font-size:1rem;font-weight:650;letter-spacing:.01em}
.marketplace-scan-button{display:flex;align-items:center;gap:.7rem;min-height:54px;padding:.55rem .8rem;border:1px solid #cfe3d8;border-radius:12px;background:#eef7f1;color:#176c60;font-weight:720;transition:background .15s,border-color .15s,transform .15s}
.marketplace-scan-button:hover{background:#e3f1e8;border-color:#9fcbb1;color:#115348;transform:translateY(-1px)}
.marketplace-scan-button>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d8ecdf;font-size:1.2rem}
.marketplace-scan-button small{display:block;margin-top:.05rem;color:#698579;font-size:.7rem;font-weight:500}
.marketplace-scan-arrow{margin-left:auto;font-size:1.2rem}
.marketplace-camera-box{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5ece7;border-radius:14px;background:#f8faf8}
.marketplace-camera-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e6f1e9;color:#176c60;font-size:1.45rem}
.marketplace-camera-copy strong,.marketplace-camera-copy span{display:block}
.marketplace-camera-copy strong{color:#253d43;font-size:.88rem}
.marketplace-camera-copy span{margin-top:.16rem;color:#7b888d;font-size:.76rem}
.market-camera-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.market-camera-controls .btn{min-height:42px;border-radius:10px;font-size:.8rem;font-weight:650}
.market-camera-controls .btn-primary{background:#176c60;border-color:#176c60}
.marketplace-camera-status{grid-column:2/-1;color:#738187;font-size:.76rem}
.market-camera-preview{display:block;width:100%;max-height:65vh;margin-top:1rem;border-radius:14px;background:#101820;object-fit:contain}
.market-existing-media{margin-top:1rem;padding:1rem;border:1px solid #e5ece7;border-radius:14px;background:#fbfcfb}
.market-existing-media>div{display:flex;justify-content:space-between;gap:1rem}.market-existing-media>span{display:block;margin-top:.2rem;color:#77858b;font-size:.8rem}
.market-existing-media video{display:block;width:100%;max-height:420px;margin-top:.75rem;border-radius:10px;background:#101820}
.marketplace-upload-card{display:flex;align-items:center;gap:.9rem;min-height:104px;padding:1rem;border:1.5px dashed #cbd9d0;border-radius:14px;background:#fbfcfb;cursor:pointer;transition:background .15s,border-color .15s}
.marketplace-upload-card:hover,.marketplace-upload-card:focus-within{border-color:#71a98c;background:#f1f8f3}
.marketplace-upload-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#e8f2ed;color:#176c60;font-size:1.35rem}
.marketplace-upload-card strong,.marketplace-upload-card small,.marketplace-upload-card em{display:block}
.marketplace-upload-card strong{color:#2b4147;font-size:.87rem}.marketplace-upload-card small{margin-top:.12rem;color:#879399;font-size:.73rem}.marketplace-upload-card em{margin-top:.35rem;color:#176c60;font-size:.74rem;font-style:normal;font-weight:650}
.marketplace-upload-note{margin:.75rem 0 0;color:#879399;font-size:.73rem}
.market-file-list{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid #e9eeea}.market-file-list h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .65rem;color:#344a50;font-size:.88rem;font-weight:700}.market-file-list h3 span{color:#88949a;font-size:.75rem}
.marketplace-saved-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.market-file-item{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.55rem;border:1px solid #e7ece8;border-radius:12px;background:#fff}
.marketplace-file-thumb{display:grid;place-items:center;flex:0 0 54px;width:54px;height:50px;overflow:hidden;border-radius:8px;background:#f0f5f1}.marketplace-file-thumb img{width:100%;height:100%;object-fit:cover}.marketplace-doc-icon{color:#176c60;font-size:1.25rem}
.marketplace-file-name{flex:1;min-width:0;overflow:hidden;color:#33494f;font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.marketplace-file-name small{display:block;overflow:hidden;color:#879399;font-size:.68rem;font-weight:400;text-overflow:ellipsis}
.market-file-item form{margin-left:auto}.market-file-item .btn{border-radius:8px;font-size:.72rem}
.marketplace-form-actions{position:sticky;z-index:4;bottom:0;display:flex;justify-content:flex-end;gap:.7rem;padding:1rem 0;background:linear-gradient(180deg,#f6f7f400,#f6f7f4 25%)}
.marketplace-form-actions .btn{min-height:46px;padding-inline:1.25rem;border-radius:11px;font-weight:680}
@media(max-width:767.98px){.marketplace-page-heading,.marketplace-form,.marketplace-steps{max-width:100%}.marketplace-page-heading{margin-bottom:.8rem}.marketplace-back{margin-bottom:.65rem}.marketplace-heading-icon{width:46px;height:46px;border-radius:14px}.marketplace-steps{gap:.35rem;padding:.65rem .55rem;margin-bottom:.8rem;font-size:.68rem}.marketplace-steps span{gap:.28rem}.marketplace-steps i{width:21px;height:21px}.marketplace-card{margin-bottom:.8rem!important;border-radius:14px}.marketplace-card-heading{gap:.65rem;padding:.9rem}.marketplace-step-number{flex-basis:34px;height:34px;border-radius:10px}.marketplace-card-heading p{font-size:.76rem}.marketplace-card .panel-body{padding:.95rem}.marketplace-tracking-row{grid-template-columns:1fr;gap:.65rem}.marketplace-scan-button{min-height:54px}.marketplace-form .form-control,.marketplace-form .form-select{min-height:48px;font-size:16px}.marketplace-form textarea.form-control{min-height:84px}.marketplace-camera-box{grid-template-columns:42px minmax(0,1fr);gap:.7rem;padding:.8rem}.marketplace-camera-icon{width:40px;height:40px}.marketplace-camera-copy strong{font-size:.83rem}.marketplace-camera-copy span{font-size:.72rem}.market-camera-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.market-camera-controls .btn{width:100%;min-height:46px}.market-camera-controls .btn-outline-secondary{grid-column:1/-1}.marketplace-camera-status{grid-column:1/-1;line-height:1.45}.marketplace-saved-files{grid-template-columns:1fr}.marketplace-upload-card{min-height:90px;padding:.8rem}.marketplace-upload-icon{flex-basis:40px;width:40px;height:40px}.marketplace-form-actions{position:fixed;bottom:0;left:0;right:0;justify-content:stretch;gap:.6rem;padding:.7rem max(1rem,env(safe-area-inset-right)) calc(.7rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#fffffff2;border-top:1px solid #e3eae5;box-shadow:0 -6px 22px #1c353b12;backdrop-filter:blur(12px)}.marketplace-form-actions .btn{flex:1;min-height:48px;padding-inline:.8rem}.marketplace-form{padding-bottom:84px}}
@media(max-width:380px){.marketplace-steps{font-size:.62rem}.marketplace-steps span{gap:.2rem}.marketplace-steps i{width:19px;height:19px}.marketplace-optional{font-size:.66rem;padding:.22rem .42rem}.marketplace-camera-box{grid-template-columns:36px minmax(0,1fr)}.marketplace-camera-icon{width:36px;height:36px}}
.market-scan-panel{overflow:hidden;border:1px solid #e5ece7;border-radius:16px;box-shadow:0 6px 22px #17343b0a}.market-scan-panel .panel-body{padding:1.25rem}.market-scan-stage{min-height:clamp(280px,55vh,540px);border-radius:14px;background:radial-gradient(ellipse at center,#253a40,#101820 70%)}.market-scan-stage video{height:100%;min-height:280px;object-fit:cover}.market-scan-frame{width:min(68vw,300px);height:min(68vw,300px);border-color:#e7fff0;border-radius:22px;box-shadow:0 0 0 100vmax #07111a66,0 0 28px #73e6a744}.market-camera-message{padding:.75rem .9rem;border-radius:10px;background:#f2f7f3;color:#486157;font-size:.85rem}.market-manual-code .form-control,.market-manual-code .btn{min-height:46px}@media(max-width:767.98px){.market-scan-panel{border-radius:14px}.market-scan-panel .panel-body{padding:.9rem}.market-scan-stage{min-height:48vh}.market-scan-stage video{min-height:48vh}.market-scan-panel .d-flex>.btn{flex:1;min-height:48px}.market-manual-code{margin-top:1.2rem}.market-camera-message{font-size:.8rem}}