:root{--accent:#9b2347;--bg:#090a0c;--surface:#121419;--surface2:#181b21;--line:#292d35;--text:#f7f7f2;--muted:#9298a3;--success:#4fd18b;--warning:#f0c46c;--danger:#f06b7b}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.customer-body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#20232b 0,#0b0c0f 40%,#050607 100%)}.mobile-stage{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px 12px 92px}.mobile-app{width:100%;max-width:455px;min-height:calc(100vh - 40px);background:#f4f0e8;color:#161719;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px #0009;position:relative}.customer-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fbf8f2;border-bottom:1px solid #e6e0d6}.brand-lockup{display:flex;align-items:center;gap:10px;color:#171719}.brand-lockup>span:last-child{display:flex;flex-direction:column;line-height:.9;font-size:14px;letter-spacing:.02em}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 40%,transparent)}.brand-logo-img{width:44px;height:44px;object-fit:contain;border-radius:12px}.avatar-btn,.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#171719;color:#fff;font-weight:800}.app-content{padding:22px 18px 28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.69rem;font-weight:800;color:#7d756b}.display-mobile{font-size:2.05rem;line-height:1.02;letter-spacing:-.045em;font-weight:800}.muted{color:#77736d}.hero-card{background:#17191d;color:#fff;border-radius:26px;padding:22px;overflow:hidden;position:relative;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end}.hero-card:before{content:"";position:absolute;inset:-40% -40% auto auto;width:260px;height:260px;border-radius:50%;background:var(--accent);filter:blur(1px);opacity:.8}.hero-card>*{position:relative;z-index:1}.badge-accent{background:var(--accent);color:#fff;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.metric-card,.soft-card,.store-card,.reward-card,.profile-card{background:#fff;border:1px solid #e1dcd4;border-radius:22px;padding:18px}.metric-number{font-size:1.8rem;font-weight:800;letter-spacing:-.04em}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:14px;font-weight:700}.btn-accent:hover{filter:brightness(.95);color:#fff}.btn-dark-round{background:#17191d;color:#fff;border:0;border-radius:15px;font-weight:700;padding:.85rem 1rem}.bottom-nav{position:fixed;z-index:20;bottom:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),455px);height:68px;border-radius:24px;background:#15171b;color:#838a95;display:flex;align-items:center;justify-content:space-around;box-shadow:0 20px 60px #0008;padding:5px 4px}.bottom-nav a{width:20%;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.64rem}.bottom-nav i{font-size:1.25rem}.bottom-nav a.active{color:#fff}.bottom-nav a.active i{color:color-mix(in srgb,var(--accent) 70%,white)}.points-pill{display:inline-flex;align-items:center;gap:8px;background:#eee6dc;border-radius:999px;padding:8px 12px;font-weight:800}.loyalty-card{border-radius:28px;padding:24px;background:linear-gradient(145deg,#17191d,#292d34);color:#fff;min-height:290px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0003}.loyalty-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--accent);right:-140px;top:-100px;opacity:.85}.loyalty-card>*{position:relative;z-index:1}.fake-code{height:76px;background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 6px,#fff 6px 8px,transparent 8px 12px);border-radius:8px;margin:18px 0;opacity:.95}.reward-card{margin-bottom:12px}.reward-card.locked{opacity:.72}.reward-cost{font-weight:900;font-size:1.1rem}.progress{height:8px;background:#e7e1d8}.progress-bar{background:var(--accent)}.store-card{margin-bottom:12px}.store-price{font-size:1.7rem;font-weight:900}.form-control,.form-select{border-radius:14px;border-color:#d6d0c7;padding:.75rem .9rem}.form-check-input:checked{background-color:var(--accent);border-color:var(--accent)}.timeline-item{display:grid;grid-template-columns:12px 1fr;gap:12px;padding:10px 0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:7px}.empty-state{border:1px dashed #cfc7bb;border-radius:20px;padding:24px;text-align:center;color:#6f6a63}
/* Panel */
.panel-body{background:#090a0c;color:#eef0f3;min-height:100vh}.panel-shell{display:flex;min-height:100vh}.panel-sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:#101216;border-right:1px solid #252932;padding:18px 14px;display:flex;flex-direction:column;z-index:50}.panel-brand{display:flex;gap:10px;align-items:center;padding:6px 8px 18px}.panel-brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;flex:0 0 46px}.panel-brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.panel-brand small{color:var(--muted);font-size:.72rem;margin-top:3px}.panel-nav{display:flex;flex-direction:column;gap:5px}.panel-nav a,.sidebar-bottom a{padding:11px 12px;border-radius:12px;color:#aeb3bc;display:flex;align-items:center;gap:10px}.panel-nav a:hover,.sidebar-bottom a:hover{background:#181b21;color:#fff}.panel-nav a.active{background:color-mix(in srgb,var(--accent) 25%,#17191d);color:#fff;border:1px solid color-mix(in srgb,var(--accent) 45%,#252932)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column}.panel-main{margin-left:252px;width:calc(100% - 252px)}.panel-topbar{height:74px;border-bottom:1px solid #252932;background:#0d0f12cc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 24px;gap:12px}.panel-topbar>div:nth-child(2){display:flex;flex-direction:column}.panel-topbar span{font-size:.75rem;color:var(--muted)}.sidebar-toggle{display:none;background:transparent;color:#fff;border:0;font-size:1.5rem}.staff-chip{color:#b8bdc6;display:flex;gap:8px;align-items:center}.panel-content{padding:26px;max-width:1500px;margin:0 auto}.panel-title{font-size:2rem;font-weight:800;letter-spacing:-.035em;margin:0}.panel-subtitle{color:var(--muted)}.kpi-card,.panel-card{background:#121419;border:1px solid #282c34;border-radius:18px;padding:18px}.kpi-label{color:#969ca6;font-size:.78rem}.kpi-value{font-size:1.8rem;font-weight:800;letter-spacing:-.035em}.kpi-delta{font-size:.75rem;color:var(--success)}.panel-card h2{font-size:1rem}.table-dark-custom{--bs-table-bg:transparent;--bs-table-color:#e9ebef;--bs-table-border-color:#2a2e36}.table-dark-custom thead th{color:#8f96a1;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:700;background:#252a32}.status-pill.success{background:#173a2a;color:#7fe1aa}.status-pill.warning{background:#43351b;color:#f7d480}.status-pill.danger{background:#452127;color:#ff9aa7}.panel-form .form-control,.panel-form .form-select{background:#0c0e11;border-color:#323741;color:#fff}.panel-form .form-control:focus,.panel-form .form-select:focus{background:#0c0e11;color:#fff;border-color:var(--accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--accent) 20%,transparent)}.tabs-dark .nav-link{color:#9aa0aa;border-radius:10px}.tabs-dark .nav-link.active{background:var(--accent);color:#fff}.storage-bar{height:12px;background:#252932;border-radius:999px;overflow:hidden}.storage-bar>span{display:block;height:100%;background:var(--accent)}
/* POS/login */
.pos-shell{max-width:820px;margin:24px auto;padding:0 14px}.pos-step{background:#13161a;border:1px solid #292e36;border-radius:22px;padding:20px}.pos-option{background:#0d0f12;border:1px solid #30353e;color:#eef0f3;border-radius:15px;padding:14px;text-align:left}.pos-option.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#0d0f12)}.dark-form .form-control,.dark-form .form-select{background:#0b0d10;border-color:#323741;color:#fff}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(100%,440px);background:#131519;border:1px solid #292d35;border-radius:28px;padding:28px;box-shadow:0 30px 90px #0008}.login-brand-logo{width:104px;height:104px;object-fit:contain;border-radius:22px;display:block}.login-card .form-control{background:#0c0e11;border-color:#343944;color:#fff}
@media(max-width:900px){.panel-sidebar{transform:translateX(-100%);transition:.2s}.panel-sidebar.open{transform:none}.panel-main{margin-left:0;width:100%}.sidebar-toggle{display:block}.panel-content{padding:18px}.staff-chip{display:none}.panel-title{font-size:1.6rem}}
@media(max-width:520px){.mobile-stage{padding:0 0 84px}.mobile-app{min-height:100vh;border-radius:0;box-shadow:none}.bottom-nav{bottom:8px;width:calc(100% - 16px)}.panel-content{padding:14px}.kpi-value{font-size:1.5rem}}