:root{--bg:#f4f3ef;--panel:#fff;--ink:#19241f;--muted:#7a837e;--gold:#b88932;--gold2:#e8d4a5;--green:#167553;--line:#e8e8e2;--sidebar:#13231e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--sidebar);color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 34px}.brand-mark{width:40px;height:40px;border:1px solid #d6b567;border-radius:12px;display:grid;place-items:center;color:#e9cb7c;font:700 24px 'Playfair Display'}.brand b{display:block;font:700 20px 'Playfair Display';letter-spacing:.4px}.brand small,.sidebar-foot small{display:block;color:#82958e;font-size:10px;margin-top:3px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#8fa29b;padding:13px 14px;border-radius:10px;text-align:left;font:500 13px 'DM Sans';cursor:pointer;display:flex;gap:13px;align-items:center}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#20382f;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #d6ae55}.sidebar-foot{margin-top:auto;border-top:1px solid #294138;padding:20px 6px 0;display:flex;align-items:center;gap:10px}.sidebar-foot .avatar{width:34px;height:34px;border-radius:50%;background:#d8b45e;color:#23352e;display:grid;place-items:center;font-weight:700}.sidebar-foot b{font-size:11px}.sidebar-foot button{margin-left:auto;background:none;border:0;color:#899b95}main{margin-left:245px;min-height:100vh;padding:28px 34px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{margin:0 0 7px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:2px}h1{font:700 27px 'Playfair Display';margin:0}.subtitle{color:var(--muted);font-size:12px;margin:6px 0 0}.header-actions{display:flex;align-items:center;gap:9px}.branch-select,.icon-btn,.primary,.secondary{height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 13px}.branch-select select{border:0;background:transparent;color:var(--ink);font:600 11px 'DM Sans';outline:0}.icon-btn{width:40px;padding:0;position:relative}.icon-btn i{position:absolute;right:-3px;top:-5px;background:#bf4b45;color:white;font:700 8px sans-serif;width:15px;height:15px;border-radius:50%;display:grid;place-items:center}.primary{background:var(--green);color:#fff;border:0;font-weight:600;cursor:pointer}.secondary{font-weight:600}.page{display:none}.page.active{display:block}.gold-ticker{height:72px;background:linear-gradient(110deg,#172b24,#254638);color:#fff;border-radius:14px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px 20px #1b332619}.gold-ticker>div:first-child{display:grid;grid-template-columns:12px auto;gap:1px 8px}.gold-ticker small{color:#91a59d;font-size:9px;grid-column:2}.live-dot{width:7px;height:7px;border-radius:50%;background:#d9b756;box-shadow:0 0 0 5px #d9b7561f;margin-top:7px}.prices{display:flex;align-items:center;gap:25px}.prices span{font-size:9px;color:#9cafaa}.prices b{display:block;font-size:12px;color:#fff;margin-top:3px}.prices em{font-style:normal;color:#6ed1a7;font-size:8px}.prices button{color:#e1c372;border:1px solid #567064;background:#ffffff08;border-radius:7px;padding:8px 11px;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.metrics article,.panel{background:var(--panel);border:1px solid #ecece7;border-radius:13px;box-shadow:0 2px 10px #34453a08}.metrics article{padding:17px;position:relative}.metrics small{color:var(--muted);font-size:10px}.metrics h2{font:700 20px 'Playfair Display';margin:8px 0}.metrics p{font-size:9px;color:var(--muted);margin:0}.metrics p i{font-style:normal;color:var(--muted)}.up{color:#1d8c65!important}.metric-icon{position:absolute;right:15px;top:15px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.metric-icon.green{background:#e8f5f0;color:#208261}.metric-icon.gold{background:#faf2df;color:#b18433}.metric-icon.blue{background:#eaf2fa;color:#4179a3}.metric-icon.purple{background:#f1eafa;color:#76509a}.grid-main{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}.panel{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel-title h3{font:700 15px 'Playfair Display';margin:0}.panel-title p{color:var(--muted);font-size:9px;margin:4px 0 0}.panel-title select{font-size:9px;border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff}.chart{height:230px;position:relative;margin-top:8px;padding:15px 5px 22px 40px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#eee 48px)}.chart svg{width:100%;height:100%;overflow:visible}.chart .line{fill:none;stroke:#b78a35;stroke-width:3}.chart .area{fill:url(#area)}.points circle{fill:#fff;stroke:#b78a35;stroke-width:3}.y-labels{position:absolute;left:0;top:10px;bottom:23px;display:flex;flex-direction:column;justify-content:space-between;color:#9aa09d;font-size:8px}.x-labels{display:flex;justify-content:space-between;color:#9aa09d;font-size:8px}.ai-label{font-size:7px;background:#e6f4ee;color:#21815f;border-radius:20px;padding:5px 7px}.insight-item{padding:12px 12px 11px 14px;border-radius:8px;margin-top:9px;position:relative;overflow:hidden}.insight-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.insight-item b{font-size:10px}.insight-item p{font-size:8px;line-height:1.5;color:#65706a;margin:4px 0}.insight-item button{border:0;background:transparent;padding:0;font-size:8px;font-weight:700}.warning{background:#fff8e9}.warning:before{background:#dbaf4e}.warning button{color:#9a711d}.success{background:#edf8f3}.success:before{background:#4fa27e}.success button{color:#247655}.info{background:#f0f3f8}.info:before{background:#7286aa}.info button{color:#51688d}.grid-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.link{border:0;background:transparent;color:var(--gold);font-size:8px}.branch-row,.activity{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f0ec;padding:11px 0}.branch-row:last-child,.activity:last-child{border:0}.rank{width:22px;height:22px;background:#f4f0e7;border-radius:7px;display:grid;place-items:center;color:#a07b31;font-size:9px;font-weight:700}.branch-row div,.activity div{flex:1}.branch-row b,.activity b{display:block;font-size:9px}.branch-row small,.activity p{font-size:8px;color:var(--muted);margin:3px 0 0}.branch-row strong{font-size:9px}.branch-row em{font-size:8px;color:#23805f;font-style:normal;width:42px}.activity>span{width:27px;height:27px;border-radius:50%;background:#eaf6f1;color:#21805e;display:grid;place-items:center;font-size:9px}.activity strong{font-size:9px;text-align:right}.activity strong small{display:block;font-weight:400}.pos-layout{display:grid;grid-template-columns:1.7fr .8fr;gap:16px}.search{border:1px solid var(--line);padding:12px;border-radius:10px;display:flex;gap:10px}.search input{border:0;outline:0;width:100%;font-family:inherit}.category{display:flex;gap:7px;margin:13px 0}.category button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 12px;font-size:10px}.category .active{background:var(--sidebar);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-card{border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;transition:.2s}.product-card:hover{border-color:#c49a48;transform:translateY(-2px)}.product-card .pic{height:80px;border-radius:8px;background:linear-gradient(135deg,#f5ead0,#fbf8f0);display:grid;place-items:center;font-size:34px;color:#b78d38}.product-card b{font-size:11px;display:block;margin-top:8px}.product-card small{color:var(--muted);font-size:8px}.product-card strong{display:block;margin-top:6px;font-size:11px}.cart-items{min-height:220px}.empty{text-align:center;color:var(--muted);padding:50px 0}.empty span{display:block;font-size:35px;color:#d3c5a6}.empty b{font-size:11px}.empty p{font-size:9px}.cart-line{display:flex;gap:9px;border-bottom:1px solid var(--line);padding:12px 0}.cart-line div{flex:1}.cart-line b,.cart-line strong{font-size:10px}.cart-line small{display:block;color:var(--muted);font-size:8px}.cart-line button{border:0;background:none;color:#a94e45}.customer{display:flex;align-items:center;gap:10px;background:#f6f5f1;border-radius:9px;padding:12px;margin:10px 0}.customer div{flex:1}.customer small,.customer b{display:block;font-size:8px}.customer b{font-size:10px}.customer button{border:0;background:none}.totals p{display:flex;justify-content:space-between;font-size:10px}.totals .grand{border-top:1px solid var(--line);padding-top:12px;font-size:15px}.pay{width:100%;padding:13px;border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700}.coming{text-align:center;padding:100px 20px}.coming>span{font-size:54px;color:var(--gold)}.coming h2{font:700 27px 'Playfair Display';margin:12px}.coming p{color:var(--muted);font-size:12px}.coming div{display:flex;justify-content:center;gap:8px;margin-top:20px}.toast{position:fixed;right:25px;bottom:25px;background:#183329;color:#fff;padding:13px 17px;border-radius:10px;font-size:11px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:1000px){.sidebar{width:74px;padding:25px 10px}.brand div,.nav-item:not(.active){font-size:0}.brand{padding-left:7px}.brand-mark{min-width:40px}.nav-item{justify-content:center}.nav-item span{font-size:18px}.sidebar-foot{display:none}main{margin-left:74px;padding:22px}.grid-main,.grid-bottom,.pos-layout{grid-template-columns:1fr}.header-actions .icon-btn{display:none}.metrics{grid-template-columns:1fr 1fr}.prices span:nth-child(n+2){display:none}}@media(max-width:650px){main{padding:15px}.sidebar{display:none}main{margin:0}header{align-items:flex-start}.header-actions .branch-select{display:none}.primary{font-size:0}.primary:first-letter{font-size:18px}.gold-ticker{height:auto;padding:15px;align-items:flex-start}.prices{gap:8px}.metrics{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}}