:root{--ink:#211f1b;--muted:#928a7d;--gold:#b9965a;--line:#e9e3d8;--paper:#f4f1ea;--surface:#fffdf9;--sidebar:#171511;font-family:"DM Sans","Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:var(--paper);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b9965a66;outline-offset:2px}a{color:inherit;text-decoration:none}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:258px;padding:27px 18px 16px;display:flex;flex-direction:column;color:#eee9de;background:var(--sidebar);border-right:1px solid #ffffff0b}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px;min-height:48px}.brand-mark{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid #c7a66e99;color:#d7b879;font:19px Georgia,serif;letter-spacing:-2px}.brand-mark:before,.brand-mark:after{position:absolute;content:"";width:6px;height:6px;border-color:#d7b879;border-style:solid}.brand-mark:before{top:-3px;left:-3px;border-width:1px 0 0 1px}.brand-mark:after{right:-3px;bottom:-3px;border-width:0 1px 1px 0}.brand-mark i{position:absolute;bottom:6px;width:17px;height:1px;background:#d7b879}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:13px;letter-spacing:2.1px}.brand-copy small{font-size:9px;letter-spacing:2.2px;color:#8c8374}
.workspace-switcher{display:flex;align-items:center;gap:10px;margin:32px 0 28px;padding:11px 12px;border:1px solid #393329;border-radius:10px;background:#201d17}.workspace-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:8px;background:#c7a66e;color:#1c1914;font:17px Georgia,serif}.workspace-switcher>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.workspace-switcher strong{font-size:11px}.workspace-switcher small{font-size:10px;color:#827969}.workspace-chevron{color:#9e927d}
.nav-caption{padding:0 11px 10px;color:#746d61;font-size:9px;font-weight:700;letter-spacing:1.8px}.nav-caption-spaced{margin-top:30px}.primary-nav{display:grid;gap:5px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:43px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#aaa394;background:transparent;text-align:left;font-size:12px;font-weight:500}.nav-item:hover{color:#efe7d9;background:#211e18}.nav-item.active{color:#e3c58f;border-color:#be9d6529;background:linear-gradient(90deg,#b9965a2b,#b9965a0e)}.nav-item.active:before{position:absolute;left:-18px;top:10px;bottom:10px;width:2px;content:"";background:#c8a76d}.nav-icon{display:grid;place-items:center;width:17px;height:17px}.nav-icon svg,.topbar svg,.icon-button svg,.button svg,.panel-link svg,.section-link svg{display:block;width:17px;height:17px}.nav-count{margin-left:auto;padding:4px 6px;border-radius:6px;color:#c7a66e;background:#c7a66e1f;font-size:9px}.nav-ping{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#c49c5e;box-shadow:0 0 0 3px #c49c5e20}
.sidebar-bottom{margin-top:auto}.storage-card{margin:0 1px 16px;padding:13px 12px 12px;border:1px solid #393329;border-radius:10px;background:#201d17}.storage-heading{display:flex;align-items:center;gap:7px;color:#c8b99e;font-size:8px;font-weight:700;letter-spacing:1px}.tiny-status{width:6px;height:6px;border-radius:50%;background:#c29d60;box-shadow:0 0 0 3px #c29d601f}.storage-card p{margin:10px 0 12px;color:#928979;font-size:10px;line-height:1.55}.storage-meter{height:3px;border-radius:4px;background:#403a2e;overflow:hidden}.storage-meter span{display:block;width:24%;height:100%;background:#b99559}.storage-card>small{display:block;margin-top:7px;color:#716b5e;font-size:9px}.profile-button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 5px 1px;border:0;border-top:1px solid #342f26;color:#eee9de;background:transparent;text-align:left}.avatar,.top-avatar{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid #c29d6075;border-radius:50%;color:#d9bd88;background:#30281c;font-size:10px;font-weight:700}.profile-copy{display:flex;flex:1;flex-direction:column;gap:3px}.profile-copy strong{font-size:10px}.profile-copy small{font-size:9px;color:#817a6d}.profile-more{color:#857b69;letter-spacing:2px}
.main-panel{width:calc(100% - 258px);min-height:100vh;margin-left:258px}.topbar{position:sticky;top:0;z-index:20;min-height:76px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#faf8f3ed;backdrop-filter:blur(14px)}.topbar-left,.topbar-actions{display:flex;align-items:center}.breadcrumb{display:flex;align-items:center;gap:10px;color:#a49c8e;font-size:10px;letter-spacing:1.2px}.breadcrumb b{color:#d4cabb;font-weight:400}.breadcrumb strong{color:#4d483f;font-size:11px;font-weight:600;letter-spacing:.15px}.topbar-actions{gap:16px}.global-search{width:clamp(190px,25vw,295px);height:37px;padding:0 10px;display:flex;align-items:center;gap:9px;border:1px solid #e8e1d5;border-radius:8px;color:#a39b8e;background:#fffdf9}.global-search svg{width:15px;height:15px;flex:0 0 15px}.global-search input{width:100%;min-width:0;padding:0;border:0;outline:0;color:#4a453d;background:transparent;font-size:10px}.global-search input::placeholder{color:#aaa294}.global-search kbd{padding:3px 5px;border:1px solid #eee8de;border-radius:4px;color:#a59d90;background:#faf7f1;font-family:inherit;font-size:8px}.demo-pill{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e8dcc6;border-radius:30px;color:#886b3f;background:#f7f0e4;font-size:8px;font-weight:700;letter-spacing:.9px;white-space:nowrap}.demo-pill i{width:5px;height:5px;border-radius:50%;background:#b58e50}.icon-button{width:35px;height:35px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#746e63;background:transparent}.icon-button:hover{border-color:#e7dfd1;background:#fffdf9}.notification-button{position:relative}.notification-button i{position:absolute;top:7px;right:7px;width:5px;height:5px;border:1px solid #faf8f3;border-radius:50%;background:#b48a4c}.topbar-divider{width:1px;height:24px;background:#e6dfd3}.top-avatar{width:31px;height:31px;flex-basis:31px;color:#876a3d;background:#f0e6d5}.mobile-menu{display:none}
.content-wrap{width:min(100%,1600px);margin:auto;padding:28px 40px 20px}.page-context{min-height:20px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.eyebrow{color:#a18a64;font-size:9px;font-weight:700;letter-spacing:1.65px}.page-date{color:#9a9285;font-size:10px}.page-heading{margin:0 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading h1{margin:0;color:#26231e;font:500 clamp(27px,3vw,35px)/1.12 "Playfair Display",Georgia,serif;letter-spacing:-.65px}.page-heading p{margin:8px 0 0;color:#928a7d;font-size:11px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.button{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;font-size:10px;font-weight:600}.button-primary{border-color:#bc9a62;color:#211b12;background:linear-gradient(135deg,#d5b77d,#b28d53);box-shadow:0 5px 14px #a37c3d29}.button-primary:hover{background:linear-gradient(135deg,#dfc48d,#bd995e)}.button-primary svg{width:14px;height:14px}.button-quiet{border-color:#e8e0d4;color:#777063;background:#fffdf9}.button-quiet:hover{border-color:#cdbb9e;background:#faf6ee}.period-select,.filter-select{min-height:36px;padding:0 27px 0 11px;border:1px solid #e8e0d4;border-radius:8px;color:#716a5e;background:#fffdf9;font-size:10px}
.metric-grid{margin-bottom:17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 5px 18px #2f251606}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-label{color:#8b8376;font-size:10px}.metric-symbol{width:29px;height:29px;display:grid;place-items:center;border:1px solid #eee6d8;border-radius:8px;color:#9a7b4a;background:#f8f2e8}.metric-symbol svg{width:15px;height:15px}.metric-value{margin-top:13px;color:#29251f;font:500 27px/1 "Playfair Display",Georgia,serif;letter-spacing:-.4px;white-space:nowrap}.metric-foot{margin-top:11px;display:flex;align-items:center;gap:6px;color:#9b9387;font-size:9px}.metric-change{color:#547b62;font-weight:700}.metric-change.gold{color:#9b7946}.metric-caption{color:#aaa294}
.dashboard-grid,.lower-grid{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.92fr);gap:16px}.panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 5px 18px #2f251606}.panel-heading{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h2{margin:0;color:#332f28;font:600 17px "Playfair Display",Georgia,serif}.panel-heading p{margin:5px 0 0;color:#a19a8e;font-size:9px}.panel-link,.section-link{padding:3px 0;display:inline-flex;align-items:center;gap:5px;border:0;color:#9a7848;background:none;font-size:9px;font-weight:600;white-space:nowrap}.panel-link:hover,.section-link:hover{color:#654b27}.panel-link svg,.section-link svg{width:12px;height:12px}.chart-summary{margin:0 0 7px;display:flex;align-items:baseline;gap:9px}.chart-summary strong{color:#2b2822;font:500 26px "Playfair Display",Georgia,serif}.chart-summary span{color:#9d9589;font-size:9px}.chart-wrap{height:180px}.chart-wrap svg{width:100%;height:100%;display:block;overflow:visible}.chart-gridline{stroke:#eee9e0;stroke-width:1;stroke-dasharray:3 5}.chart-label{fill:#aaa294;font:9px "DM Sans",sans-serif}.chart-area{fill:url(#sales-area)}.chart-line{fill:none;stroke:#b18c55;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fffdf9;stroke:#b18c55;stroke-width:2}.chart-note{margin-top:9px;display:flex;align-items:center;gap:7px;color:#a39b8e;font-size:9px}.chart-note i{width:7px;height:7px;border-radius:50%;background:#b18c55}
.top-products{display:grid;gap:12px}.top-product{display:flex;align-items:center;gap:10px;min-width:0}.product-art{position:relative;width:43px;height:48px;flex:0 0 43px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#eee3d0}.product-art:before{position:absolute;bottom:-13px;left:-9px;width:48px;height:35px;content:"";border-radius:50%;background:#ffffff70}.product-art .bottle{position:relative;width:17px;height:27px;margin-top:8px;border:1.4px solid #4f3b2199;border-radius:4px 4px 5px 5px;background:linear-gradient(90deg,#ffffff80,#b08543b3,#ffffff33);box-shadow:0 3px 6px #2f25161f}.product-art .bottle:before{position:absolute;top:-6px;left:4px;width:7px;height:6px;content:"";border:1px solid #4f3b2180;border-radius:2px 2px 0 0;background:#d7c093}.product-art .bottle:after{position:absolute;top:10px;left:2px;width:11px;height:6px;content:"";background:#ffffff99}.art-rose{background:#ead8d2}.art-rose .bottle{background:linear-gradient(90deg,#f5dedc,#ad6767,#e7b9b0)}.art-olive{background:#e3e1cd}.art-olive .bottle{background:linear-gradient(90deg,#f4f0c9,#8d966a,#d7d5a5)}.art-night{background:#d8d5d0}.art-night .bottle{background:linear-gradient(90deg,#55504a,#211f1b,#746a5c);border-color:#4a433a}.art-violet{background:#e4dce9}.art-violet .bottle{background:linear-gradient(90deg,#dbd0e5,#80678e,#bca8c6)}.top-product-info{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.top-product-info strong{overflow:hidden;color:#514b41;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.top-product-info small{color:#a49b8e;font-size:9px}.top-product-value{color:#5c5346;font-size:10px;font-weight:600;white-space:nowrap}.panel-footer-note{margin-top:14px;padding-top:11px;border-top:1px solid #f0ece4;color:#a49c90;font-size:9px}
.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{padding:10px 9px;border-bottom:1px solid #eee8de;color:#a39a8c;font-size:8px;font-weight:700;letter-spacing:.8px}.data-table td{padding:12px 9px;border-bottom:1px solid #f1ede6;color:#686155;font-size:9px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfaf5}.table-primary{color:#464036!important;font-weight:600}.table-secondary{display:block;margin-top:3px;color:#a59d91;font-size:8px;font-weight:400}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:30px;font-size:8px;font-weight:600}.status-chip:before{width:5px;height:5px;content:"";border-radius:50%;background:currentColor}.status-success{color:#557d62;background:#edf4ed}.status-pending{color:#9b7946;background:#f7f0e4}.status-muted{color:#817c72;background:#f0eee9}.status-danger{color:#a65b52;background:#f8eeeb}.activity-list{display:grid}.activity-item{padding:10px 0;display:flex;gap:11px;border-bottom:1px solid #f0ece4}.activity-item:last-child{border-bottom:0}.activity-mark,.feature-symbol{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;color:#987849;background:#f5efe4}.activity-mark svg{width:13px;height:13px}.activity-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.activity-copy strong{color:#5b554b;font-size:9px;line-height:1.35}.activity-copy small{color:#a8a092;font-size:8px}.stock-summary{display:grid;gap:14px}.stock-row{display:grid;gap:7px}.stock-row-head{display:flex;justify-content:space-between;color:#7b7468;font-size:9px}.stock-row-head strong{color:#5a5348}.stock-track{height:6px;overflow:hidden;border-radius:20px;background:#f0ece4}.stock-fill{display:block;height:100%;border-radius:inherit;background:#b8965b}.stock-fill.low{background:#bd8b53}.stock-fill.out{background:#b66d60}
.app-footer{margin-top:28px;padding:13px 2px 0;display:flex;justify-content:space-between;border-top:1px solid #e7e0d5;color:#aaa294;font-size:8px;letter-spacing:1px}.app-footer b{padding:0 4px;color:#c4a36e}.toolbar{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:9px}.inline-search{min-width:210px;height:36px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid #e7e0d5;border-radius:8px;color:#a49b8e;background:#fffdf9}.inline-search svg{width:14px;height:14px}.inline-search input{width:100%;min-width:0;border:0;outline:0;color:#575146;background:transparent;font-size:10px}.list-panel{padding:4px 17px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.product-cell{display:flex;align-items:center;gap:9px}.product-cell .product-art{width:34px;height:38px;flex-basis:34px}.product-cell .bottle{transform:scale(.83)}.table-actions{display:flex;justify-content:flex-end;gap:5px}.table-action{width:27px;height:27px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;color:#958b7c;background:transparent}.table-action:hover{border-color:#e9e0d1;color:#765a31;background:#faf5eb}.table-action svg{width:13px;height:13px}.empty-state{padding:35px 15px;color:#9e968a;text-align:center;font-size:11px}.summary-strip{margin-bottom:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-mini{padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.summary-mini span{display:block;color:#999183;font-size:9px}.summary-mini strong{display:block;margin-top:6px;color:#373229;font:500 22px "Playfair Display",Georgia,serif}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.feature-card h3{margin:0 0 6px;color:#3e392f;font:16px "Playfair Display",Georgia,serif}.feature-card p{margin:0;color:#999184;font-size:10px;line-height:1.65}.feature-symbol{width:31px;height:31px;margin-bottom:14px}.feature-symbol svg{width:16px;height:16px}.notice-panel{margin-top:15px;padding:14px 15px;display:flex;align-items:flex-start;gap:12px;border:1px solid #eadfc9;border-radius:10px;color:#7e6949;background:#faf5eb}.notice-panel svg{width:17px;height:17px;flex:0 0 17px}.notice-panel strong{display:block;margin-bottom:4px;font-size:10px}.notice-panel p{margin:0;color:#9b8a6d;font-size:9px;line-height:1.55}
.modal{width:min(530px,calc(100vw - 28px));max-width:530px;padding:0;border:1px solid #e7dfd2;border-radius:15px;color:var(--ink);background:#fffdf9;box-shadow:0 25px 80px #19140c40}.modal::backdrop{background:#14120eb0;backdrop-filter:blur(3px)}.modal-card{padding:23px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start}.modal-heading h2{margin:7px 0 0;color:#2e2a23;font:500 25px "Playfair Display",Georgia,serif}.modal-close{width:29px;height:29px;border:1px solid #eee8de;color:#80786c;font-size:20px}.modal-note{margin:13px 0 18px;padding:10px 11px;border-left:2px solid #c3a16b;color:#988b75;background:#f8f3e9;font-size:9px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.form-field{display:grid;gap:6px;color:#81796c;font-size:9px;font-weight:600}.full-field{grid-column:1/-1}.form-field input,.form-field select{width:100%;height:38px;padding:0 10px;border:1px solid #e8e1d6;border-radius:7px;outline:0;color:#514b40;background:#fffefa;font-size:10px}.form-field input:focus,.form-field select:focus{border-color:#c7a773;box-shadow:0 0 0 3px #b9965a1a}.form-field input::placeholder{color:#b7afa2}.modal-actions{margin-top:22px;padding-top:16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eee8de}.toast-region{position:fixed;right:22px;bottom:22px;z-index:60;display:grid;gap:8px}.toast{max-width:min(360px,calc(100vw - 32px));padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid #e5dac6;border-radius:10px;color:#64563e;background:#fffaf1;box-shadow:0 14px 36px #2f25160e;font-size:10px;animation:toast-in .2s ease-out}.toast-mark{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;color:white;background:#8a9a73;font-size:12px}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.mobile-scrim{display:none}.noscript-message{position:fixed;inset:12px 12px auto;z-index:100;padding:12px;color:#5c341f;background:#fff0df;text-align:center}
@media(max-width:1180px){.sidebar{width:236px}.main-panel{width:calc(100% - 236px);margin-left:236px}.topbar,.content-wrap{padding-right:26px;padding-left:26px}.metric-grid{gap:10px}.metric-card{padding:14px}.metric-value{font-size:24px}}
@media(max-width:950px){.topbar{min-height:68px}.global-search{width:215px}.demo-pill{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.top-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sidebar{z-index:50;width:270px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:18px 0 35px #00000029}.sidebar.open{transform:translateX(0)}.mobile-scrim.visible{position:fixed;inset:0;z-index:40;display:block;background:#16130e75}.main-panel{width:100%;margin-left:0}.topbar{min-height:62px;padding:0 16px}.topbar-left{gap:9px}.mobile-menu{display:grid;width:31px;height:31px}.mobile-menu svg{width:19px;height:19px}.breadcrumb{gap:7px;font-size:8px}.breadcrumb strong{font-size:9px}.topbar-actions{gap:8px}.global-search{width:min(42vw,190px);height:34px}.global-search kbd,.topbar-divider,.top-avatar{display:none}.notification-button{width:31px;height:31px}.content-wrap{padding:21px 16px 18px}.page-context{margin-bottom:8px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.page-heading h1{font-size:29px}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-value{font-size:23px}.metric-foot{flex-wrap:wrap;line-height:1.4}.panel{padding:15px}.chart-wrap{height:155px}.top-products{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{width:100%}.toolbar-left>*,.toolbar-right>*{flex:1}.inline-search{min-width:0}.summary-strip{gap:8px}.summary-mini{padding:12px}.summary-mini strong{font-size:19px}.feature-grid{grid-template-columns:1fr}.app-footer{gap:10px;flex-wrap:wrap;font-size:7px}}
@media(max-width:420px){.breadcrumb>span,.breadcrumb>b{display:none}.global-search{width:min(47vw,170px)}.content-wrap{padding-right:12px;padding-left:12px}.metric-card{padding:11px}.metric-label{font-size:9px}.metric-value{font-size:21px}.metric-symbol{width:26px;height:26px}.page-heading h1{font-size:27px}.page-date{font-size:8px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.modal-card{padding:18px}.summary-strip{grid-template-columns:1fr}.summary-mini{display:flex;align-items:center;justify-content:space-between}.summary-mini strong{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* UI refinement: readable type scale and collapsible desktop navigation. */
.sidebar,.main-panel,.topbar{transition:width .22s ease,margin-left .22s ease,padding .22s ease}
.nav-caption{font-size:10px}
.nav-item{font-size:13px}
.workspace-switcher strong{font-size:12px}
.workspace-switcher small,.storage-card>small{font-size:10px}
.storage-card p{font-size:11px}
.profile-copy strong{font-size:11px}
.profile-copy small{font-size:10px}
.breadcrumb{font-size:11px}
.breadcrumb strong{font-size:12px}
.global-search input{font-size:12px}
.demo-pill{font-size:9px}
.page-context .eyebrow{font-size:10px}
.page-date{font-size:11px}
.page-heading p{font-size:12px}
.button{font-size:11px}
.period-select,.filter-select{font-size:11px}
.metric-label{font-size:12px}
.metric-value{font-size:30px}
.metric-foot{font-size:10px}
.panel-heading h2{font-size:19px}
.panel-heading p{font-size:11px}
.chart-summary strong{font-size:28px}
.chart-summary span,.chart-note{font-size:10px}
.top-product-info strong{font-size:12px}
.top-product-info small{font-size:10px}
.top-product-value{font-size:11px}
.data-table th{font-size:10px}
.data-table td{font-size:11px}
.table-primary{font-size:11px}
.table-secondary{font-size:9px}
.status-chip{font-size:9px}
.stock-row-head{font-size:11px}
.activity-copy strong{font-size:10px}
.activity-copy small{font-size:9px}
.panel-footer-note,.chart-note,.app-footer{font-size:9px}
.form-field{font-size:10px}
.modal-note{font-size:10px}
.feature-card p{font-size:11px}
.notice-panel strong{font-size:11px}
.notice-panel p{font-size:10px}
.storage-heading{font-size:9px}
.sidebar-collapse{display:grid;width:34px;height:34px;margin-right:12px;flex:0 0 34px;border-color:#e7dfd1;background:#fffdf9;color:#786f61}
.sidebar-collapse:hover{border-color:#cdbb9e;color:#795d33}
.sidebar-collapse svg{width:17px;height:17px}

@media(min-width:721px){
  body.sidebar-collapsed .sidebar{width:82px;padding-right:12px;padding-left:12px}
  body.sidebar-collapsed .brand{justify-content:center;padding-right:0;padding-left:0}
  body.sidebar-collapsed .brand-copy,
  body.sidebar-collapsed .workspace-switcher>span:not(.workspace-icon),
  body.sidebar-collapsed .nav-item>span:not(.nav-icon),
  body.sidebar-collapsed .storage-card,
  body.sidebar-collapsed .profile-copy,
  body.sidebar-collapsed .profile-more{display:none}
  body.sidebar-collapsed .workspace-switcher{width:50px;height:52px;justify-content:center;margin-right:auto;margin-left:auto;padding:10px}
  body.sidebar-collapsed .nav-caption{height:12px;padding:0;overflow:hidden;font-size:0}
  body.sidebar-collapsed .nav-caption-spaced{margin-top:25px}
  body.sidebar-collapsed .nav-item{width:50px;height:46px;min-height:46px;justify-content:center;margin:0 auto;padding:0}
  body.sidebar-collapsed .nav-item.active:before{left:-12px}
  body.sidebar-collapsed .profile-button{justify-content:center;padding-top:14px}
  body.sidebar-collapsed .main-panel{width:calc(100% - 82px);margin-left:82px}
}
@media(max-width:720px){
  .sidebar-collapse{display:none}
  .sidebar,.main-panel,.topbar{transition:none}
}
@media(max-width:420px){
  .metric-label{font-size:10px}
  .metric-value{font-size:23px}
  .metric-foot{font-size:9px}
  .data-table th{font-size:9px}
  .data-table td{font-size:10px}
}


/* Accessible font-size control: 100%, 110% and 120%. Layout geometry stays fixed. */
body { --ui-font-scale: 1.1; }
body[data-font-scale="normal"] { --ui-font-scale: 1; }
body[data-font-scale="large"] { --ui-font-scale: 1.1; }
body[data-font-scale="larger"] { --ui-font-scale: 1.2; }
.nav-caption { font-size: calc(10px * var(--ui-font-scale)); }
.nav-item { font-size: calc(13px * var(--ui-font-scale)); }
.workspace-switcher strong { font-size: calc(12px * var(--ui-font-scale)); }
.workspace-switcher small,.storage-card>small { font-size: calc(10px * var(--ui-font-scale)); }
.storage-card p { font-size: calc(11px * var(--ui-font-scale)); }
.profile-copy strong { font-size: calc(11px * var(--ui-font-scale)); }
.profile-copy small { font-size: calc(10px * var(--ui-font-scale)); }
.breadcrumb { font-size: calc(11px * var(--ui-font-scale)); }
.breadcrumb strong { font-size: calc(12px * var(--ui-font-scale)); }
.global-search input { font-size: calc(12px * var(--ui-font-scale)); }
.demo-pill { font-size: calc(9px * var(--ui-font-scale)); }
.page-context .eyebrow,.eyebrow { font-size: calc(10px * var(--ui-font-scale)); }
.page-date { font-size: calc(11px * var(--ui-font-scale)); }
.page-heading p { font-size: calc(12px * var(--ui-font-scale)); }
.button,.period-select,.filter-select { font-size: calc(11px * var(--ui-font-scale)); }
.metric-label { font-size: calc(12px * var(--ui-font-scale)); }
.metric-value { font-size: calc(30px * var(--ui-font-scale)); }
.metric-foot { font-size: calc(10px * var(--ui-font-scale)); }
.panel-heading h2 { font-size: calc(19px * var(--ui-font-scale)); }
.panel-heading p { font-size: calc(11px * var(--ui-font-scale)); }
.chart-summary strong { font-size: calc(28px * var(--ui-font-scale)); }
.chart-summary span,.chart-note { font-size: calc(10px * var(--ui-font-scale)); }
.top-product-info strong { font-size: calc(12px * var(--ui-font-scale)); }
.top-product-info small { font-size: calc(10px * var(--ui-font-scale)); }
.top-product-value { font-size: calc(11px * var(--ui-font-scale)); }
.data-table th { font-size: calc(10px * var(--ui-font-scale)); }
.data-table td,.table-primary { font-size: calc(11px * var(--ui-font-scale)); }
.table-secondary { font-size: calc(9px * var(--ui-font-scale)); }
.status-chip { font-size: calc(9px * var(--ui-font-scale)); }
.stock-row-head { font-size: calc(11px * var(--ui-font-scale)); }
.activity-copy strong { font-size: calc(10px * var(--ui-font-scale)); }
.activity-copy small,.panel-footer-note { font-size: calc(9px * var(--ui-font-scale)); }
.form-field { font-size: calc(10px * var(--ui-font-scale)); }
.modal-note,.notice-panel p,.feature-card p { font-size: calc(10px * var(--ui-font-scale)); }
.notice-panel strong { font-size: calc(11px * var(--ui-font-scale)); }
.font-controls { display:flex; align-items:center; gap:4px; padding:3px; border:1px solid #e8e1d5; border-radius:8px; background:#fffdf9; white-space:nowrap; }
.font-controls button { min-width:27px; height:27px; padding:0 5px; border:0; border-radius:5px; color:#746344; background:transparent; font-size:11px; font-weight:700; }
.font-controls button:hover:not(:disabled) { background:#f4eddf; }
.font-controls button:disabled { color:#c9c1b4; cursor:not-allowed; }
.font-controls span { min-width:34px; color:#8c8170; text-align:center; font-size:9px; font-variant-numeric:tabular-nums; }
@media(max-width:950px) {
  .font-controls { gap:2px; }
  .font-controls button { min-width:24px; }
}
@media(max-width:720px) {
  .topbar-actions { gap:6px; }
  .font-controls span { display:none; }
}
@media(max-width:420px) {
  .font-controls button { min-width:22px; padding:0 3px; font-size:10px; }
}


/* Product master form — structured ERP data entry. */
.product-modal { width:min(780px,calc(100vw - 28px)); max-width:780px; max-height:calc(100vh - 32px); overflow:auto; }
.product-modal-card { padding:24px 26px 20px; }
.product-form-section { padding:17px 0 18px; border-top:1px solid #eee8de; }
.form-section-heading { display:flex; align-items:center; gap:11px; margin:0 0 14px; }
.form-section-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border:1px solid #eee4d4; border-radius:9px; color:#957547; background:#f8f2e8; }
.form-section-icon svg { width:17px; height:17px; }
.form-section-heading div { display:flex; flex-direction:column; gap:4px; }
.form-section-heading strong { color:#423b30; font-size:12px; }
.form-section-heading small { color:#9d9486; font-size:10px; }
.product-modal .form-grid { gap:13px 14px; }

.product-modal .form-field input,.product-modal .form-field select,.product-modal .form-field textarea { width:100%; min-height:39px; padding:9px 10px; border:1px solid #e8e1d6; border-radius:7px; outline:0; color:#514b40; background:#fffefa; font:inherit; font-size:11px; resize:vertical; }
.product-modal .form-field textarea { min-height:66px; line-height:1.5; }
.product-modal .form-field input:focus,.product-modal .form-field select:focus,.product-modal .form-field textarea:focus { border-color:#c7a773; box-shadow:0 0 0 3px #b9965a1a; }
.cost-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:15px; }
.cost-preview-card { min-width:0; padding:11px 12px; border:1px solid #eee6d8; border-radius:9px; background:#faf7f0; }
.cost-preview-card span { display:block; color:#918776; font-size:9px; }
.cost-preview-card strong { display:block; margin-top:6px; color:#4f4535; font:500 20px "Playfair Display",Georgia,serif; overflow-wrap:anywhere; }
.cost-preview-card strong.negative-value { color:#a65b52; }
.form-helper { margin:9px 0 0; color:#9a9285; font-size:9px; line-height:1.5; }
.product-modal .modal-actions { position:sticky; bottom:-20px; margin:0 -26px; padding:14px 26px 4px; background:#fffdf9ed; backdrop-filter:blur(8px); }
@media(max-width:560px) {
  .product-modal-card { padding:18px 16px 15px; }
  .product-modal .form-grid { grid-template-columns:1fr; }
  .product-modal .full-field { grid-column:auto; }
  .cost-preview-grid { gap:7px; }
  .cost-preview-card { padding:9px; }
  .cost-preview-card strong { font-size:17px; }
  .product-modal .modal-actions { margin:0 -16px; padding-right:16px; padding-left:16px; }
}

/* Functional DEMO modules: products and inventory */
.table-actions{min-width:112px;flex-wrap:wrap}.table-action-danger{color:#a46d61;font-size:18px}
.table-action-danger:hover{border-color:#ead1cb;color:#9f4d3f;background:#fff4f1}.row-inactive{opacity:.68}
.button-small{padding:7px 10px;font-size:10px;white-space:nowrap}.heading-actions-inline{display:flex;align-items:center;gap:8px}
.ledger-panel{margin-top:16px;padding-top:12px}.ledger-panel .panel-heading{padding:3px 14px 12px}
.ledger-count{color:#998d7b;font-size:10px;white-space:nowrap}.stock-modal{width:min(480px,calc(100vw - 28px))}
.detail-modal{width:min(700px,calc(100vw - 28px))}.detail-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.detail-field{min-width:0;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fffaf3}
.detail-field span{display:block;margin-bottom:5px;color:#9a907f;font-size:9px}
.detail-field strong{display:block;overflow-wrap:anywhere;color:#4b4438;font-size:11px;font-weight:600}
.detail-notes{margin:14px 0 0;padding:12px;border-left:2px solid #c3a16b;color:#81745f;background:#faf5eb;font-size:10px;line-height:1.6}
.product-modal,.stock-modal,.detail-modal{max-height:calc(100dvh - 28px);overflow-y:auto}
@media(max-width:950px){.heading-actions-inline{width:100%;flex-wrap:wrap}.heading-actions-inline .button{flex:1}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.heading-actions-inline{align-items:stretch;flex-direction:column}.detail-grid{grid-template-columns:1fr 1fr}.stock-modal .modal-card,.detail-modal .modal-card{padding:18px}}

@media(max-width:720px){body.mobile-menu-open{overflow:hidden;overscroll-behavior:none;touch-action:none}.sidebar{height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable}.sidebar.open{overflow-y:auto}.mobile-scrim{touch-action:none}.main-panel{min-height:100dvh}}
/* Required fields are identified only by a red asterisk. */
.form-field .required-mark{color:#dc2626;font-size:1.15em;font-weight:800;line-height:1}

/* Order detail modal — DEMO order workflow */
.order-detail-modal{width:min(760px,calc(100vw - 28px));max-width:760px}
.order-detail-modal .modal-card{padding:24px}
.order-detail-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.order-items-section{margin-top:20px}
.order-items-heading{margin-bottom:9px;color:#514a3e;font-size:11px;font-weight:700}
.order-items-table{min-width:510px}
.order-totals{width:min(100%,310px);margin:14px 0 0 auto;display:grid;gap:8px}
.order-totals>div{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#8b8274;font-size:10px}
.order-totals strong{color:#51493d;font-size:10px;font-weight:600}
.order-totals .order-grand-total{margin-top:3px;padding-top:10px;border-top:1px solid var(--line);color:#443b2d;font-size:11px;font-weight:700}
.order-totals .order-grand-total strong{color:#8b693d;font-size:17px}
.order-status-editor{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.order-status-editor label{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#766e61;font-size:10px;font-weight:600}
.order-status-editor select{min-width:220px}
.order-demo-warning{margin:13px 0 0;color:#98886d;font-size:9px;line-height:1.5}
@media(max-width:950px){.order-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.order-detail-modal .modal-card{padding:18px 16px}.order-detail-grid{grid-template-columns:1fr 1fr}.order-status-editor label{align-items:stretch;flex-direction:column}.order-status-editor select{width:100%;min-width:0}.order-items-table{min-width:470px}}