@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#292824;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f7f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#f5f2eb;z-index:20;background:#252421;flex-direction:column;width:244px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 10px 26px;display:flex}.brand-mark{color:#c7ad77;border:1px solid #bba16c;border-radius:8px;place-items:center;width:34px;height:34px;font-family:Playfair Display;font-size:22px;display:grid}.brand-name{letter-spacing:2.2px;font-size:13px;font-weight:700}.brand-sub{letter-spacing:1.7px;color:#aaa69b;margin-top:3px;font-size:9px}.mobile-close{display:none}.workspace{color:#d7d3ca;border:1px solid #44423d;border-radius:8px;align-items:center;gap:8px;margin:0 4px 25px;padding:11px 10px;font-size:12px;display:flex}.workspace svg{margin-left:auto}.workspace-dot{background:#b6a06e;border-radius:50%;width:7px;height:7px}.nav-label{letter-spacing:1.6px;color:#858177;padding:0 12px 10px;font-size:9px}nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#aaa79f;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:11px 12px;font-size:12px;display:flex}.nav-item:hover{color:#fff;background:#33322e}.nav-item.active{color:#e2c98e;background:#3b3933}.nav-item span:nth-child(2){flex:1}.nav-count{color:#e5dfd0;background:#555148;border-radius:5px;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #44423d;border-radius:8px;align-items:center;gap:9px;margin-bottom:15px;padding:12px 10px;display:flex}.help-icon{color:#c6ad76}.help-card strong{font-size:11px}.help-card p{color:#9d998f;margin:3px 0 0;font-size:10px}.help-card>svg{color:#aaa;margin-left:auto}.profile{border-top:1px solid #44423d;align-items:center;gap:9px;padding:16px 4px 0;display:flex}.avatar,.top-avatar{color:#51442c;background:#d9c8a4;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{width:31px;height:31px;font-size:12px}.profile-info{flex-direction:column;flex:1;gap:3px;display:flex}.profile-info strong{font-size:11px}.profile-info span{color:#9d998f;font-size:10px}.profile button{color:#aaa;background:0 0;border:0}.main-area{min-height:100vh;margin-left:244px}.topbar{background:#fff;border-bottom:1px solid #ebe9e3;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex}.breadcrumb{color:#99958b;font-size:11px}.breadcrumb span{color:#c6c1b7;padding:0 9px}.breadcrumb strong{color:#444139;font-weight:600}.top-actions{align-items:center;gap:16px;display:flex}.searchbox{color:#99958b;border:1px solid #e9e6df;border-radius:7px;align-items:center;gap:8px;width:218px;height:34px;padding:0 10px;display:flex}.searchbox input{color:#444;background:0 0;border:0;outline:0;width:100%;font-size:11px}.searchbox kbd{white-space:nowrap;border:1px solid #e6e3dc;border-radius:4px;padding:2px 4px;font-size:9px}.icon-btn{color:#77746c;background:0 0;border:0;padding:5px;position:relative}.notification i{background:#b69a62;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.top-avatar{width:29px;height:29px;font-size:11px}.content{max-width:1500px;margin:auto;padding:31px 34px 20px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.5px;color:#a39b8b;font-size:9px;font-weight:600}h1{letter-spacing:-.5px;color:#2d2b26;margin:7px 0 4px;font-family:Playfair Display,serif;font-size:29px;font-weight:700}.heading-period{color:#a78c52}.page-heading p{color:#918d83;margin:0;font-size:11px}.primary-btn{color:#f8f5ed;background:#292824;border:0;border-radius:7px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:600;display:flex;box-shadow:0 2px 4px #2221}.primary-btn:hover{background:#464238}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #eeece6;border-radius:10px}.stat-card{padding:17px 18px}.stat-top{color:#8d897f;justify-content:space-between;align-items:center;font-size:10px;display:flex}.stat-icon{color:#9b824d;background:#f5f2eb;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.stat-value{letter-spacing:-.7px;color:#302e29;margin:13px 0 9px;font-size:24px;font-weight:700}.stat-bottom{color:#aaa59a;align-items:center;gap:7px;font-size:9px;display:flex}.change{align-items:center;gap:2px;font-weight:700;display:flex}.positive{color:#55866c}.negative{color:#bd8a4e}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:17px;margin-bottom:17px;display:grid}.panel{padding:19px}.panel-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-head h2{color:#39372f;margin:0;font-size:12px;font-weight:700}.panel-head p{color:#a09b91;margin:5px 0 0;font-size:10px}.panel-head select{color:#716d64;background:#fff;border:1px solid #e9e6df;border-radius:6px;padding:6px 8px;font-size:10px}.chart-summary{align-items:center;gap:9px;margin:17px 0 6px;display:flex}.chart-summary strong{font-size:19px}.trend{color:#55866c;align-items:center;font-size:10px;font-weight:700;display:flex}.muted{color:#a29d92}.chart{gap:10px;height:178px;margin-top:12px;display:flex}.y-labels{color:#aaa59b;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:9px;display:flex}.chart-area{flex:1;position:relative}.grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 20px}.grid-lines i{border-top:1px dashed #eeece6}.line-chart{width:100%;height:calc(100% - 20px);position:absolute;inset:0 0 20px;overflow:visible}.x-labels{color:#aaa59b;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.text-btn{color:#9b824d;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.inventory-total{align-items:baseline;gap:8px;margin:20px 0 12px;display:flex}.inventory-total strong{font-size:25px}.inventory-total span{color:#99958b;font-size:10px}.stock-bar{border-radius:5px;gap:3px;height:7px;display:flex;overflow:hidden}.stock-bar span:first-child{background:#789982;width:79%}.stock-bar span:nth-child(2){background:#d8b36b;width:15%}.stock-bar span:nth-child(3){background:#c98b80;flex:1}.stock-legend{flex-direction:column;gap:9px;margin:16px 0;display:flex}.stock-legend div{color:#8e897f;align-items:center;gap:7px;font-size:10px;display:flex}.stock-legend strong{color:#4b4942;margin-left:auto;font-size:10px}.stock-legend i{border-radius:50%;width:7px;height:7px}.green-dot{background:#789982}.yellow-dot{background:#d8b36b}.red-dot{background:#c98b80}.alert-box{color:#a1834a;background:#fbf7ed;border:1px solid #f1e7d2;border-radius:7px;align-items:flex-start;gap:9px;padding:10px;display:flex}.alert-box strong{color:#77623c;font-size:10px}.alert-box p{color:#a59a82;margin:4px 0 0;font-size:9px}.orders-panel{padding:0;overflow:hidden}.orders-panel .panel-head{padding:19px 20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#faf9f6}th{letter-spacing:.8px;color:#a09b91;border-top:1px solid #f0eee9;border-bottom:1px solid #f0eee9;padding:12px 16px;font-size:8px;font-weight:600}td{color:#69665e;border-bottom:1px solid #f3f1ec;padding:13px 16px;font-size:10px}tbody tr:last-child td{border-bottom:0}td strong{color:#49463f;font-weight:600}.product-name{text-overflow:ellipsis;max-width:180px;overflow:hidden}.status{border-radius:5px;padding:4px 7px;font-size:9px;font-weight:600;display:inline-flex}.status.processing{color:#9b7b36;background:#f7efd9}.status.shipped{color:#6682a9;background:#e9eff8}.status.delivered{color:#5b896b;background:#e8f2eb}.status.pending{color:#b17a6e;background:#f7e9e5}.status.low{color:#9b7b36;background:#f7efd9}.payment-tag{color:#8d887d;background:#f5f3ee;border-radius:4px;padding:4px 6px;font-size:9px}.product-cell{align-items:center;gap:9px;display:flex}.product-cell strong{font-size:10px}.product-thumb{color:#a18b5e;background:#f2eee5;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px;display:flex}.empty-icon{color:#9b824d;background:#f5f2eb;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid}.empty-panel h2{margin:0 0 7px;font-size:16px}.empty-panel p{color:#969187;max-width:380px;margin:0 0 18px;font-size:11px;line-height:1.7}.no-results{text-align:center;color:#999;padding:28px;font-size:12px}footer{color:#aaa59a;justify-content:space-between;padding:20px 2px 5px;font-size:9px;display:flex}.mobile-menu,.scrim{display:none}@media (width<=1150px){.content{padding:25px 22px}.topbar{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.inventory-panel{min-height:250px}}@media (width<=760px){.sidebar{width:255px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close{color:#aaa;background:0 0;border:0;margin-left:auto;display:block}.scrim{z-index:15;background:#0006;display:block;position:fixed;inset:0}.main-area{margin-left:0}.topbar{height:58px;padding:0 15px}.mobile-menu{color:#656158;background:0 0;border:0;margin-right:8px;padding:4px;display:block}.breadcrumb{flex:1}.top-actions{gap:9px}.searchbox{border:0;justify-content:center;width:34px;padding:0}.searchbox input,.searchbox kbd,.notification{display:none}.content{padding:23px 14px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:25px}.page-heading p{max-width:230px;font-size:10px;line-height:1.5}.primary-btn{white-space:nowrap;padding:9px 10px;font-size:10px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-value{font-size:21px}.stat-top{font-size:9px}.stat-icon{width:26px;height:26px}.dashboard-grid{gap:10px}.panel{padding:14px}.orders-panel{padding:0}.orders-panel .panel-head{padding:15px}.panel-head h2{font-size:11px}.panel-head p{font-size:9px}.chart{height:160px}.inventory-panel{min-height:0}footer{gap:10px;font-size:8px}footer span{text-align:right}}