@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#090d16;--bg-card:#131b2e;--bg-card-hover:#1c2742;--border-color:#1e293b;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed66;--text-main:#f8fafc;--text-muted:#94a3b8;--sidebar-width:270px}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:100;background-color:#0b0f19;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:14px;padding:24px 20px;display:flex}.brand-icon{width:42px;height:42px;box-shadow:0 4px 14px var(--accent-purple-glow);background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-title{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:800}.brand-subtitle{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-section-title{color:#64748b;text-transform:uppercase;letter-spacing:1px;padding:16px 12px 8px;font-size:10px;font-weight:800}.nav-item{color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-card);color:#fff;transform:translate(3px)}.nav-item.active{color:#fff;box-shadow:0 4px 14px var(--accent-purple-glow);background:linear-gradient(135deg,#7c3aed,#9333ea)}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px 20px}.logout-btn{color:#ef4444;cursor:pointer;background-color:#ef44441a;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.logout-btn:hover{color:#fff;background-color:#ef4444}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.top-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:90;background-color:#0b0f19cc;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.header-right{align-items:center;gap:20px;display:flex}.persona-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:800}.persona-badge.super-admin{color:#c084fc;background-color:#a855f726;border:1px solid #a855f74d}.persona-badge.outlet-manager{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}.persona-badge.single-partner{color:#34d399;background-color:#10b98126;border:1px solid #10b9814d}.persona-badge.staff{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b4d}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;border:2px solid var(--accent-purple);background:#334155;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.content-body{flex:1;padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{color:#fff;font-size:24px;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:18px;padding:22px;transition:transform .2s,border-color .2s;display:flex}.stat-card:hover{border-color:#334155;transform:translateY(-3px)}.stat-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-value{color:#fff;font-size:26px;font-weight:800}.stat-label{color:var(--text-muted);margin-top:2px;font-size:13px;font-weight:600}.table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:30px;overflow:hidden}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background-color:#0b0f19;padding:16px 20px;font-size:12px;font-weight:700}.data-table td{color:#e2e8f0;border-bottom:1px solid #1e293b;padding:16px 20px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--bg-card-hover)}.badge{text-transform:capitalize;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-green{color:#34d399;background-color:#10b98126}.badge-yellow{color:#fbbf24;background-color:#f59e0b26}.badge-red{color:#f87171;background-color:#ef444426}.badge-purple{color:#c084fc;background-color:#a855f726}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--accent-purple-glow);background:linear-gradient(135deg,#7c3aed,#9333ea)}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover{background-color:var(--bg-card-hover)}.outlet-select-dropdown{color:#fff;cursor:pointer;background-color:#1e293b;border:1px solid #334155;border-radius:10px;outline:none;padding:8px 14px;font-size:14px;font-weight:600}@media (width<=900px){.sidebar{transform:translate(-100%)}.main-wrapper{margin-left:0}}