@charset "UTF-8";
:root{--navy:#00387c;--teal:#19b6b0;--ink:#172b4d;--muted:#7c8aa0;--line:#e9eef5;--bg:#f6f8fc;--white:#fff;--radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.9 Tahoma,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{width:246px;background:var(--white);border-left:1px solid var(--line);position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:20;padding:30px 20px}.brand{display:flex;align-items:center;gap:12px;margin:0 6px 36px}.logo{width:46px;height:46px;background:var(--navy);border-radius:14px;display:grid;place-items:center;color:white;font:bold 23px Georgia,serif;letter-spacing:-2px;position:relative}.logo:after{content:"";width:9px;height:9px;background:var(--teal);position:absolute;left:5px;bottom:5px;border:2px solid white;border-radius:50%}.brand strong{display:block;direction:ltr;font:700 19px/1.6 "Segoe UI",sans-serif;letter-spacing:-.5px}.brand small{font-size:10px;color:var(--muted)}.nav-label{color:#a4adbc;font-size:10px;padding:12px 16px 7px}.nav-link{display:flex;align-items:center;gap:13px;margin:4px 0;padding:12px 15px;color:#748097;border-radius:10px;font-size:12px}.nav-link:hover{background:#f4f8fc;color:var(--navy)}.nav-link.active{background:#edf4fc;color:var(--navy);font-weight:bold}.nav-link.active:after{content:"";width:5px;height:18px;border-radius:4px;background:var(--navy);margin-right:auto}.nav-end{margin-top:auto}.sidebar-note{padding:15px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;font-size:10px;color:var(--muted);margin:20px 2px}.sidebar-note b{display:block;color:var(--navy);font-size:11px}.main{margin-right:246px}.topbar{height:88px;background:white;border-bottom:1px solid var(--line);padding:0 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.crumb{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.crumb b{color:#445775;font-weight:normal}.top-actions{display:flex;gap:18px;align-items:center}.context{font-size:11px;border-left:1px solid var(--line);padding-left:18px;line-height:1.7}.context span{color:var(--muted);font-size:9px;display:block}.avatar{height:35px;width:35px;background:#e7f3f5;border-radius:50%;color:#118d92;display:grid;place-items:center;font-size:12px}.user{display:flex;align-items:center;gap:9px}.user small{font-size:10px;color:var(--muted)}.content{max-width:1550px;margin:auto;padding:33px 40px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:16px}.eyebrow{font-size:10px;color:var(--teal);letter-spacing:.15em;font-family:"Segoe UI",sans-serif;font-weight:600}.page-head h1{font-size:25px;letter-spacing:-.6px;margin:3px 0 2px}.subtle{font-size:11px;color:var(--muted);margin:0}.head-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--line);background:white;color:#536780;border-radius:9px;padding:10px 16px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn .icon{width:16px;height:16px}.btn.primary{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 4px 9px #00387c12}.btn:hover{filter:brightness(.97)}.btn.small{padding:6px 10px;font-size:10px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;position:relative;overflow:hidden}.welcome:before{content:"";position:absolute;width:130px;height:130px;border:25px solid #19b6b008;border-radius:50%;left:160px;top:-55px}.welcome-title{display:flex;gap:16px;align-items:center}.welcome-icon{width:48px;height:48px;border:1px solid #d9f1ef;background:#f0fbfa;display:grid;place-items:center;border-radius:14px;color:#15a49e}.welcome h2{font-size:15px;margin:0 0 4px}.welcome p{font-size:11px;color:var(--muted);margin:0}.live-pill{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#16a394;background:#edf9f5;padding:5px 10px;border-radius:6px;white-space:nowrap}.live-pill:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric{background:white;border:1px solid var(--line);border-radius:15px;padding:21px 22px}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#708099}.metric-icon{width:32px;height:32px;border-radius:9px;background:#f1f6fd;color:#4b7bb9;display:grid;place-items:center}.metric-icon.teal{background:#edf9f7;color:#21a798}.metric-icon.orange{background:#fff7ee;color:#dc9a4a}.metric-icon.purple{background:#f5f0fc;color:#9a79ca}.metric strong{font:600 30px/1.6 "Segoe UI",Tahoma,sans-serif;display:block;letter-spacing:-1px;margin:12px 0 5px}.metric strong small{font:10px Tahoma,sans-serif;letter-spacing:0;color:var(--muted);margin-right:7px}.metric-note{font-size:9px;color:#9ba5b5;display:flex;gap:6px;align-items:center}.metric-note span{width:4px;height:4px;border-radius:50%;background:#bac6d5}.grid-two{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:22px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.panel-body{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 24px;border-bottom:1px solid #f1f4f8}.panel-head h2{font-size:13px;margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:2px 0 0}.tiny-link{font-size:10px;color:#4572a6;display:flex;gap:7px;align-items:center}.tiny-link .icon{width:13px}.chart-summary{display:flex;gap:35px;padding:20px 25px 0;font-size:10px;color:#8a97aa}.chart-summary b{display:block;font:600 20px/1.8 "Segoe UI",sans-serif;color:#2f486a}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--navy);margin-left:5px}.dot.teal{background:var(--teal)}.chart-empty{height:210px;margin:4px 24px 0;position:relative;border-bottom:1px solid var(--line);display:grid;place-items:center}.chart-grid{position:absolute;inset:20px 0 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid i{display:block;border-top:1px dashed #eaf0f6}.empty-chart-note{position:relative;z-index:1;background:#ffffffed;text-align:center;padding:14px}.empty-chart-note .icon{color:#bbc8d9;width:28px;height:28px}.empty-chart-note p{font-size:11px;color:#8d9bb0;margin:5px 0}.empty-chart-note small{font-size:9px;color:#a5b0c0}.chart-axis{display:flex;justify-content:space-between;direction:ltr;padding:10px 25px 19px;font-size:9px;color:#a1adbe}.currency-list{padding:7px 22px}.currency-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f1f4f8}.currency-row:last-child{border:0}.currency-code{font:600 10px "Segoe UI",sans-serif;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#f3f6fb;color:#617b9c}.currency-name{font-size:11px}.currency-name small{display:block;color:#a0acbc;font-size:9px}.currency-row .value{margin-right:auto;direction:ltr;font:600 19px "Segoe UI",sans-serif;color:#bdc7d5}.panel-foot{background:#fcfdfe;padding:12px 22px;font-size:9px;color:#91a0b4;border-top:1px solid var(--line)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:22px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:right}th{font-size:10px;font-weight:normal;color:#8a97aa;background:#fcfdff;padding:13px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 20px;border-bottom:1px solid #f1f4f8}tbody tr:last-child td{border-bottom:0}.empty-cell{text-align:center;padding:36px 20px;color:#99a7ba}.empty-cell .empty-circle{width:42px;height:42px;background:#f5f8fc;display:grid;place-items:center;border-radius:50%;margin:0 auto 9px;color:#9bacc4}.empty-cell p{margin:0;font-size:11px}.empty-cell small{font-size:9px}.quick-list{padding:6px 22px}.quick-link{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f1f4f8}.quick-link:last-child{border:0}.quick-symbol{width:31px;height:31px;border-radius:8px;background:#f3f7fc;display:grid;place-items:center;color:#5f83b3}.quick-link strong{font-size:10px;font-weight:normal;display:block}.quick-link small{font-size:9px;color:#9ba8b9;display:block}.quick-link>.icon{margin-right:auto;width:15px;color:#a6b4c8}.footer{display:flex;justify-content:space-between;align-items:center;color:#a6b1c1;font-size:9px;margin:26px 0 5px}.footer .status-dot{color:#18a69d}.preview-banner{background:#fff8e8;border-bottom:1px solid #f4e5c2;padding:7px 15px;color:#916d24;font-size:10px;text-align:center}.alert{padding:12px 18px;border:1px solid #cde9de;background:#f0faf4;border-radius:10px;margin-bottom:18px;font-size:12px}.alert.error{border-color:#f0cecb;background:#fff5f4;color:#9b413a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px}.field label{color:#64758e}.field input,.field select,.field textarea,input.control,select.control{width:100%;border:1px solid #dce5ef;background:#fff;border-radius:8px;padding:10px 12px;color:var(--ink);min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal)}.full{grid-column:1/-1}.form-actions{display:flex;gap:12px;margin-top:22px}.notice{background:#f3f8fc;border:1px solid #e0eaf4;color:#607b98;border-radius:10px;padding:12px 16px;font-size:11px;margin:16px 0}.filterbar{padding:16px 24px;display:flex;gap:10px;align-items:end;border-bottom:1px solid var(--line);flex-wrap:wrap}.filterbar .field{min-width:120px;flex:1}.filterbar .btn{height:39px}.num{font-family:"Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.badge{display:inline-block;border-radius:5px;background:#eff4fa;color:#6180a6;padding:3px 8px;font-size:9px}.badge.posted{background:#eaf9f1;color:#29976c}.line-editor{min-width:1200px}.line-editor input,.line-editor select{border:1px solid #dce5ef;padding:8px;border-radius:6px;width:100%;font-size:11px;min-width:90px}.line-editor td{padding:9px 6px}.line-editor td:first-child{padding-right:20px}.line-editor .wide{min-width:170px}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:min(440px,calc(100% - 30px));padding:38px;background:white;border:1px solid var(--line);border-radius:22px}.login-card .brand{margin:0 0 30px}.login-card h1{font-size:20px}.login-card .field{margin:15px 0}.login-card .btn{width:100%;margin-top:15px}.pagination{padding:18px;font-size:11px}.pagination nav{display:flex;justify-content:space-between;gap:12px}.pagination svg{width:16px;height:16px}.pagination p{display:none}.pagination a,.pagination span{margin:0 3px}.mobile-toggle{display:none;background:transparent;border:0;color:var(--navy)}.stack{display:grid;gap:22px}.status-message{min-height:20px;color:#9b6a26;font-size:11px}.print-only{display:none}
@media(min-width:1600px){.content{padding-top:40px}.metrics{gap:24px}.chart-empty{height:250px}}
@media(max-width:1200px){.sidebar{width:215px;padding:25px 14px}.main{margin-right:215px}.content{padding:26px}.topbar{padding:0 26px}.metric{padding:17px}.metrics{gap:12px}.metric-top{font-size:10px}.grid-two,.bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr)}.user small{display:none}}
@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two,.bottom-grid{grid-template-columns:1fr}.context{display:none}.welcome:before{display:none}.page-head h1{font-size:22px}}
@media(max-width:680px){.sidebar{transform:translateX(100%);transition:transform .2s;width:246px;box-shadow:-10px 0 30px #17345612}.sidebar.open{transform:translateX(0)}.main{margin:0}.mobile-toggle{display:block}.topbar{height:70px;padding:0 18px}.top-actions{gap:12px}.content{padding:22px 16px}.page-head{align-items:flex-start}.head-actions>.btn:not(.primary){display:none}.page-head h1{font-size:20px}.subtle{font-size:10px}.welcome{padding:19px;gap:12px}.welcome .live-pill{display:none}.welcome-icon{width:38px;height:38px}.welcome-title{gap:10px}.welcome h2{font-size:12px}.welcome p{font-size:9px}.metric{padding:16px}.metric-icon{height:27px;width:27px}.metric strong{font-size:26px}.metric-note{font-size:8px}.panel-head{padding:18px}.panel-body{padding:18px}.form-grid{grid-template-columns:1fr}.footer{font-size:8px;gap:10px}.brand{margin-bottom:25px}}
@media print{.sidebar,.topbar,.head-actions,.filterbar,.footer,.preview-banner,.form-actions,.btn{display:none!important}.main{margin:0}.content{padding:0}.panel{border-color:#ddd;break-inside:avoid}body{background:white;font-size:11px}.print-only{display:block}.metrics{grid-template-columns:repeat(4,1fr)}.grid-two,.bottom-grid{display:block}.panel{margin-bottom:15px}}

.sidebar{overflow-y:auto;padding-top:20px;padding-bottom:20px}.sidebar .brand{margin-bottom:20px}.nav-link{padding-top:9px;padding-bottom:9px}.monthly-chart{display:block;width:100%;height:240px;padding:10px 20px}.field input[type=checkbox]{width:auto}.field select[multiple]{min-height:130px}.panel+.panel{margin-top:22px}.welcome{margin-top:22px}.currency-row .value{font-size:15px;color:#526e90}fieldset{border:1px solid var(--line);border-radius:10px}
.quick-dialog{border:1px solid #dce5ef;border-radius:16px;padding:24px;width:min(650px,92vw);max-height:90vh;overflow:auto;color:#172b4d}.quick-dialog::backdrop{background:#172b4d88}.quick-dialog form{display:grid;gap:12px}.quick-dialog [role=alert]{color:#b42318}.quick-controls{display:flex;gap:6px;margin:6px 0;flex-wrap:wrap}.quick-controls input{min-width:120px;max-width:240px}
.product-photo{width:64px;height:64px;object-fit:contain;border:1px solid #dce5ef;border-radius:8px;display:block;margin:6px 0}.product-photo.large{width:140px;height:140px}.packing-fields{margin:10px 0;padding:10px;border:1px solid #dce5ef;border-radius:8px;min-width:220px}.packing-fields summary{cursor:pointer;font-weight:600}.packing-fields .form-grid{margin-top:12px}
.lookup-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.autocomplete{position:relative;min-width:220px}.autocomplete>input{width:100%}.autocomplete-results{position:absolute;top:45px;right:0;left:0;min-width:280px;max-height:320px;overflow:auto;z-index:100;background:white;box-shadow:0 8px 25px #152a4540;border:1px solid #cbd9ea;border-radius:9px}.autocomplete-results[hidden]{display:none}.autocomplete-results button{width:100%;display:block;text-align:right;border:0;background:white;padding:10px;cursor:pointer;color:#172b4d}.autocomplete-results button[aria-selected=true],.autocomplete-results button:hover{background:#eaf3ff}.autocomplete-results small{display:block;margin-top:5px}.lookup-status,.field-error{display:block;font-size:12px;margin:5px 0}.field-error,[aria-invalid=true]{color:#b42318}.contact-balance{background:#f1f6fc;border-radius:8px;padding:8px;margin:8px 0;font-size:12px;max-height:240px;overflow:auto}.contact-balance:empty{display:none}.invoice-totals{position:sticky;bottom:0;background:#f0f6ff;border-top:2px solid #00387c;z-index:2}.line-editor output{display:block;min-width:130px;direction:ltr}.field-error{max-width:280px}form [data-save-status]{padding:10px}input[aria-invalid=true],select[aria-invalid=true]{outline:2px solid #c53e31}