:root{--brand-green: #84bd00;--ink: #1c1c1c;--accent-magenta: #e0004f;--surface: #f6f7f4;--card: #ffffff;--line: #d6dbc9;--success: #1f7a42;--warning: #a45a00;--radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:Gotham,Avenir Next,Montserrat,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 0 0,#eef6dc,#f5f5f2 35%,#f3f4ef)}h1,h2,h3,h4{font-family:Archer,Rockwell Nova,Rockwell,Roboto Slab,serif;margin-top:0}a{color:inherit}.small{font-size:.85rem;color:#4c5046}.muted{margin:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#5e6456}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:0 8px 24px #1c1c1c0f}.panel.subtle{background:#fafcf6}button,input,select{font:inherit}input,select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.6rem .75rem;width:100%}label{font-size:.9rem;display:grid;gap:.35rem}.primary,.secondary,.tab,.text-button{border-radius:10px;padding:.55rem .85rem;border:1px solid transparent;cursor:pointer}.primary{background:var(--brand-green);color:#172100;font-weight:700}.secondary{border:1px solid var(--ink);background:#fff}.tab{background:#fff;border:1px solid var(--line)}.tab.active{background:var(--ink);color:#fff}.text-button{background:none;text-align:left;color:#2f4f2f;padding-left:0}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:1.2rem;background:linear-gradient(180deg,#15230b,#273218 65%,#1f2b14);color:#f0f3e8;display:flex;flex-direction:column;gap:1rem}.brand-kicker{margin-bottom:.2rem;color:#b6d47a;letter-spacing:.08em}.brand h1{margin-bottom:0}.nav-link{display:block;padding:.55rem .65rem;border-radius:9px;text-decoration:none;margin-bottom:.35rem;border:1px solid transparent}.nav-link.router-link-active{background:#84bd002e;border-color:#84bd0099}.sidebar-footer{margin-top:auto}.main-column{display:flex;flex-direction:column;min-width:0}.topbar{margin:1rem;display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,320px) minmax(250px,1fr);align-items:center;gap:1rem}.role-pill{display:inline-block;background:#f3f7ea;padding:.25rem .55rem;border-radius:999px}.field-label{font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.06em}.topbar-actions,.topbar-block{min-width:0}.context-block{justify-self:end;text-align:right}.context-value{display:block;margin-top:.1rem;margin-bottom:.6rem;overflow-wrap:anywhere}.logout-btn{min-width:96px}.page-content{padding:0 1rem 1rem}.stack-layout{display:flex;flex-direction:column;gap:1rem}.view-header{margin-bottom:1rem}.kpi-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.kpi-card .kpi-value{display:block;font-size:1.35rem}.kpi-card[data-tone=success]{border-color:#1f7a4259}.kpi-card[data-tone=warning]{border-color:#a45a0059}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.three-col-layout{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.span-2{grid-column:span 1}.cards-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.actions-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.filters{display:grid;grid-template-columns:2fr 1fr;gap:.8rem;margin-bottom:1rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e8eadf;padding:.6rem;font-size:.9rem}thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#5f6656}.clickable-row{cursor:pointer}.status-pill{display:inline-flex;padding:.18rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700}.status-pill[data-status=unfulfilled]{background:#fff2dd;color:#7a4200}.status-pill[data-status=in_transit]{background:#e5f1ff;color:#184c80}.status-pill[data-status=completed]{background:#e6f6ea;color:#1f7a42}.plain-list{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}.plain-list.compact{gap:.25rem}.max-220{max-height:220px;overflow:auto}.qty-input{max-width:80px}.product-thumb{width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}.success-text{color:var(--success)}.error{color:#9f1f34}.tabs,.tabs-inline{display:flex;gap:.5rem;margin-bottom:.8rem}.trend-bars{display:grid;grid-template-columns:repeat(6,minmax(40px,1fr));gap:.5rem;align-items:end}.trend-track{height:150px;display:flex;align-items:end;background:#f3f4ef;border-radius:8px;overflow:hidden}.trend-fill{width:100%;border-radius:8px 8px 0 0}.trend-label,.trend-value{text-align:center;margin:.2rem 0 0;display:block;font-size:.78rem}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-hero{padding:3rem;background:linear-gradient(145deg,#11240f,#2a331a);color:#f6f9ed}.auth-hero .eyebrow{color:#b8db73;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.auth-form-wrap{margin:auto;width:min(560px,calc(100% - 2rem))}.form-grid{display:grid;gap:.8rem}.demo-login{margin-top:1rem}.settings-page .checkbox-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.settings-page .checkbox-row input[type=checkbox]{width:auto;flex:0 0 auto}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.2)}.topbar,.two-col,.three-col-layout,.filters,.auth-page{grid-template-columns:1fr;display:grid}.topbar{align-items:start;grid-template-columns:1fr}.context-block{justify-self:start;text-align:left}.trend-bars{grid-template-columns:repeat(3,minmax(40px,1fr))}}