:root{font-family:'DM Sans',Arial,sans-serif;color:#1b2735;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:#8290a0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#8594a5;margin:0 0 10px}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;background:#fff;border-right:1px solid #e9edf2;display:flex;flex-direction:column;padding:28px 16px 20px;position:sticky;top:0;height:100vh;flex:none}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:0 11px 56px}.sidebar-brand strong{display:block;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.6px}.sidebar-brand small{display:block;color:#97a1ae;font-size:9px;font-weight:800;letter-spacing:2px;margin-top:1px}.brand-mark{width:38px;height:38px;border-radius:10px;background:#112237;color:white;font:800 18px Manrope,sans-serif;display:grid;place-items:center;letter-spacing:-2px;flex:none}.brand-mark span{color:#39d3b2}.sidebar-label{color:#a2adba;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:0 15px;margin-bottom:13px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;text-decoration:none;color:#6d7d8f;font-size:13px;font-weight:700;border-radius:10px}.nav-item.active{background:#e7f8f4;color:#0c8c73}.nav-icon{font-size:18px;line-height:1}.sidebar-bottom{margin-top:auto}.shopify-connection{padding:15px 13px;background:#f7f9fa;border:1px solid #edf1f2;border-radius:12px;display:flex;align-items:flex-start;gap:10px}.connection-dot{background:#35bf9d;width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;box-shadow:0 0 0 4px #ddf6ee;margin-top:5px}.shopify-connection strong,.profile strong{display:block;font-size:11px}.shopify-connection small,.profile small{display:block;color:#96a3b1;font-size:10px;margin-top:4px}.profile{display:flex;align-items:center;gap:10px;padding:22px 8px 0}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#deeee9;color:#287d70;font-size:13px;font-weight:800;flex:none}.profile button{margin-left:auto;border:0;background:none;color:#8c9aa8;font-size:21px}.main{flex:1;min-width:0}.topbar{height:66px;border-bottom:1px solid #e7ebef;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 42px}.crumb{color:#99a5b3;font-size:12px}.crumb span{padding:0 9px;color:#c0c9d2}.crumb strong{color:#2c3847}.topbar-right{display:flex;align-items:center;gap:18px;color:#97a5b2;font-size:11px}.icon-button{border:1px solid #e3eaf0;background:white;border-radius:8px;height:30px;width:30px;color:#425567;font-size:18px}.mini{width:30px;height:30px}.content{max-width:1450px;margin:auto;padding:38px 42px 30px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.page-heading h1{font:800 28px Manrope,sans-serif;letter-spacing:-1.25px;margin:0}.heading-sub{font-size:13px;color:#8b99a9;margin:6px 0 0}.today-pill{background:white;border:1px solid #e7ebef;border-radius:9px;padding:11px 15px;color:#68788a;font-size:12px;font-weight:700}.calendar-icon{font-size:16px;margin-right:9px;color:#92a2b1}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:31px}.summary-card{text-align:left;background:#fff;border:1px solid #e9edf1;border-radius:13px;padding:23px 25px 22px;box-shadow:0 5px 22px #22344a08;display:flex;flex-direction:column;min-height:178px;transition:transform .15s,box-shadow .15s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #22344a12}.summary-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.summary-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:18px;font-weight:700}.pending-icon{background:#e7f8f4;color:#22b992}.hold-icon{background:#fff3df;color:#e4a134}.dispatched-icon{background:#eaf1ff;color:#5986e5}.summary-arrow{color:#bac5cf;font-size:15px}.summary-number{font:800 29px Manrope,sans-serif;letter-spacing:-1.2px;line-height:1}.summary-title{font-size:12px;font-weight:800;margin-top:9px}.summary-caption{color:#a0acb7;font-size:11px;margin-top:4px}.orders-panel{background:#fff;border:1px solid #e8ecf0;border-radius:13px;box-shadow:0 4px 22px #22344a06;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 20px}.panel-head h2{font:800 17px Manrope,sans-serif;letter-spacing:-.5px;margin:0}.panel-head p{font-size:11px;color:#a0aab6;margin:5px 0 0}.result-count{background:#f3f6f8;border-radius:16px;padding:6px 10px;color:#718191;font-size:10px;font-weight:800}.panel-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;padding:0 25px;gap:15px}.tabs{display:flex;gap:27px;white-space:nowrap}.tab{border:0;border-bottom:2px solid transparent;color:#8998a8;background:transparent;font-size:11px;font-weight:800;padding:17px 0 16px}.tab.active{border-bottom-color:#25b893;color:#179d7c}.search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #e8edf0;border-radius:8px;padding:7px 11px;color:#9aa8b5}.search-wrap span{font-size:20px;line-height:15px}.search-wrap input{border:0;outline:0;width:205px;font-size:11px;color:#2b3b4c}.search-wrap input::placeholder{color:#b0bac5}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfd;color:#9aa8b7;font-size:9px;font-weight:800;letter-spacing:1.25px;padding:14px 25px}td{border-top:1px solid #f0f2f4;padding:17px 25px;font-size:11px;color:#718092}tr:hover td{background:#fcfefd}.order-name{font-size:12px;font-weight:800;color:#1e3347}.order-item{display:block;color:#9dabba;font-size:10px;margin-top:4px;max-width:175px;overflow:hidden;text-overflow:ellipsis}.customer-name{color:#34465a;font-weight:700}.customer-avatar{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf3f4;color:#65818a;font-weight:800;font-size:9px;margin-right:8px}.amount{color:#2b3c4d;font-weight:800}.badge{font-size:10px;font-weight:800;padding:6px 9px;border-radius:18px;display:inline-block}.badge.pending{background:#e7f8f3;color:#19a580}.badge.on_hold{background:#fff3e3;color:#d99427}.badge.dispatched{background:#eaf1ff;color:#5c80dc}.paid{color:#20a882;font-weight:800}.unpaid{color:#ce8b34;font-weight:800}.row-open{border:0;background:transparent;color:#a5b2bd;font-size:20px;padding:0 4px}.panel-footer{border-top:1px solid #eef1f4;padding:16px 25px;display:flex;justify-content:space-between;align-items:center;color:#9aa8b7;font-size:11px}.panel-footer>div{display:flex;gap:8px}.page-button{background:#fff;border:1px solid #e7ebf0;border-radius:7px;color:#6b7c8c;font-size:10px;font-weight:800;padding:8px 11px}.page-button:disabled{opacity:.4;cursor:default}.empty{text-align:center;padding:60px 20px}.empty-icon{font-size:38px;color:#a9b8c3}.empty h3{margin:10px 0 4px;font-size:15px}.empty p{margin:0;color:#98a5b2;font-size:12px}.data-note{font-size:11px;color:#a1aeba;display:flex;align-items:center;gap:9px;margin:18px 4px}.data-note .connection-dot{width:6px;height:6px;box-shadow:none;margin:0}.overlay{position:fixed;inset:0;background:#15223488;z-index:20}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(480px,100%);background:#fff;z-index:21;box-shadow:-10px 0 30px #14233618;display:flex;flex-direction:column}.drawer-top{padding:25px 27px;border-bottom:1px solid #edf0f2;display:flex;justify-content:space-between;align-items:center}.drawer-top h2{font:800 23px Manrope,sans-serif;margin:0}.close-button{border:0;background:#f3f6f8;border-radius:8px;width:31px;height:31px;font-size:21px;color:#718293}.drawer-content{overflow:auto;padding:25px 27px 40px}.detail-section{border-bottom:1px solid #edf0f2;padding:0 0 24px;margin-bottom:24px}.detail-section h3{font:800 12px Manrope,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#2b3c4a;margin:0 0 15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid small{display:block;color:#9caab7;font-size:10px;margin-bottom:5px}.detail-grid strong{font-size:12px;color:#34475a}.line-item{display:flex;justify-content:space-between;font-size:12px;color:#5c6c7d;padding:9px 0}.form-row{display:grid;gap:12px}.form-row label,.login-form label{font-size:11px;color:#526477;font-weight:800;display:grid;gap:7px}.form-row select,.form-row textarea,.form-row input,.login-form input{border:1px solid #e2e9ed;border-radius:8px;padding:10px 11px;color:#283b4f;background:white;outline-color:#35b995;font-size:12px;width:100%}.form-row textarea{resize:vertical;min-height:80px}.primary-button{background:#16a987;border:1px solid #16a987;border-radius:8px;color:#fff;padding:11px 14px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.primary-button:hover{background:#0c9776}.secondary-button{background:#fff;border:1px solid #dce5e9;border-radius:8px;color:#526477;padding:10px 14px;font-size:11px;font-weight:800}.note{background:#f7f9fb;border-radius:9px;padding:12px;margin-top:9px;font-size:12px;color:#405164;white-space:pre-wrap;overflow-wrap:anywhere}.note small,.history-line small{display:block;color:#9baab7;font-size:10px;margin-top:7px}.history-line{border-left:2px solid #d6eee8;padding:0 0 15px 12px;margin-left:3px;color:#566879;font-size:11px}.form-error{min-height:16px;color:#be5858;font-size:11px;margin:0}.toast{position:fixed;bottom:24px;right:25px;background:#203448;color:white;z-index:30;padding:12px 17px;border-radius:9px;box-shadow:0 8px 30px #13293a35;font-size:12px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 0 0,#dff8f1,transparent 34%),#f5f8fa}.login-card{width:min(420px,100%);background:white;padding:35px;border:1px solid #e7ecee;border-radius:18px;box-shadow:0 25px 75px #1b344015}.login-card .brand-mark{margin-bottom:29px}.login-card h1{font:800 28px Manrope,sans-serif;margin:0;letter-spacing:-1px}.login-card .muted{font-size:12px;margin:9px 0 27px}.login-form{display:grid;gap:16px}.login-form input{height:42px}.login-footer{font-size:10px;color:#a3b0bc;text-align:center;margin:27px 0 0}
@media(max-width:1000px){.sidebar{width:190px}.content{padding:30px 25px}.topbar{padding:0 25px}.panel-controls{flex-wrap:wrap;padding-top:8px;padding-bottom:12px}.search-wrap{width:100%}.search-wrap input{width:100%}th,td{padding-left:18px;padding-right:18px}}
@media(max-width:700px){.sidebar{display:none}.topbar{height:56px;padding:0 17px}.topbar-right{gap:10px}.topbar-right #sync-label{font-size:10px}.content{padding:25px 15px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:24px}.heading-sub{line-height:1.5}.today-pill{display:none}.summary-grid{gap:9px;margin-bottom:20px}.summary-card{padding:15px 12px;min-height:145px}.summary-number{font-size:25px}.summary-title{font-size:10px}.summary-caption{font-size:9px}.summary-top{margin-bottom:17px}.summary-icon{width:29px;height:29px;font-size:15px}.panel-head{padding:18px 15px}.panel-controls{padding-left:15px;padding-right:15px}.tabs{gap:20px;overflow:auto;width:100%}.tab{font-size:10px;flex:none}.search-wrap{margin-top:0}.panel-footer{padding:13px 15px}.data-note{line-height:1.5}.drawer-top,.drawer-content{padding-left:20px;padding-right:20px}}
.brand-mark{display:flex;align-items:center;justify-content:center}
.sidebar-brand{display:block;padding-bottom:48px}.sidebar-logo{display:block;width:126px;height:66px;object-fit:contain;object-position:left center}.sidebar-brand small{margin-left:2px;margin-top:-3px}.login-logo{width:130px;height:88px;object-fit:contain;object-position:left center;display:block;margin:0 0 20px}.mobile-logo{display:none}
@media(max-width:700px){.mobile-logo{display:block;width:49px;height:36px;object-fit:contain}.crumb-text{display:none}.topbar-right #sync-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}