:root{--accent:#ff926c;--accent-soft:#fff1eb;--ink:#243642;--muted:#71828e;--line:#e4ebef;--bg:#f4f7fa;--white:#fff;--radius:14px;--good:#247b64;--danger:#b94444;--shadow:0 8px 24px #24364206;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #598b9e;outline-offset:3px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #dbe4e9;border-radius:7px;background:white;color:var(--ink);min-height:43px}input:focus,textarea:focus,select:focus{outline:2px solid #abc3cf;outline-offset:1px}input[readonly]{background:#f6f8fa;color:#687c88}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--ink)}textarea{resize:vertical;min-height:92px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#516773}label.check{flex-direction:row;align-items:flex-start;font-size:13px;font-weight:400;gap:10px}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.8px}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:15px}p+p{margin-top:12px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;color:#78909c;margin-bottom:9px}.wordmark{font-size:32px;font-weight:820;letter-spacing:-1.8px;line-height:1.2}.wordmark span{display:inline-block;color:var(--accent);font-size:17px;vertical-align:top;margin:6px 0 0 3px}.wordmark small{display:block;font-size:10px;letter-spacing:2.1px;color:#8b9ba5;font-weight:550;margin:8px 0 0 1px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid var(--line);border-radius:6px;background:#fff;white-space:nowrap;font-size:13px;font-weight:650}.btn:hover{background:#f3f7f9}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#243642)}.btn.primary:hover{filter:brightness(.98)}.btn.danger{color:var(--danger);background:#fff8f8;border-color:#f0d5d5}.btn.ghost{border-color:transparent;background:transparent}.btn.small{min-height:33px;padding:6px 10px;font-size:12px}.icon-btn{background:transparent;border:1px solid transparent;border-radius:6px;display:inline-flex;padding:7px;justify-content:center;align-items:center}.icon-btn:hover{background:#f2f6f8;border-color:var(--line)}.row{display:flex;gap:12px;align-items:center}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.spacer{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-stack{display:flex;flex-direction:column;gap:18px}.full{grid-column:1/-1}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:25px}.card-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line);gap:12px}.card-head p{font-size:12px;color:var(--muted);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;background:#edf2f6;color:#617581;padding:5px 9px;font-size:11px;font-weight:650;white-space:nowrap}.badge.good{color:var(--good);background:#edf8f3}.badge.warn{color:#866523;background:#fff6e4}.badge.bad{color:var(--danger);background:#fff0ef}.badge.coral{background:var(--accent-soft);color:#805141}.dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block}.notice{border:1px solid var(--line);border-radius:8px;padding:14px 17px;line-height:1.6;background:#edf4f8;font-size:13px;margin:14px 0}.notice.warning{background:#fff9ed;border-color:#f0e6ca;color:#7a5d26}.notice.error{background:#fff4f2;border-color:#f1dbd6;color:#9e3e3e}.notice.success{background:#edf9f1;border-color:#dcefe3;color:#247454}.notice:first-child{margin-top:0}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:31px 18px 20px;z-index:10}.brand{padding:0 17px 30px}.brand img{max-width:164px;max-height:53px;object-fit:contain;object-position:left}.brand .company-label{margin-top:8px;font-size:10px;color:var(--muted)}.nav-label{font-size:10px;letter-spacing:1.6px;color:#9badb6;padding:6px 16px 10px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{padding:11px 15px;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:550;border-radius:7px;color:#687e8b}.nav a.active{color:var(--ink);background:var(--accent-soft)}.nav a.active .icon{color:#a96147}.nav a:hover{background:#f3f7f9}.sidebar-bottom{margin-top:auto;padding:25px 12px 0}.sidebar-bottom .pilot-box{background:#f3f7fa;border-radius:10px;padding:14px;font-size:11px;color:#718693}.pilot-box strong{color:#536975;display:block;margin-bottom:4px}.sidebar-bottom .wordmark{font-size:17px;letter-spacing:-.7px;margin:17px 0 0}.sidebar-bottom .wordmark span{font-size:9px;margin-top:3px}.workspace{margin-left:238px;min-height:100vh}.topbar{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 34px;border-bottom:1px solid var(--line);background:#ffffffbd}.topbar-title{font-size:13px;color:#8a9aa4}.topbar-company{display:flex;align-items:center;gap:9px}.topbar-company strong{font-size:12px}.avatar{width:37px;height:37px;background:#e8eef2;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700}.user-block{display:flex;align-items:center;gap:10px;font-size:12px}.user-block small{display:block;color:var(--muted);font-size:10px}.live-status{display:inline-flex;align-items:center;gap:7px;color:var(--good);font-size:11px}.live-status.offline{color:var(--danger)}.main{padding:33px 34px 24px;max-width:1720px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-head p{margin-top:8px;font-size:13px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{padding:21px 22px;display:block}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#6e828e;font-size:12px}.metric-icon{padding:10px;background:#f3f7fa;border-radius:9px}.metric:first-child .metric-icon{background:var(--accent-soft);color:#b97254}.metric-number{font-size:33px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin:5px 0}.metric small{font-size:10px;color:#8c9ba5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px;align-items:start}.quick-card{padding:22px}.quick-card h2{margin-bottom:18px}.task-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;gap:10px}.task-link:last-child{border:0}.task-link p{font-size:12px}.task-link small{color:var(--muted);font-size:11px}.task-count{min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#fff4e8;border-radius:5px;color:#a4783d;font-size:11px}.chapter-card{margin-top:20px;padding:24px;background:#eef4f7;border:1px solid #e3edf1;border-radius:12px}.chapter-card h3{font-size:16px;margin:8px 0}.chapter-card p{font-size:12px;color:#75909c}.progress-track{height:5px;background:#dce7ed;border-radius:10px;margin:16px 0 10px}.progress-track span{display:block;width:25%;height:5px;background:var(--accent);border-radius:10px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap}.searchbox{position:relative;max-width:360px;flex:1;min-width:200px}.searchbox .icon{position:absolute;left:12px;top:12px;color:#8b9eaa;width:18px}.searchbox input{padding-left:38px;background:white}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{padding:8px 12px;border:1px solid transparent;background:transparent;border-radius:6px;font-size:12px;color:#738792}.filter.active{border-color:var(--line);background:#fff;color:var(--ink)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{font-size:10px;text-transform:uppercase;font-weight:650;letter-spacing:.6px;color:#7b8f9a;background:#f8fafc;padding:13px 20px;border-bottom:1px solid var(--line)}.data-table td{padding:16px 20px;border-bottom:1px solid #edf2f5;font-size:12px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfe}.data-table .name{font-size:13px;font-weight:600}.data-table small{display:block;font-size:10px;color:#8b9ba5;margin-top:3px}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.product-cell{display:flex;align-items:center;gap:13px}.product-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f6f8;color:#63818e}.product-icon .icon{width:27px;height:27px}.product-icon.tomato,.product-icon.apple{background:#fff4ee;color:#c77f62}.product-icon.carrot,.product-icon.banana{background:#fff9e9;color:#b59959}.amount{font-weight:600;font-variant-numeric:tabular-nums}.empty{padding:48px 24px;text-align:center;color:var(--muted)}.empty .icon{width:34px;height:34px;color:#a9bac4;margin-bottom:10px}.empty h3{color:#607681;margin-bottom:8px}.empty p{font-size:12px;max-width:380px;margin:0 auto 17px}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8a9aa6;font-size:10px;padding:27px 0 0}.legal-links{display:flex;gap:13px;flex-wrap:wrap}.legal-links a:hover{text-decoration:underline}.auth-body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;background:#f3f7fa}.auth-card{width:100%;max-width:465px;background:white;border:1px solid var(--line);border-radius:17px;padding:40px;box-shadow:0 18px 60px #24364206}.auth-card .wordmark{margin-bottom:35px}.auth-card h1{font-size:28px;margin-bottom:13px}.auth-card .form-stack{margin-top:26px}.auth-card .muted{font-size:12px}.auth-card>label{margin:20px 0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:18px;color:var(--muted)}.loading-screen .wordmark{color:var(--ink)}.modal-shade{position:fixed;inset:0;z-index:50;background:#20323f55;display:flex;justify-content:center;align-items:center;padding:30px;backdrop-filter:blur(3px)}.modal{background:white;border-radius:15px;box-shadow:0 25px 80px #102a3b2b;width:100%;max-width:620px;max-height:calc(100dvh - 60px);display:flex;flex-direction:column}.modal.wide{max-width:920px}.modal header{padding:23px 27px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal header h2{font-size:21px}.modal-body{padding:25px 27px;overflow-y:auto}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal textarea{min-height:85px}.error-box:empty{display:none}.error-box{background:#fff4f2;border:1px solid #efdad4;color:#a34c3c;padding:12px 14px;border-radius:7px;font-size:12px;margin-bottom:16px;white-space:pre-wrap}.secret{font:14px ui-monospace,monospace;word-break:break-all;white-space:normal;background:#f0f5f8;padding:16px;border-radius:8px;margin:15px 0;color:#344e5d}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;font:14px ui-monospace,monospace}.recovery-codes span{background:#f1f6f9;padding:10px;text-align:center;border-radius:6px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:#294654;color:white;border-radius:8px;padding:13px 22px;font-size:12px;z-index:80;transition:opacity .15s,transform .15s;pointer-events:none;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}.compose-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:22px}.compose-actions{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;gap:12px}.compose-actions select{max-width:600px}.cart-table{table-layout:fixed;white-space:normal}.cart-table th:first-child{width:30%}.cart-table td{padding:14px 12px}.cart-table input{padding:8px;min-width:0;font-size:12px}.cart-table th{padding:12px}.cart-table .line-reason{margin-top:7px;font-size:11px}.cart-table .live-cell{display:block;font-size:10px;font-weight:400;color:#8094a1}.cart-table .price-alert{display:block;font-size:10px;color:#b07337}.compose-bottom{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px;align-items:start}.totals{padding:21px}.totals .row{font-size:12px;justify-content:space-between;padding:8px 0}.totals .total{margin-top:8px;border-top:1px solid var(--line);padding-top:16px;font-size:17px;font-weight:700}.totals .btn{width:100%;margin-top:16px}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:25px}.summary-grid h3{margin-bottom:8px}.summary-grid p{font-size:12px}.timeline{display:flex;gap:12px;padding:18px 25px;background:#f8fafb;border-bottom:1px solid var(--line);font-size:12px;color:#8397a3}.timeline .current{color:var(--ink);font-weight:650}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px}.color-preview{padding:24px;background:#f2f6f9;border-radius:10px;margin-top:16px}.color-preview .sample{padding:18px;background:white;border:1px solid var(--line);border-radius:10px;display:flex;gap:20px;align-items:center}.profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.profile-summary p{font-size:13px;white-space:pre-line}.import-preview{max-height:330px;overflow:auto;margin-top:20px}.no-scroll{overflow:hidden}.mobile-menu{display:none}.switcher{max-width:200px;font-size:12px;padding:6px;min-height:32px}.two-thirds{display:grid;grid-template-columns:2fr 1fr;gap:20px}.mono{font-family:ui-monospace,monospace}code{font-size:.9em;background:#eef3f6;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}
@media(min-width:1550px){.main{padding:40px 44px}.topbar{padding-left:44px;padding-right:44px}.data-table td{padding-top:19px;padding-bottom:19px}}
@media(max-width:1150px){.sidebar{width:210px}.workspace{margin-left:210px}.topbar{padding:15px 24px}.main{padding:28px 24px}.metrics{gap:12px}.metric{padding:18px 15px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px}.data-table td,.data-table th{padding-left:14px;padding-right:14px}.user-block .user-name{display:none}.settings-grid{grid-template-columns:1fr}}
@media(max-width:920px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chapter-card{margin:0}.metrics{grid-template-columns:1fr 1fr}.compose-top{grid-template-columns:1fr 1fr}.compose-top label:first-child{grid-column:1/-1}.cart-table{min-width:730px}.compose-bottom{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.topbar-title{display:none}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:238px;box-shadow:15px 0 45px #20323f11}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:12px 17px;min-height:67px;gap:10px}.topbar-company{display:none}.main{padding:23px 16px}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:25px}.page-head p{font-size:12px}.page-head>.row{flex-wrap:wrap;justify-content:flex-end}.page-head .btn{font-size:11px;padding:8px 10px}.metric{padding:17px}.metric-number{font-size:30px}.dashboard-aside{grid-template-columns:1fr}.toolbar{align-items:stretch}.searchbox{max-width:100%}.filters{width:100%}.modal-shade{padding:12px}.modal{max-height:calc(100dvh - 24px)}.modal-body{padding:20px}.modal header{padding:19px 20px}.grid2,.profile-summary{grid-template-columns:1fr}.modal.wide .grid2{grid-template-columns:1fr 1fr}.full{grid-column:auto}.modal.wide .full{grid-column:1/-1}.auth-card{padding:28px}.auth-body{padding:22px 14px}.footer{gap:12px}.compose-top{grid-template-columns:1fr}.compose-top label:first-child{grid-column:auto}.compose-actions{flex-direction:column}.summary-grid{grid-template-columns:1fr}.two-thirds{grid-template-columns:1fr}.card-head{padding:18px}.badge{font-size:10px}.notice{font-size:12px}.row.wrap{gap:8px}.live-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep mobile grids bounded; tables scroll within their own cards. */
.workspace,.main,.card,.dashboard-aside,.page-head>div{min-width:0}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:920px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page-head{flex-wrap:wrap}.page-head>div:first-child{flex:1 1 100%}.page-head>.row{justify-content:flex-start}.grid2,.modal.wide .grid2{grid-template-columns:minmax(0,1fr)}.metric-top{align-items:flex-start;gap:7px;overflow-wrap:anywhere}.metric-icon{padding:6px}.metric{padding:13px}.topbar>.row{min-width:0}.modal footer{flex-wrap:wrap}.row.between{flex-wrap:wrap}.card.pad{padding:20px}.settings-grid{grid-template-columns:minmax(0,1fr)}}