.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.12fr) minmax(440px,.88fr);background:#f4f7f8;color:#102f40}.auth-brand{position:relative;min-height:100vh;overflow:hidden;background:#061a2f url(https://albriam.com/albriam-building-clean.png) center/cover no-repeat}.auth-brand-overlay{position:absolute;inset:0;background:linear-gradient(105deg,#031224fa,#041930e0 52%,#051a318f)}.auth-brand:after{content:"";position:absolute;inset:auto -140px -190px auto;width:520px;height:520px;border:1px solid rgba(224,183,99,.2);border-radius:50%;box-shadow:0 0 0 70px #e0b76309,0 0 0 140px #e0b76306}.auth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:100vh;padding:42px clamp(42px,7vw,104px) 48px}.auth-logo{display:block;width:min(225px,48%);height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.22))}.auth-brand-message{max-width:620px;margin:auto 0}.auth-eyebrow{display:block;color:#c89a43;font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.auth-brand-message h1{margin:20px 0 18px;color:#fff;font-size:clamp(38px,4.5vw,68px);line-height:1.06;letter-spacing:-.035em}.auth-brand-message p{max-width:540px;margin:0;color:#ffffffbf;font-size:clamp(16px,1.35vw,20px);line-height:1.7}.auth-motto{margin:0;color:#e2bd70;font-size:11px;font-weight:800;letter-spacing:.2em}.auth-access{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:38px clamp(30px,5vw,82px);background:radial-gradient(circle at 100% 0%,rgba(198,158,76,.12),transparent 30%),#f4f7f8}.auth-client{display:flex;align-items:center;gap:13px;max-width:520px;width:100%;margin:0 auto 25px}.auth-client-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c89a43;border-radius:12px;background:#0b2940;color:#e6bd69;font-size:22px;font-weight:800}.auth-client div{display:grid;gap:2px}.auth-client strong{font-size:15px}.auth-client small{color:#64747c;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.auth-card{width:100%;max-width:520px;margin:0 auto;padding:clamp(30px,4vw,48px);border:1px solid #dce5e7;border-radius:22px;background:#fffffff5;box-shadow:0 24px 70px #0b29401a}.auth-card h2{margin:9px 0 8px;font-size:38px;line-height:1.15;letter-spacing:-.025em;color:#0b2940}.auth-intro{margin:0 0 28px;color:#5e7078;line-height:1.6}.auth-form{display:grid;gap:18px}.auth-form label{display:grid;gap:8px}.auth-form label>span{color:#233e4a;font-size:13px;font-weight:700}.auth-form input{width:100%;height:52px;padding:0 15px;border:1px solid #c9d5d8;border-radius:10px;background:#fff;color:#102f40;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder{color:#94a1a6}.auth-form input:focus{border-color:#b9862f;box-shadow:0 0 0 4px #b9862f21}.auth-submit,.auth-secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border:0;border-radius:10px;background:#0b2940;color:#fff;font-weight:750;cursor:pointer}.auth-submit:disabled,.auth-secondary:disabled{cursor:wait;opacity:.7}.auth-error,.auth-success{margin:0;padding:11px 13px;border-radius:9px;font-size:13px;line-height:1.45}.auth-error{background:#fff0ee;color:#9e2d22;border:1px solid #f3cdc8}.auth-success{background:#ecf8f1;color:#176741;border:1px solid #c7ead6}.auth-recovery{margin-top:24px;padding-top:20px;border-top:1px solid #e4eaec}.auth-recovery summary{color:#405760;font-size:13px;font-weight:700;cursor:pointer}.auth-recovery-body{padding-top:15px}.auth-recovery-body>p{margin:0 0 15px;color:#66777e;font-size:13px;line-height:1.5}.auth-form-compact{gap:13px}.auth-secondary{min-height:46px;background:#edf3f2;color:#173b42;border:1px solid #bfd0cc}.auth-footer{display:flex;justify-content:space-between;max-width:520px;width:100%;margin:22px auto 0;color:#829097;font-size:11px}.auth-footer strong{color:#51676f;letter-spacing:.04em}.auth-setup-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 100% 0%,rgba(198,158,76,.12),transparent 30%),#f4f7f8}.auth-setup-card{width:min(520px,100%);padding:clamp(30px,4vw,48px);border:1px solid #dce5e7;border-radius:22px;background:#fff;color:#102f40;box-shadow:0 24px 70px #0b294024}.auth-setup-card h2{margin:9px 0 8px;font-size:38px;color:#0b2940}.auth-setup-message:empty,.auth-recovery-message:empty{display:none}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:260px}.auth-brand-content{min-height:260px;height:auto;padding:25px 28px}.auth-brand-message{margin:auto 0 4px}.auth-brand-message h1{margin:12px 0 8px;font-size:34px}.auth-brand-message p{font-size:14px}.auth-logo{width:170px}.auth-motto{display:none}.auth-access{min-height:auto;padding:30px 20px 44px}.auth-card{padding:30px}.auth-card h2{font-size:32px}}@media(max-width:520px){.auth-brand{display:block;min-height:220px}.auth-brand-content{min-height:220px}.auth-brand-message h1{font-size:29px}.auth-brand-message p{display:none}.auth-access{min-height:auto;padding:24px 14px 32px}.auth-client{margin-bottom:18px}.auth-card{padding:26px 20px;border-radius:17px}.auth-footer{padding:0 4px}.auth-setup-card{padding:26px 20px}.auth-setup-card h2{font-size:32px}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#031c2d;color:#fff}button,input,select{font:inherit}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f4f7f8;color:#08263b}.auth-brand{position:relative;background:#061a2f url(https://albriam.com/albriam-building-clean.png) center/cover}.auth-brand-overlay{position:absolute;inset:0;background:linear-gradient(105deg,#03172df5,#092d49aa)}.auth-brand-content{position:relative;height:100vh;padding:42px 8%;display:flex;flex-direction:column;justify-content:space-between}.auth-logo{width:220px}.auth-brand-message{margin:auto 0}.auth-brand-message h1{font-size:clamp(40px,5vw,68px);line-height:1.04;color:#fff}.auth-brand-message p{font-size:18px;color:#c8d7df}.auth-eyebrow,.card-kicker{color:#e4aa3b;font-size:10px;font-weight:900;letter-spacing:.17em}.auth-access{display:flex;flex-direction:column;justify-content:center;padding:7%}.auth-client{display:flex;align-items:center;gap:12px;max-width:520px;width:100%;margin:0 auto 24px}.auth-client-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#092b43;color:#e6aa39;font-size:22px;font-weight:900}.auth-client div{display:grid}.auth-client small{color:#64757e}.auth-card{max-width:520px;width:100%;margin:0 auto;padding:42px;background:#fff;border-radius:22px;border:1px solid #d8e1e4;box-shadow:0 20px 60px #08263b18}.auth-card h2{font-size:38px;margin:8px 0}.auth-form{display:grid;gap:16px;margin-top:25px}.auth-form label{display:grid;gap:7px;font-size:13px;font-weight:800}.auth-form input{height:50px;border:1px solid #cbd7da;border-radius:10px;padding:0 13px}.auth-submit{height:50px;border:0;border-radius:10px;background:#082d45;color:#fff;font-weight:900}.auth-error{color:#ff9a9a}.loading{min-height:100vh;display:grid;place-items:center}.app{min-height:100vh;background:radial-gradient(circle at 70% 0,#0b3850 0,#031c2d 35%)}.topbar{position:fixed;z-index:40;top:0;left:0;right:0;height:87px;display:grid;grid-template-columns:178px 1fr auto;align-items:center;background:#06243af7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #a87928;padding-right:24px}.top-logo{height:62px;display:grid;place-items:center;border-right:1px solid #d39a30}.top-logo img{width:118px}.client-title{padding-left:18px;display:grid}.client-title b{font-size:22px}.client-title span{font-size:13px;color:#c5d4dc}.user-box{display:grid;text-align:right;font-size:12px}.user-box span{font-size:11px}.hamb{display:none}.sidebar{position:fixed;z-index:30;top:87px;bottom:0;left:0;width:194px;background:#052238;padding:26px 11px 18px;overflow:auto;border-right:1px solid #143d52}.menu-group{margin-bottom:20px}.menu-group>small{display:block;color:#75a5c2;font-size:9px;font-weight:900;letter-spacing:.18em;padding:0 11px 9px}.menu-group button,.signout{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;border-radius:11px;padding:10px 11px;text-align:left;cursor:pointer;font-size:15px}.menu-group button i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #755f32;border-radius:8px;color:#e2a83b;font-style:normal}.menu-group button.active{background:linear-gradient(135deg,#f0b63d,#d99a25);color:#071f32;font-weight:900;box-shadow:0 8px 20px #0002}.menu-group button.active i{color:#071f32}.signout{margin-top:20px;color:#b8cad4}.content{margin-left:194px;padding:107px 24px 42px 30px;min-height:100vh}.albriam-today{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#123646,#0d2b3b);border:1px solid #6c613f;border-radius:17px;padding:17px 18px;margin-bottom:22px;box-shadow:0 12px 30px #00101b45}.albriam-today>div{display:grid;gap:3px}.albriam-today span{color:#e4aa3b;font-size:11px;font-weight:900;letter-spacing:.15em}.albriam-today b{font-size:17px}.albriam-today small{color:#c6d5dc}.albriam-today button,.ghost-action{border:1px solid #e4aa3b;background:#092a40;color:#ffc04a;border-radius:11px;padding:11px 14px;font-weight:900;cursor:pointer}.page-title h1{margin:0;font-size:28px}.page-title h1 em{font-style:normal;color:#e4aa3b}.page-title p{color:#c0d1da;margin:9px 0 18px}.period-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.period-controls{display:flex;gap:8px;margin-bottom:18px}.period-controls select,.period-controls input,.quick-sale-head select{height:43px;border:1px solid #2d617c;background:#082b42;color:#fff;border-radius:10px;padding:0 12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpis-6{grid-template-columns:repeat(6,1fr)}.kpis article,.dash-grid article,.dark-card,.live-order,.customer-card{background:linear-gradient(145deg,#0c354f,#0a2e46);border:1px solid #1b5b7c;border-radius:16px;box-shadow:0 14px 35px #00131e28}.kpis article{padding:19px 15px;display:grid;gap:7px;min-width:0}.kpis span{font-size:9px;color:#8fc5e3}.kpis b{font-size:24px}.kpis small{color:#8faebe}.dash-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px;margin-top:12px}.dash-grid article{padding:21px;min-height:210px}.dash-grid h2{font-size:20px}.dash-grid p{color:#bcd0da;line-height:1.5}.hero-number{display:block;font-size:30px;color:#fff;margin:18px 0}.rank-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #24516a}.rank-row>b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e4aa3b;color:#09253a}.metric-row{display:flex;justify-content:space-between;margin:12px 0}.sale-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:14px}.sale-work{display:grid;gap:12px}.dark-card{padding:20px}.quick-sale-head{display:grid;grid-template-columns:1fr 1.45fr;gap:15px}.quick-sale-head>div{display:grid;gap:8px}.searchbox{height:44px;display:flex;align-items:center;gap:8px;background:#06243a;border:1px solid #356078;border-radius:10px;padding:0 12px;color:#e4aa3b}.searchbox input{flex:1;border:0;outline:0;background:transparent;color:#fff;min-width:0}.searchbox.compact{width:min(420px,100%);margin-bottom:18px}.search-results{background:#061f31;border:1px solid #1b526f;border-radius:14px;padding:8px;max-height:330px;overflow:auto;box-shadow:0 18px 40px #0007}.search-results button{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;border:0;border-bottom:1px solid #173e54;background:transparent;color:#fff;padding:12px;cursor:pointer;border-radius:9px}.search-results button:hover{background:#0c3852}.search-results button>div:first-child{display:grid;gap:3px}.search-results small,.sale-line small{color:#91b2c3}.result-meta{display:flex;align-items:center;gap:14px;text-align:right}.result-meta span{font-size:11px}.stock-ok{color:#7ed9ad}.stock-warn{color:#f0b55c}.selected-lines{background:#061f31;border:1px solid #164a66;border-radius:15px;padding:12px}.section-label{display:flex;justify-content:space-between;color:#8fc5e3;font-size:10px;letter-spacing:.12em;padding:4px 4px 10px}.empty-state{padding:30px;text-align:center;color:#8faebe;border:1px dashed #31576b;border-radius:10px}.sale-line{display:grid;grid-template-columns:1fr 150px 110px 30px;gap:10px;align-items:center;padding:13px 5px;border-top:1px solid #234a60}.sale-line>div:first-child{display:grid}.sale-line>strong{text-align:right}.qty-editor{display:grid;grid-template-columns:34px 64px 34px;gap:5px}.qty-editor button,.qty-editor input,.x{height:36px;border:1px solid #456b7e;background:#082940;color:#fff;border-radius:8px;text-align:center}.qty-editor input{width:64px}.x{border:0;background:transparent;font-size:18px}.live-order{position:sticky;top:107px;height:max-content;padding:21px}.live-order>span{color:#e4aa3b;font-size:10px;font-weight:900;letter-spacing:.15em}.live-order h2{margin:7px 0 18px}.live-step{display:flex;gap:10px;align-items:center;border-bottom:1px solid #285168;padding:11px 0}.live-step>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4aa3b;color:#08243a}.live-step p{display:grid;margin:0}.live-step small{color:#9eb8c6}.grand-total{display:grid;gap:5px;padding:23px 0}.grand-total span{color:#9eb8c6}.grand-total b{font-size:29px}.live-order>button,.action-grid button{width:100%;border:0;border-radius:10px;padding:13px;background:#e4aa3b;color:#09253a;font-weight:900;cursor:pointer}.live-order>button:disabled{opacity:.45}.live-order>small{display:block;color:#88a8b8;line-height:1.5;margin-top:12px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.action-grid.two{grid-template-columns:1fr 1fr}.success-card{text-align:center;padding:38px}.success-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e4aa3b;color:#08263b;font-size:28px;font-weight:900;margin:0 auto}.order-list{margin-top:12px}.order-row{display:grid;grid-template-columns:1fr 130px auto;gap:18px;align-items:center;padding:15px 3px;border-bottom:1px solid #24516a}.order-row h3{margin:5px 0}.order-row small{color:#9db6c3}.status-pill{display:inline-block;color:#eab044;font-size:9px;font-weight:900;letter-spacing:.12em}.customer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.customer-card{padding:18px}.customer-card-head{display:flex;justify-content:space-between;align-items:start}.customer-card-head span{color:#e4aa3b;font-size:10px}.customer-card-head h2{margin:4px 0 12px}.customer-card-head button{border:1px solid #3e6d84;background:#082b42;color:#fff;border-radius:9px;padding:8px 10px}.customer-info{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px}.customer-info p{display:grid;margin:6px 0;gap:3px}.customer-info small{color:#7faac0;font-size:9px}.customer-info .wide{grid-column:1/-1}.collection-layout{display:grid;grid-template-columns:minmax(300px,.72fr) 1.6fr;gap:12px;margin-top:12px;align-items:start}.debt-clients{padding:10px}.debt-clients>.card-kicker{display:block;padding:10px}.debt-client{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;padding:14px 12px;border:1px solid transparent;border-bottom-color:#214b61;background:transparent;color:#fff;border-radius:11px;cursor:pointer}.debt-client div{display:grid;gap:3px}.debt-client small{color:#8faebe}.debt-client strong{color:#f0b43f}.debt-client:hover,.debt-client.selected{background:#123f58;border-color:#bd8d34}.debt-detail{padding:20px}.debt-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #28536a;padding-bottom:14px}.debt-detail-head h2{margin:5px 0}.debt-detail-head p{margin:0;color:#9fb8c5}.debt-detail-head>div:last-child{display:grid;text-align:right;gap:4px}.debt-detail-head>div:last-child small{color:#82aabd}.debt-detail-head>div:last-child b{font-size:26px;color:#f2b744}.note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.debt-note{border:1px solid #2b5d76;background:#06283e;border-radius:13px;padding:14px}.note-title{display:flex;justify-content:space-between;align-items:center}.note-title span{font-weight:900;font-size:17px}.note-title small{color:#8daebd}.note-money{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.note-money p{display:grid;gap:3px;margin:0;padding:8px;background:#0a334b;border-radius:8px}.note-money small{font-size:8px;color:#82adc3}.note-money b{font-size:14px}.debt-note>.ghost-action{width:100%;margin-top:10px}.payment-card{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:10px;align-items:end;background:#0e3b54;border:1px solid #bd8d34;border-radius:14px;padding:15px;margin-top:14px}.payment-card>div:first-child{align-self:center}.payment-card h3{margin:5px 0}.payment-card label{display:grid;gap:5px;color:#9fc0d0;font-size:11px}.payment-card input,.payment-card select{height:40px;border:1px solid #49758a;border-radius:8px;background:#061f31;color:#fff;padding:0 9px}.payment-actions{display:flex;gap:7px}.payment-actions button{height:40px;border:1px solid #bd8d34;border-radius:8px;background:#082a40;color:#fff;padding:0 10px}.payment-actions button:last-child{background:#e5aa3b;color:#08263b;font-weight:900}.field-help{grid-column:1/-1;color:#d5e3e9;margin:0}.credit-confirm{grid-column:1/-1;background:#092a40;border:1px solid #a67a2d;border-radius:10px;padding:11px;display:grid;gap:7px}.credit-confirm label{display:flex;align-items:center;gap:8px;color:#fff}.credit-confirm input{width:17px;height:17px}.collection-empty{text-align:center;padding:55px 28px}.collection-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e5aa3b;color:#08263b;font-size:28px;margin:auto}.collection-empty p,.collection-empty small{color:#9db9c6}.route-grid{display:grid;grid-template-columns:minmax(300px,.85fr) 1.5fr;gap:12px;margin-top:12px;align-items:start}.route-stop{width:100%;display:grid;grid-template-columns:34px 1fr 20px;gap:10px;align-items:center;text-align:left;padding:13px 8px;border:1px solid transparent;border-bottom-color:#214b61;background:transparent;color:#fff;border-radius:11px;cursor:pointer}.route-stop>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0b3b55;color:#e4aa3b}.route-stop div{display:grid;gap:3px}.route-stop small{color:#8eafbf}.route-stop span{font-size:11px;color:#c6d7df}.route-stop em{font-style:normal;color:#f0b43f}.route-stop:hover,.route-stop.selected{background:#123f58;border-color:#a87c31}.route-visit h2{margin:5px 0}.route-visit>p{color:#a6beca}.gps-box{border:1px solid #2e755f;background:#0a3b42;border-radius:12px;padding:13px;display:grid;gap:4px;margin:12px 0}.gps-box b{color:#8de0bb}.gps-box small{color:#a9c9c1}.gps-box.outside{border-color:#a76b3c;background:#472f28}.gps-box.outside b{color:#ffbc84}.route-docs{margin-top:12px;display:grid;gap:7px}.route-docs>div{display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:8px;align-items:center;background:#06283e;border:1px solid #24536b;border-radius:10px;padding:10px}.route-docs span{font-weight:900}.route-docs small{color:#91b1c0}.route-docs b{color:#f0b43f}.route-docs button{border:1px solid #dca338;background:#0b334b;color:#f5bd4e;border-radius:8px;padding:8px;font-weight:800}.route-docs .active-doc{border-color:#e4aa3b;background:#0d3850}.route-actions{display:flex;gap:8px;margin-top:14px}.route-actions button{flex:1;border:1px solid #e4aa3b;border-radius:10px;background:#e4aa3b;color:#08263b;padding:12px;font-weight:900}.route-actions button:first-child:not(:only-child){background:#082a40;color:#fff}.route-actions button:disabled{opacity:.45}.route-note{display:block;color:#8faebe;line-height:1.5;margin-top:11px}.delivery-confirm{margin-top:14px;padding:16px;border:1px solid #b48736;border-radius:14px;background:#082b42}.delivery-confirm h3{margin:6px 0 12px}.delivery-lines{display:grid;gap:6px;margin-bottom:14px}.delivery-lines>div{display:grid;grid-template-columns:1.4fr 1fr auto;gap:8px;background:#061f31;border-radius:9px;padding:9px 10px}.delivery-lines span{color:#9eb8c6;font-size:12px}.delivery-confirm>label{display:grid;gap:6px;margin-top:10px;color:#b9ccd5;font-size:12px}.delivery-confirm>label>input{height:42px;border:1px solid #47748a;border-radius:9px;background:#061f31;color:#fff;padding:0 10px}.delivery-payment{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin:12px 0}.delivery-payment label{display:grid;gap:5px;color:#a9c3cf;font-size:11px}.delivery-payment input,.delivery-payment select{height:42px;border:1px solid #47748a;border-radius:9px;background:#061f31;color:#fff;padding:0 10px}.signature-box{border:1px solid #3e6c82;border-radius:11px;background:#061f31;overflow:hidden}.signature-box canvas{display:block;width:100%;height:150px;touch-action:none}.signature-box button{width:100%;border:0;border-top:1px solid #274e62;background:#092c42;color:#e8b34b;padding:8px}.delivery-receipt{margin-top:14px;border:1px solid #3c826a;background:#0a3a3e;border-radius:13px;padding:15px}.delivery-receipt h3{margin:5px 0 10px}.delivery-receipt p{display:flex;justify-content:space-between;margin:7px 0}.delivery-receipt button{width:100%;margin-top:8px;border:0;border-radius:9px;background:#e4aa3b;color:#08263b;padding:11px;font-weight:900}.closeout-start{margin-top:12px;display:grid;gap:13px}.closeout-start h2{margin:0}.closeout-money{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.closeout-money p{display:grid;gap:4px;background:#06283e;border-radius:10px;padding:12px;margin:0}.closeout-money small{color:#82adc3}.closeout-start label{display:grid;gap:5px;max-width:280px;color:#a8c0cc}.closeout-start input,.closeout-table input{height:40px;border:1px solid #49758a;border-radius:8px;background:#061f31;color:#fff;padding:0 9px}.closeout-start>button,.closeout-final{border:0;border-radius:10px;background:#e4aa3b;color:#08263b;padding:13px;font-weight:900;cursor:pointer}.closeout-start>small{color:#8faebe}.closeout-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.closeout-head h2{margin:5px 0}.closeout-head>div:last-child{display:grid;grid-template-columns:auto auto;gap:4px 10px;text-align:right}.closeout-head small{color:#82adc3}.closeout-table{margin-top:15px;overflow:auto}.closeout-row{min-width:760px;display:grid;grid-template-columns:1.6fr .55fr .65fr .65fr 1.4fr;gap:9px;align-items:center;padding:9px;border-bottom:1px solid #285168}.closeout-row.head{color:#83aec2;font-size:10px;font-weight:900;letter-spacing:.08em}.closeout-row.difference{background:#412f28;border-radius:8px;border-color:#8b603d}.closeout-row strong{color:#f0b43f}.closeout-summary{margin:18px 0 12px auto;max-width:430px}.closeout-summary p{display:flex;justify-content:space-between;border-bottom:1px solid #285168;padding:8px;margin:0}.closeout-summary span{color:#9db8c5}.closeout-final{width:100%}.route-start{display:grid;gap:12px}.route-start-head h2{margin:5px 0 15px}.route-start-fields{display:grid;grid-template-columns:1fr 1fr .8fr;gap:10px}.route-start-fields label{display:grid;gap:5px;color:#a9c3cf;font-size:11px}.route-start-fields input,.route-start-fields select{height:42px;border:1px solid #47748a;border-radius:9px;background:#061f31;color:#fff;padding:0 10px}.load-lines{display:grid;margin-top:12px}.load-lines>div:not(.empty-state){display:grid;grid-template-columns:1fr 100px 38px;gap:9px;align-items:center;border-bottom:1px solid #285168;padding:10px 2px}.load-lines>div>div{display:grid}.load-lines small{color:#8faebe}.load-lines input{height:40px;border:1px solid #47748a;border-radius:8px;background:#061f31;color:#fff;padding:0 9px}.load-lines button{height:38px;border:0;background:transparent;color:#fff;font-size:20px}.load-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:16px;border-top:1px solid #285168;padding-top:15px}.load-footer>div{display:grid;grid-template-columns:auto auto;gap:3px 12px}.load-footer small{color:#82adc3}.load-footer button{border:0;border-radius:10px;background:#e4aa3b;color:#08263b;padding:13px 18px;font-weight:900}.setup-message{border:1px solid #b88b36;background:#0d3850;border-radius:11px;padding:12px 14px;color:#f2c365}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;align-items:start}.setup-card{display:grid;gap:11px}.setup-card h2{margin:0 0 4px}.setup-card label{display:grid;gap:5px;color:#9fc0d0;font-size:11px}.setup-card input{height:42px;border:1px solid #47748a;border-radius:9px;background:#061f31;color:#fff;padding:0 10px}.setup-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setup-card>button{border:0;border-radius:10px;background:#e4aa3b;color:#08263b;padding:12px;font-weight:900;cursor:pointer}.setup-card>button:disabled{opacity:.45}.setup-summary{display:grid;gap:4px;background:#06283e;border:1px solid #24536b;border-radius:10px;padding:11px}.setup-summary small{color:#82adc3}.setup-existing{margin-top:12px}.setup-existing>div{display:flex;justify-content:space-between;gap:15px;padding:11px 2px;border-bottom:1px solid #285168}.setup-existing span{color:#8faebe}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-card{background:#0a3048;border:1px solid #245a74;border-radius:14px;padding:18px}.security-card h3{margin:8px 0}.security-card p{color:#a7bfcb}.security-card b{color:#e4aa3b}.security-log{margin-top:12px}.security-log-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #24516a;color:#bad0da}@media(max-width:1050px){.kpis-6{grid-template-columns:repeat(3,1fr)}.dash-grid{grid-template-columns:1fr}.payment-card{grid-template-columns:1fr 1fr}.field-help,.credit-confirm{grid-column:1/-1}.route-grid,.security-grid{grid-template-columns:1fr}.setup-grid{grid-template-columns:1fr 1fr}.delivery-lines>div{grid-template-columns:1fr auto}.delivery-lines span{grid-column:1/-1}.delivery-payment{grid-template-columns:1fr 1fr}}@media(max-width:760px){.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.auth-access{padding:28px 16px}.auth-card{padding:26px}.topbar{height:70px;grid-template-columns:58px 1fr auto;padding:0 12px}.top-logo{border:0}.top-logo img{width:48px}.client-title{padding-left:4px}.client-title b{font-size:15px}.client-title span{font-size:10px}.user-box{display:none}.hamb{display:block;border:0;background:transparent;color:#fff;font-size:23px}.sidebar{top:70px;width:245px;transform:translate(-105%);transition:.2s}.sidebar.open{transform:translate(0)}.content{margin:0;padding:86px 12px 30px}.albriam-today{padding:13px}.albriam-today button{font-size:0;padding:10px}.albriam-today button:after{content:"✦";font-size:18px}.period-head{display:block}.period-controls{overflow:auto}.kpis,.kpis-6{grid-template-columns:repeat(2,1fr)}.kpis article{padding:14px 12px}.kpis b{font-size:20px}.sale-layout,.quick-sale-head{grid-template-columns:1fr}.live-order{position:static}.sale-line{grid-template-columns:1fr auto}.sale-line>strong{display:none}.sale-line>.x{grid-column:2;grid-row:1}.qty-editor{grid-column:1/-1;grid-template-columns:42px 1fr 42px}.qty-editor input{width:100%}.customer-grid,.customer-info{grid-template-columns:1fr}.customer-info .wide{grid-column:auto}.collection-layout,.note-grid{grid-template-columns:1fr}.debt-detail-head{display:block}.debt-detail-head>div:last-child{text-align:left;margin-top:10px}.payment-card{grid-template-columns:1fr}.route-docs>div{grid-template-columns:1fr auto}.route-docs small,.route-docs button{grid-column:1/-1}.route-actions{flex-direction:column}.signature-box canvas{height:170px}.delivery-payment{grid-template-columns:1fr}.order-row{grid-template-columns:1fr auto}.order-row>div:nth-child(2){display:none}.closeout-money{grid-template-columns:1fr}.closeout-head{display:block}.closeout-head>div:last-child{text-align:left;margin-top:10px}.closeout-summary{max-width:none}.route-start-fields{grid-template-columns:1fr}.load-lines>div:not(.empty-state){grid-template-columns:1fr 90px 35px}.load-footer{display:grid}.load-footer button{width:100%}.setup-grid,.setup-two{grid-template-columns:1fr}.setup-existing>div{display:grid}}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.catalog-card{background:linear-gradient(145deg,#0c354f,#0a2e46);border:1px solid #1b5b7c;border-radius:16px;padding:16px}.catalog-photo{height:120px;border-radius:12px;background:#06243a;display:grid;place-items:center;margin-bottom:12px;overflow:hidden}.catalog-photo img{width:100%;height:100%;object-fit:cover}.catalog-photo span{font-size:38px;color:#e4aa3b}.catalog-card h2{margin:6px 0}.catalog-card>small{color:#91b2c3}.catalog-presentations{margin-top:12px}.catalog-presentations>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #285168}.catalog-presentations span{color:#b9ccd5}.catalog-presentations b{color:#f0b43f}.modal-back{position:fixed;z-index:100;inset:0;background:#00101bd9;display:grid;place-items:center;padding:18px}.edit-modal{width:min(620px,100%);max-height:90vh;overflow:auto;display:grid;gap:10px}.edit-modal label{display:grid;gap:5px;color:#9fc0d0;font-size:11px}.edit-modal input{height:42px;border:1px solid #47748a;border-radius:9px;background:#061f31;color:#fff;padding:0 10px}.primary-action{border:0;border-radius:10px;background:#e4aa3b;color:#08263b;padding:12px;font-weight:900;cursor:pointer;margin-top:8px}@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.catalog-grid{grid-template-columns:1fr}}.sales-filters{display:grid;grid-template-columns:230px 230px minmax(280px,1fr) auto auto;gap:14px;align-items:end;background:linear-gradient(145deg,#0c354f,#0a2e46);border:1px solid #1b5b7c;border-radius:16px;padding:18px;margin:0 0 24px;box-shadow:0 14px 35px #00131e28}.sales-filters label{display:grid;gap:7px;color:#d7e4ea;font-size:13px;font-weight:700}.date-field{height:48px;display:flex;align-items:center;gap:10px;border:1px solid #356078;border-radius:11px;background:#06243a;padding:0 12px}.date-field span{color:#e4aa3b;font-weight:900}.date-field input{width:100%;border:0;outline:0;background:transparent;color:#fff;color-scheme:dark}.filter-apply,.filter-clear{height:48px;border-radius:11px;padding:0 20px;font-weight:900;cursor:pointer}.filter-apply{border:0;background:#e4aa3b;color:#08263b;box-shadow:0 7px 18px #e4aa3b2b}.filter-clear{border:1px solid #47748a;background:#082a40;color:#dbe8ee}.filter-clear:hover{border-color:#e4aa3b;color:#ffc04a}@media(max-width:1000px){.sales-filters{grid-template-columns:1fr 1fr}.client-filter{grid-column:1/-1}}@media(max-width:640px){.sales-filters{grid-template-columns:1fr}.client-filter{grid-column:auto}.filter-apply,.filter-clear{width:100%}}.topbar{grid-template-columns:250px 1fr auto}.top-logo.mys-brand{height:87px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:31px 17px 18px;column-gap:8px;align-content:center;justify-items:start;padding:7px 18px;border-right:1px solid #d39a30;background:linear-gradient(145deg,#041a2b,#07273d)}.mys-brand .mys-mark{grid-row:1/4;align-self:start;color:#f2b43d;font-size:25px;line-height:31px}.mys-brand strong{font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:31px;color:#fff}.mys-brand small{font-size:8px;letter-spacing:.24em;color:#dce8ed;font-weight:800}.mys-brand span{font-size:10px;color:#e4aa3b;font-weight:800;letter-spacing:.04em}.sidebar{width:194px}@media(max-width:760px){.topbar{grid-template-columns:52px 1fr auto}.top-logo.mys-brand{display:none}}.page-title.period-head:has(.sales-filters){display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px}.page-title.period-head:has(.sales-filters)>div:first-child{max-width:none}.page-title.period-head:has(.sales-filters)>div:first-child h1{white-space:normal}.page-title.period-head:has(.sales-filters) .sales-filters{width:100%;margin-bottom:22px}@media(min-width:1100px){.page-title.period-head:has(.sales-filters){grid-template-columns:280px minmax(0,1fr);align-items:end}.page-title.period-head:has(.sales-filters)>div:first-child{min-width:0}.page-title.period-head:has(.sales-filters)>div:first-child h1{font-size:30px;line-height:1.08}}.payment-card .damage-discount{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}.payment-card .damage-discount>label{display:block;color:#fff;font-size:12px;font-weight:800}.payment-card .damage-discount>input.discount-amount-input,.payment-card .damage-discount>input.discount-reason-input{display:block;width:100%;height:44px;min-width:180px;border:1px solid #49758a;border-radius:8px;background:#061f31;color:#fff;padding:0 12px;font-size:16px}.payment-card .damage-discount>input.discount-amount-input:focus,.payment-card .damage-discount>input.discount-reason-input:focus{outline:2px solid #e4aa3b;outline-offset:1px}