:root{--brand:var(--color-primary,#00d4ff);--brand-hover:var(--color-primary-hover,#00b8d4);--sidebar-bg:#0a0e17;--sidebar-fg:#aeb6c4;--sidebar-fg-active:#fff;--sidebar-active:rgba(0,212,255,.14)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--pos-bg,#f5f5f8);color:var(--pos-text,#1a1a2e);font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--pos-color-info,#06c);text-decoration:none}.shell{min-height:100vh}.shell__main{padding:var(--pos-space-lg,16px)}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.sidebar__brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:16px;padding:8px 10px 16px}.sidebar__brand-dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand),#f0f)}.sidebar__store{font-size:12px;color:var(--sidebar-fg);padding:0 10px 12px;opacity:.8}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--sidebar-fg);cursor:pointer;font-weight:500;transition:background .15s ease,color .15s ease}.nav-item:hover{background:hsla(0,0%,100%,.05);color:#fff}.nav-item--active{background:var(--sidebar-active);color:var(--sidebar-fg-active)}.nav-item--active .nav-item__icon{color:var(--brand)}.nav-item__icon{width:20px;height:20px;display:inline-flex}.nav-item--sale{background:var(--brand);color:#07212b;font-weight:700;margin-top:4px}.nav-item--sale:hover{background:var(--brand-hover);color:#07212b}.sidebar__spacer{flex:1 1}.sidebar__logout{background:transparent;border:0;color:#ff8a80;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;font:inherit}.sidebar__logout:hover{background:hsla(5,100%,75%,.1)}.shell__content{margin-left:232px}.bottom-nav,.topbar{display:none}@media (max-width:860px){.sidebar{display:none}.shell__content{margin-left:0;padding-bottom:64px}.topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:#fff;border-bottom:1px solid var(--pos-border,rgba(0,0,0,.1));position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar__brand{font-weight:700}.bottom-nav{display:flex;position:fixed;inset:auto 0 0 0;height:60px;background:#fff;border-top:1px solid var(--pos-border,rgba(0,0,0,.1));z-index:100}.bottom-nav .nav-item{flex:1 1;flex-direction:column;gap:3px;justify-content:center;padding:6px 0;border-radius:0;color:#777;font-size:11px;font-weight:500}.bottom-nav .nav-item--active{background:transparent;color:var(--brand)}.bottom-nav .nav-item--active .nav-item__icon{color:var(--brand)}.bottom-nav .nav-item--sale{background:transparent;color:var(--brand);margin:0}}.page-title{font-size:20px;font-weight:700;margin:0 0 16px}.card{background:var(--pos-bg-card,#fff);border:1px solid var(--pos-border,rgba(0,0,0,.1));border-radius:var(--pos-radius,8px);padding:12px}.card--row{display:flex;align-items:center;justify-content:space-between}.card--link{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.card--link:hover{border-color:var(--brand)}.stack{display:grid;grid-gap:8px;gap:8px}.muted{color:var(--pos-text-muted,rgba(0,0,0,.45));font-size:12px}.input{width:100%;padding:10px 12px;border:1px solid var(--pos-border,rgba(0,0,0,.1));border-radius:var(--pos-radius,8px);background:var(--pos-bg-input,#f0f0f4);font:inherit;color:inherit}.input:focus{outline:2px solid var(--brand);outline-offset:-1px;background:#fff}.btn{padding:11px 16px;border:0;border-radius:var(--pos-radius,8px);font:inherit;font-weight:600;cursor:pointer}.btn--primary{background:var(--brand);color:#07212b}.btn--primary:hover{background:var(--brand-hover)}.btn--success{background:var(--pos-status-delivered,#43a047);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{font-size:12px;color:#fff;padding:2px 9px;border-radius:999px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.stat-card{background:var(--pos-bg-card,#fff);border:1px solid var(--pos-border,rgba(0,0,0,.1));border-radius:var(--pos-radius-lg,12px);padding:16px}.stat-card__value{font-size:26px;font-weight:800}.sales-grid{display:grid;grid-template-columns:1fr 380px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:860px){.sales-grid{grid-template-columns:1fr}}