@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";:root{font-family:DM Sans,Avenir Next,sans-serif;color:#26362e;background:#f5f4ed;font-synthesis:none;text-rendering:optimizeLegibility;--forest: #1d3b30;--forest-deep: #173229;--ink: #26362e;--muted: #7d877e;--paper: #fbfaf6;--line: #e4e5db;--paprika: #b75337;--sage: #83977b}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background-color:#f5f4ed;background-image:radial-gradient(#d9d9cd .65px,transparent .65px);background-size:16px 16px;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:var(--forest)}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;min-height:560px;flex-direction:column;padding:29px 19px 22px;background:var(--forest);color:#f5f3e8}.brand{display:flex;align-items:center;gap:12px;padding:0 7px;color:inherit;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid #c47855;border-radius:4px;background:#bd6243;color:#fff7e9;font-family:"DM Serif Display",Georgia,serif;font-size:25px}.brand-name{display:grid;gap:1px;font-size:15px;font-weight:700;line-height:1.1}.brand-name span{color:#c2cebd;font-size:12px;font-weight:400;letter-spacing:.3px}.nav-caption{margin:54px 10px 12px;color:#9caf9f;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.side-nav{display:grid;gap:5px}.nav-link{position:relative;display:flex;min-height:43px;align-items:center;gap:12px;padding:0 12px;border-radius:4px;color:#d1dbd0;font-size:13px;text-decoration:none;transition:background-color .16s ease,color .16s ease}.nav-link:hover{background:#294b3d;color:#fff}.nav-link.active{background:#f4f1e7;color:var(--forest-deep);font-weight:700}.nav-glyph{width:15px;height:15px;flex:0 0 15px;border:1px solid currentColor;border-radius:3px;opacity:.8}.glyph-overview{border-radius:50%;box-shadow:inset 0 0 0 3px var(--forest)}.active .glyph-overview{box-shadow:inset 0 0 0 3px #f4f1e7}.glyph-stock{transform:rotate(45deg) scale(.78)}.glyph-customers{border-radius:50% 50% 3px 3px}.glyph-new-order{border-style:dashed}.glyph-orders{border-radius:50%;border-width:2px}.sidebar-bottom{margin-top:auto}.sidebar-rule{display:block;height:1px;margin:0 8px 15px;background:#496355}.sidebar-footnote{padding:0 8px;color:#9caf9f;font-size:9px;letter-spacing:1px}.workspace{min-width:0}.topbar{display:flex;min-height:69px;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(211,213,202,.75);background:#fbfaf6d1}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px}.breadcrumb span,.topbar time{color:var(--muted)}.breadcrumb i{color:#b1b6ac;font-style:normal}.breadcrumb strong{color:var(--ink);font-weight:600}.topbar time{font-size:11px}.main-content{width:min(100%,1430px);margin:0 auto;padding:42px clamp(24px,5vw,76px) 72px}h1,h2,h3,p{margin-top:0}h1,.section-heading h2{color:var(--forest-deep);font-family:"DM Serif Display",Georgia,serif;font-weight:400}h1{margin-bottom:25px;font-size:39px;line-height:1.1}h2{color:var(--forest-deep);font-size:19px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.page-heading h1{margin:4px 0 0}.eyebrow{color:#8a7861;font-size:9px;font-weight:700;letter-spacing:1.45px}.heading-stamp{padding:7px 10px;border:1px solid #d7d8cb;color:#778272;font-size:9px;letter-spacing:1.2px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}.card{min-width:0;min-height:126px;padding:17px 17px 14px;border:1px solid var(--line);border-top:3px solid var(--metric-accent, var(--forest));background:#fbfaf6f0;animation:rise-in .38s both}.card:nth-child(2){animation-delay:45ms}.card:nth-child(3){animation-delay:90ms}.card:nth-child(4){animation-delay:135ms}.card:nth-child(5){animation-delay:.18s}.metric-spice{--metric-accent: #b75337}.metric-sage{--metric-accent: #80937a}.metric-clay{--metric-accent: #a87853}.metric-gold{--metric-accent: #c29b4e}.metric-olive{--metric-accent: #737f4d}.metric-topline{display:flex;justify-content:space-between;gap:8px;color:#778078;font-size:11px}.metric-index{color:#b3b6aa;font-size:9px;letter-spacing:1px}.card strong{display:block;margin-top:17px;color:var(--forest-deep);font-size:clamp(19px,2vw,26px);font-weight:600;line-height:1.1;overflow-wrap:anywhere}.stock-section{margin-top:48px;border-top:1px solid #d9dbd0}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:22px 0 14px}.section-heading h2{margin:4px 0 0;font-size:26px}.stock-count{color:#8b9389;font-size:11px}.stock-count.has-stock{color:var(--paprika)}.low-stock-list{margin:0;padding:0;list-style:none}.low-stock-list li{display:flex;min-height:51px;align-items:center;gap:12px;border-top:1px solid #e1e2d9;font-size:13px}.stock-dot{width:7px;height:7px;border-radius:50%;background:var(--paprika);box-shadow:0 0 0 3px #f1dfd7}.stock-product-name{flex:1}.stock-quantity{color:#a44832;font-variant-numeric:tabular-nums}.stock-quantity small{color:#95998f;font-size:10px}.empty-state,.loading-state{padding:20px 0;color:var(--muted);font-size:13px}.formgrid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:21px;padding:16px;border:1px solid var(--line);background:#fbfaf6d9}input,select{min-height:40px;padding:9px 11px;border:1px solid #d7d9cf;border-radius:3px;outline:none;background:#fffefa;color:var(--ink);font-size:12px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:#81947d;box-shadow:0 0 0 3px #81947d29}.formgrid input,.formgrid select{flex:1 1 160px}.location-field{display:flex;min-width:0;flex:1 1 320px;gap:8px}.location-field input{min-width:0;flex:1 1 auto}.location-field button{flex:0 0 auto;white-space:nowrap}.form-error{flex:1 0 100%;margin:0;color:#a44832;font-size:11px}td input{width:92px;min-height:34px;padding:6px 8px;font-variant-numeric:tabular-nums}button{min-height:39px;padding:0 16px;border:1px solid var(--forest);border-radius:3px;background:var(--forest);color:#fffdf5;cursor:pointer;font-size:12px;font-weight:600;transition:background-color .15s ease,transform .15s ease}button:hover:not(:disabled){transform:translateY(-1px);background:#2b5140}button:disabled{cursor:not-allowed;opacity:.48}.tablewrap{width:100%;overflow-x:auto;border:1px solid var(--line);background:var(--paper)}table{width:100%;min-width:690px;border-collapse:collapse;background:transparent;font-size:12px}th,td{padding:12px 14px;border-bottom:1px solid #e9e9e1;text-align:left;white-space:nowrap}th{background:#efefe7;color:#68766a;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}td{color:#39473e}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f5f5ed}td a{color:#a94d35;font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px}tfoot th{text-align:right}.right{margin:22px 0 14px;color:var(--forest-deep);text-align:right;font-size:20px}.invoice{max-width:900px;margin:0 auto;padding:38px;border:1px solid var(--line);background:var(--paper)}.invoice>h1{padding-bottom:18px;border-bottom:2px solid var(--forest);text-align:center}.invoiceMeta{display:flex;justify-content:space-between;gap:24px;margin:26px 0;color:#59655d;font-size:12px;line-height:1.9}.invoice table{min-width:0}.topbar-actions{display:flex;align-items:center;gap:16px}.logout-button{min-height:32px;padding:0 11px;border-color:#d7d9cf;background:transparent;color:var(--forest);font-size:10px}.logout-button:hover:not(:disabled){background:#efefe7}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{width:min(100%,400px);padding:28px;border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 32px #1d3b3012}.login-brand-mark{display:grid;width:42px;height:42px;margin-bottom:24px;place-items:center;border-radius:4px;background:var(--paprika);color:#fff7e9;font-family:"DM Serif Display",Georgia,serif;font-size:26px}.login-panel h1{margin:5px 0 4px;font-size:33px}.login-panel>p{margin-bottom:23px;color:var(--muted);font-size:12px}.login-panel label{display:grid;gap:7px;margin-top:13px;color:#657167;font-size:11px;font-weight:600}.login-panel input{width:100%}.login-panel>button{width:100%;margin-top:18px}.login-error{margin-top:13px;color:#a44832;font-size:11px}@keyframes rise-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 850px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-right:14px;padding-left:14px}.main-content{padding-right:26px;padding-left:26px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card:last-child{grid-column:span 2}}@media (max-width: 620px){.app-shell{display:block}.sidebar{position:static;height:auto;min-height:0;padding:15px 16px 10px}.brand{padding:0 2px 13px}.brand-mark{width:33px;height:33px;font-size:22px}.nav-caption,.sidebar-bottom{display:none}.side-nav{display:flex;gap:4px;overflow-x:auto;padding:2px 0 1px;scrollbar-width:thin}.nav-link{min-height:38px;flex:0 0 auto;gap:8px;padding:0 10px;font-size:11px}.nav-glyph{width:12px;height:12px;flex-basis:12px}.topbar{min-height:52px;padding:0 18px}.breadcrumb{font-size:11px}.topbar time{font-size:10px}.main-content{padding:28px 18px 48px}.page-heading{margin-bottom:20px}h1{font-size:33px}.heading-stamp{padding:6px 7px;font-size:8px}.cards{gap:8px}.card{min-height:108px;padding:13px 12px}.card strong{margin-top:15px;font-size:20px}.metric-topline{font-size:10px}.stock-section{margin-top:34px}.formgrid{padding:11px}.formgrid input,.formgrid select,.formgrid button{flex-basis:100%}.location-field{flex-wrap:wrap}.location-field button{flex:1 1 100%}.invoice{padding:21px 15px}.invoiceMeta{flex-direction:column;gap:13px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.topbar,.noPrint{display:none!important}body{background:#fff}.app-shell{display:block}.main-content{width:100%;max-width:none;margin:0;padding:0}.invoice{max-width:none;padding:0;border:0}}