:root{--text-primary: #e2e8f0;--text-secondary: #94a3b8;--error: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text-primary);background:#020617}.app{min-height:100%}.header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(148,163,184,.2);background:#020617b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:700}.nav{display:flex;gap:12px;align-items:center}.nav a,.nav button{color:#67e8f9;font-size:14px}.footer{text-align:center;padding:14px;color:#94a3b8;font-size:12px}.neo-auth-screen{min-height:calc(100vh - 112px);display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.22),transparent 35%),radial-gradient(circle at 80% 100%,rgba(99,102,241,.22),transparent 35%),#020617}.neo-auth-card{width:100%;max-width:430px;background:linear-gradient(135deg,#0f172ae6,#0f172ab8);border:1px solid rgba(148,163,184,.24);border-radius:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 70px #0f172a8c;padding:30px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#e2e8f0}.neo-auth-card h2{margin:0;color:#f8fafc}.neo-auth-sub{margin:0;text-align:center;line-height:1.5;color:#94a3b8;font-size:13px}.neo-btn{width:100%;border-radius:14px;border:1px solid transparent;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:.22s ease}.neo-btn-primary{color:#031525;background:linear-gradient(110deg,#67e8f9,#818cf8)}.neo-btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 25px #67e8f93d}.neo-btn-ghost{border-color:#94a3b847;color:#e2e8f0;background:#0f172acc}.neo-btn-link{background:transparent;border:0;color:#67e8f9;width:auto}.neo-control,.neo-phone-wrap input,.neo-phone-wrap select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.26);background:#0f172ab8;color:#e2e8f0}.neo-phone-wrap{width:100%;display:grid;grid-template-columns:120px 1fr;gap:10px}.neo-control:focus,.neo-phone-wrap input:focus,.neo-phone-wrap select:focus,.neo-pin-input:focus{outline:none;border-color:#67e8f9}.neo-chip-row{width:100%;display:flex;gap:10px}.neo-chip{flex:1;border-radius:12px;border:1px solid rgba(148,163,184,.26);color:#e2e8f0;background:#0f172ab8;padding:10px 12px;cursor:pointer}.neo-chip.active{border-color:#67e8f9;color:#67e8f9}.neo-pin-setup{width:100%;display:grid;gap:8px}.neo-pin-helper{text-align:left;font-size:12px;margin:0;color:#e2e8f0d1}.neo-inline-error{margin:0;text-align:left;color:#fca5a5;font-size:12px}.neo-pin-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.neo-pin-inputs{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.neo-pin-input{width:56px;height:56px;border-radius:18px;border:1px solid rgba(148,163,184,.35);background:linear-gradient(160deg,#0f172aeb,#1e293b99);text-align:center;font-size:20px;font-weight:600;color:#f8fafc}.neo-pin-back{width:48px;height:48px;border-radius:16px;border:1px solid rgba(148,163,184,.3);background:#0f172ae6;color:#e2e8f0;font-size:20px}.neo-pin-actions{width:100%;display:grid;gap:10px}.error{color:var(--error);font-size:13px;text-align:center;margin:0}.vi-logo-float{transform-origin:center;animation:vi-float 2.8s ease-in-out infinite}.vi-logo-pulse{animation:vi-pulse 2.2s ease-in-out infinite}@keyframes vi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes vi-pulse{0%,to{opacity:.92}50%{opacity:1}}.neo-auth-card-wide{max-width:480px}.neo-form-stack{width:100%;display:grid;gap:10px}.neo-note-chip{border:1px solid rgba(103,232,249,.35);background:#0f172ad9;color:#bae6fd;border-radius:12px;padding:10px 12px;font-size:13px}.neo-success{color:#86efac;margin:0;text-align:center;font-size:13px}.neo-dashboard-screen{min-height:calc(100vh - 112px);padding:28px;background:radial-gradient(circle at 8% 10%,rgba(14,165,233,.24),transparent 32%),radial-gradient(circle at 86% 90%,rgba(129,140,248,.2),transparent 28%),#020617}.neo-dashboard-grid{max-width:1080px;margin:0 auto;display:grid;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr))}.neo-panel{grid-column:span 12;border:1px solid rgba(148,163,184,.24);background:linear-gradient(145deg,#0f172adb,#0f172a9e);border-radius:24px;padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #94a3b829,0 20px 48px #0f172a66}.neo-panel h3{margin:0 0 14px;font-size:16px}.neo-panel-hero{grid-column:span 12}.neo-kicker{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#67e8f9}.neo-panel-hero h2{margin:8px 0 10px;font-size:clamp(24px,4vw,34px)}.neo-hero-metrics{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.neo-hero-metrics div{border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:10px 12px;background:#02061773}.neo-hero-metrics span{display:block;font-size:12px;color:#94a3b8}.neo-hero-metrics strong{font-size:20px}.neo-metric-up{color:#34d399}.neo-info-list,.neo-stat-bars,.neo-activity-list{display:grid;gap:10px}.neo-info-list div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.neo-info-list span{color:#94a3b8}.neo-inline-btn{width:auto;margin-top:12px;display:inline-flex;text-decoration:none}.neo-stat-bars div{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px}.neo-stat-bars label{font-size:13px;color:#cbd5e1}.neo-stat-bars b{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#818cf8)}.neo-activity-list{list-style:none;margin:0;padding:0}.neo-activity-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0206176b;font-size:14px}@media (min-width: 900px){.neo-panel-hero{grid-column:span 8}.neo-dashboard-grid>.neo-panel:nth-child(2){grid-column:span 4}.neo-dashboard-grid>.neo-panel:nth-child(3),.neo-dashboard-grid>.neo-panel:nth-child(4){grid-column:span 6}}body[data-theme=light]{--text-primary: #111827;--text-secondary: #4b5563;background:#f7f8fc;color:var(--text-primary)}body[data-theme=light]{--text-primary: #0f172a;--text-secondary: #334155}body[data-theme=light] .dashboard-subtitle,body[data-theme=light] .balance-label,body[data-theme=light] .transaction-date,body[data-theme=light] .today-item span,body[data-theme=light] .entry-type-card span,body[data-theme=light] .mobile-nav-link,body[data-theme=light] .dashboard-tab{color:#334155}body[data-theme=light] .card-heading,body[data-theme=light] .screen-title,body[data-theme=light] .dashboard-title,body[data-theme=light] .job-card,body[data-theme=light] .shortcut-link,body[data-theme=light] .activity-link,body[data-theme=light] .bill-row,body[data-theme=light] .quick-action-btn,body[data-theme=light] .entry-type-card{color:#0f172a}body[data-theme=light] .mobile-nav-link.active,body[data-theme=light] .dashboard-tab.active{color:#0b1120}body[data-theme=dark] .mobile-nav-link,body[data-theme=dark] .dashboard-tab,body[data-theme=dark] .quick-action-btn,body[data-theme=dark] .entry-type-card,body[data-theme=dark] .job-card{color:#e2e8f0}.dashboard-page{min-height:calc(100vh - 112px);padding:16px 16px 84px;background:var(--dashboard-bg, #020617);display:grid;gap:16px}body[data-theme=light] .dashboard-page{--dashboard-bg: #f7f8fc}body[data-theme=dark] .dashboard-page{--dashboard-bg: #020617}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-header-actions{display:flex;gap:10px;align-items:center}.dashboard-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.dashboard-title,.screen-title{margin:2px 0 0;font-size:clamp(20px,5vw,28px)}.theme-toggle-btn,.dashboard-avatar{width:40px;height:40px;border-radius:999px;border:1px solid rgba(148,163,184,.3);display:grid;place-items:center;background:#0f172acc}.theme-toggle-btn{cursor:pointer}body[data-theme=light] .theme-toggle-btn,body[data-theme=light] .dashboard-avatar,body[data-theme=light] .dashboard-card,body[data-theme=light] .quick-action-btn{background:#fff}.dashboard-card{border:1px solid rgba(148,163,184,.24);background:#0f172ab3;border-radius:16px;padding:16px}.balance-label{margin:0;color:var(--text-secondary)}.balance-value{margin:8px 0 0;font-size:32px}.balance-metrics{display:grid;gap:10px;margin-top:14px}.balance-metrics-extended{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-metric{border-radius:12px;padding:10px}.balance-metric p{margin:0 0 4px;font-size:12px}.balance-metric.income{background:#10b98126;color:#22c55e}.balance-metric.expense{background:#f8717126;color:#ef4444}.balance-metric.lent{background:#0ea5e929;color:#38bdf8}.balance-metric.loan{background:#eab30826;color:#eab308}.balance-metric.charity{background:#a855f72e;color:#c084fc}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-action-btn{border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#0f172ab8;color:var(--text-primary);padding:12px 8px;display:grid;place-items:center;gap:4px;font-size:12px}.quick-action-icon{font-size:20px}.card-heading{margin:0 0 10px}.transaction-list{display:grid;gap:10px}.transaction-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(148,163,184,.18);padding-bottom:8px}.transaction-title{font-size:14px}.transaction-date{font-size:12px;color:var(--text-secondary)}.amount-income{color:#22c55e;font-weight:600}.amount-expense{color:#ef4444;font-weight:600}.budgets-grid{display:grid;gap:12px}.budget-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.budget-track{height:8px;border-radius:999px;background:#94a3b840;overflow:hidden}.budget-fill{height:100%;background:linear-gradient(90deg,#6366f1,#22d3ee)}.analytics-list{display:grid;gap:12px;margin-top:10px}.analytics-row{display:grid;gap:6px}.analytics-bars{display:grid;gap:5px}.analytics-bar{height:8px;border-radius:999px}.analytics-bar.income{background:#22c55e}.analytics-bar.expense{background:#ef4444}.profile-value{margin:6px 0 0}.loading-text{text-align:center;color:var(--text-secondary);margin-top:100px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px;background:#020617f2;border-top:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-nav-link{text-align:center;font-size:11px;color:var(--text-secondary);text-decoration:none;padding:6px 4px;border-radius:10px;font-weight:600}.mobile-nav-link.active{color:#67e8f9;background:#06b6d41f}body[data-theme=light] .mobile-nav{background:#fffffff2}.fade-in-up{animation:fade-in-up .35s ease}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.dashboard-page{max-width:960px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page>:first-child,.dashboard-page>:nth-child(2),.dashboard-page>:last-child,.screen-title,.dashboard-page>section{grid-column:span 2}.mobile-nav{display:none}}html,body,#root,.app{max-width:100%;overflow-x:hidden}.header{gap:12px}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-page{width:100%;max-width:100%;overflow-x:hidden}.dashboard-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.dashboard-tab{text-decoration:none;color:var(--text-secondary);white-space:nowrap;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;background:#0f172aa6;transition:.2s ease}.dashboard-tab.active{color:#fff;background:linear-gradient(90deg,#6366f1,#06b6d4);border-color:#67e8f973;box-shadow:0 8px 20px #06b6d43d}body[data-theme=light] .dashboard-tab{background:#fff}.dashboard-avatar-image{width:40px;height:40px;border-radius:999px;object-fit:cover;border:1px solid rgba(148,163,184,.3)}.balance-month{margin:0;font-size:12px;color:var(--text-secondary)}.metric-link,.action-link,.transaction-link,.mobile-nav-link{text-decoration:none}.metric-link:hover,.action-link:hover,.transaction-link:hover{transform:translateY(-1px)}.mobile-nav{width:100%;max-width:960px;left:50%;transform:translate(-50%);border:1px solid rgba(148,163,184,.25);border-bottom:0;border-top-left-radius:16px;border-top-right-radius:16px}@media (min-width: 768px){.nav a,.nav button{font-size:13px}.dashboard-tabs{justify-content:center}}@media (min-width: 768px){.mobile-nav{display:grid}}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-card{text-decoration:none;color:var(--text-primary);border:1px solid rgba(148,163,184,.24);background:#0f172a8c;border-radius:14px;padding:14px 10px;display:grid;gap:6px;text-align:center;font-size:13px;font-weight:600}body[data-theme=light] .job-card{background:#fff}.job-icon{font-size:20px}.shortcut-list,.activity-list,.bill-list{display:grid;gap:8px}.shortcut-link,.activity-link,.bill-row,.bills-all-link{text-decoration:none;color:var(--text-primary)}.shortcut-link,.activity-link,.bill-row{border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:10px;background:#0f172a73}body[data-theme=light] .shortcut-link,body[data-theme=light] .activity-link,body[data-theme=light] .bill-row{background:#fff}.bills-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.bills-head .card-heading{margin:0}.bill-row{display:flex;justify-content:space-between}.today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.today-item{border:1px solid rgba(148,163,184,.25);background:#0f172a8c;border-radius:12px;padding:10px;display:grid;gap:6px}.today-item span{font-size:12px;color:var(--text-secondary)}.today-item strong{font-size:18px}.today-item.income{color:#22c55e}.today-item.expense{color:#ef4444}.today-item.lent{color:#38bdf8}.today-item.loan{color:#eab308}.today-item.charity{color:#c084fc}.today-item.budget{color:#67e8f9}.date-switcher{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.date-arrow{width:28px;height:28px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text-primary);cursor:pointer}.entry-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-type-card{border:1px solid rgba(148,163,184,.26);background:linear-gradient(140deg,#0f172ae6,#1e293b99);color:var(--text-primary);border-radius:14px;padding:12px;text-align:left;display:grid;gap:6px;cursor:pointer}.entry-type-card span{font-size:12px;color:var(--text-secondary)}.entry-type-icon{font-size:20px;color:#67e8f9!important}body[data-theme=light] .today-item,body[data-theme=light] .entry-type-card{background:#fff}.budget-card{border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:12px;background:#0f172a73}body[data-theme=light] .budget-card{background:#fff}.ledger-form-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ledger-form{display:grid;gap:12px}.ledger-field{display:grid;gap:6px;color:var(--text-primary);font-size:13px;font-weight:600}.ledger-field input,.ledger-field select,.ledger-field textarea{border:1px solid rgba(148,163,184,.3);background:#0f172aa6;color:var(--text-primary);border-radius:10px;padding:10px 12px;font:inherit}.ledger-field textarea{resize:vertical}body[data-theme=light] .ledger-field input,body[data-theme=light] .ledger-field select,body[data-theme=light] .ledger-field textarea{background:#fff;color:#0f172a}.ledger-category-inline{display:grid;grid-template-columns:1fr auto;gap:8px}@media (min-width: 768px){.balance-metrics-extended,.today-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.header{padding:12px}.dashboard-page{padding:12px 12px 88px}}.header-btn{background:transparent;border:1px solid rgba(148,163,184,.35);color:#67e8f9;border-radius:10px;padding:8px 12px;cursor:pointer}@media (max-width: 767px){.neo-auth-screen{padding:14px;min-height:100vh}.neo-auth-card{border-radius:20px;padding:22px 16px;gap:12px}.neo-phone-wrap{grid-template-columns:1fr}.neo-pin-input{width:48px;height:52px;border-radius:14px}.mobile-nav{max-width:100%;border-top-left-radius:12px;border-top-right-radius:12px}}@media (min-width: 768px){.neo-auth-card{max-width:460px;padding:32px 28px}.dashboard-page{padding-bottom:20px}.mobile-nav{display:none!important}}.financial-health-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.health-badge{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.health-badge.health-good{background:#22c55e26;color:#22c55e}.health-badge.health-average{background:#f59e0b26;color:#f59e0b}.health-badge.health-risky{background:#ef444426;color:#ef4444}.financial-health-content{display:grid;gap:8px}.health-score{font-size:38px}.expense-breakdown-list,.alerts-list,.lending-breakdown,.aging-buckets{display:grid;gap:10px}.expense-breakdown-row{border:1px solid rgba(148,163,184,.18);background:#0f172a66;border-radius:12px;padding:10px}.expense-breakdown-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.expense-breakdown-track{height:8px;border-radius:999px;background:#94a3b83d;overflow:hidden}.expense-breakdown-fill{height:100%;background:linear-gradient(90deg,#6366f1,#06b6d4)}.alert-item{border-radius:12px;padding:10px 12px;border:1px solid rgba(148,163,184,.22);display:grid;gap:4px}.alert-item p{margin:0;font-size:13px}.alert-warning{background:#ef44441f}.alert-info{background:#0ea5e91f}.alert-success{background:#22c55e1f}.prediction-value{margin:10px 0 0;font-size:28px;font-weight:700;color:#67e8f9}.lending-details summary{list-style:none}.lending-summary-head{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.lending-summary-head .card-heading{margin:0}.lending-totals{margin-top:10px}.lending-person-row{border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#0f172a66;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.lending-amount-wrap{display:grid;justify-items:end;gap:4px}.overdue-pill{color:#fecaca;background:#ef444433;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600}.aging-buckets{margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.aging-bucket{border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#0f172a59;padding:10px;display:grid;gap:4px;font-size:12px}body[data-theme=light] .expense-breakdown-row,body[data-theme=light] .lending-person-row,body[data-theme=light] .aging-bucket{background:#fff}.admin-login-screen{min-height:calc(100vh - 112px);display:grid;place-items:center;padding:24px;background:#f1f5f9}.admin-login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:24px;display:grid;gap:12px;color:#0f172a}.admin-login-card input,.admin-login-card button{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.admin-login-card button{background:#4f46e5;color:#fff;border:0}.admin-shell{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 112px);background:#eef2ff}.admin-sidebar{background:#111827;color:#e5e7eb;padding:20px}.admin-logo{font-weight:700;margin-bottom:16px}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a,.admin-sidebar button{text-align:left;color:#d1d5db;background:transparent;border:0;text-decoration:none;padding:10px;border-radius:8px}.admin-sidebar .active,.admin-sidebar a:hover{background:#1f2937;color:#fff}.admin-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.admin-header{background:#fff;padding:12px 16px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:12px}.admin-header input{width:min(560px,100%);border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px}.admin-header-right{display:flex;align-items:center;gap:10px;color:#334155}.admin-content{padding:16px;color:#0f172a}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card,.panel{background:#fff;border-radius:14px;box-shadow:0 10px 20px #0f172a0f;padding:14px}.kpi-card span{display:block;color:#64748b;font-size:13px}.kpi-card strong{font-size:24px}.chart-panel{grid-column:span 2}.table-panel{grid-column:span 4}.fake-chart{height:170px;display:flex;align-items:flex-end;gap:8px}.fake-chart span{width:16px;background:linear-gradient(#60a5fa,#4f46e5);border-radius:8px 8px 0 0}.fake-bars{display:grid;gap:12px}.fake-bars progress{width:100%}.panel table{width:100%;border-collapse:collapse;font-size:14px}.panel th,.panel td{border-bottom:1px solid #e2e8f0;padding:8px;text-align:left}.panel-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head input{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.actions button,.icon-btn,.pager button,.tab-row button,.settings-form button{border:1px solid #cbd5e1;background:#f8fafc;border-radius:8px;padding:6px 10px;cursor:pointer}.pager{display:flex;justify-content:flex-end;gap:10px;margin-top:10px;align-items:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061780;display:grid;place-items:center;z-index:30}.modal-card{width:min(460px,92vw);background:#fff;border-radius:14px;padding:16px;display:grid;gap:10px;color:#0f172a}.modal-card input,.modal-card select{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.warn-banner{background:#fffbeb;color:#92400e;border:1px solid #f59e0b;border-radius:8px;padding:10px}.tab-row{display:flex;gap:8px;margin:12px 0}.tab-row .active{background:#4f46e5;color:#fff;border-color:#4f46e5}.role-grid,.settings-form{display:grid;gap:10px;max-width:520px}.perm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-toast-wrap{position:fixed;right:14px;top:14px;z-index:99;display:grid;gap:8px}.admin-toast{padding:10px 14px;border-radius:10px;color:#fff;box-shadow:0 8px 20px #0003}.admin-toast.success{background:#16a34a}.admin-toast.error{background:#dc2626}.admin-toast.info{background:#2563eb}@media (max-width: 1100px){.admin-grid{grid-template-columns:repeat(2,1fr)}.table-panel{grid-column:span 2}}@media (max-width: 820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-grid{grid-template-columns:1fr}.chart-panel,.table-panel{grid-column:span 1}}.skeleton-card{display:grid;gap:10px}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#94a3b833 25%,#94a3b852,#94a3b833 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s linear infinite}.skeleton-line-lg{height:18px}.skeleton-line-short{width:60%}.date-arrow:disabled{opacity:.5;cursor:not-allowed}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-head-inline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.card-inline-link{color:#67e8f9;font-size:13px;text-decoration:none}.card-inline-link:hover{text-decoration:underline}:root{--surface-bg: #0b1220;--surface-elevated: rgba(15, 23, 42, .76);--surface-muted: rgba(30, 41, 59, .65);--border-soft: rgba(148, 163, 184, .2);--accent: #38bdf8;--shadow-soft: 0 18px 40px rgba(2, 6, 23, .28)}body[data-theme=light]{--surface-bg: #f8fafc;--surface-elevated: #ffffff;--surface-muted: #eef2ff;--border-soft: rgba(148, 163, 184, .28);--accent: #2563eb;--shadow-soft: 0 14px 24px rgba(15, 23, 42, .08)}.dashboard-page{padding:20px 14px 96px;background:var(--surface-bg)}.dashboard-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;transition:grid-template-columns .2s ease}.dashboard-shell.is-collapsed{grid-template-columns:84px minmax(0,1fr)}.dashboard-sidebar{position:sticky;top:20px;height:calc(100vh - 40px);padding:16px;border-radius:20px;border:1px solid var(--border-soft);background:var(--surface-elevated);box-shadow:var(--shadow-soft);display:grid;grid-template-rows:auto auto 1fr auto;gap:16px}.sidebar-collapse-btn,.header-icon-btn,.quick-booking-btn,.language-toggle,.theme-toggle-btn{min-height:44px}.sidebar-collapse-btn{justify-self:end;border-radius:12px;border:1px solid var(--border-soft);color:var(--text-primary);background:var(--surface-muted)}.sidebar-brand{font-weight:700;letter-spacing:.03em}.sidebar-nav{display:grid;gap:8px;align-content:start}.sidebar-link{text-decoration:none;color:var(--text-secondary);border-radius:14px;padding:10px 12px;border:1px solid transparent}.sidebar-link.active{color:var(--text-primary);border-color:var(--border-soft);background:color-mix(in srgb,var(--accent) 13%,transparent)}.sidebar-wallet-preview{border:1px solid var(--border-soft);border-radius:16px;padding:12px;background:var(--surface-muted)}.sidebar-wallet-preview p{margin:0 0 8px;font-size:12px;color:var(--text-secondary)}.sidebar-wallet-preview strong{font-size:20px}.dashboard-main{display:grid;gap:16px}.dashboard-header{position:sticky;top:0;z-index:7;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-header-left{display:flex;align-items:center;gap:10px}.balance-preview-chip{border:1px solid var(--border-soft);border-radius:999px;padding:8px 12px;font-size:12px;background:var(--surface-muted)}.dashboard-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border-soft);border-radius:14px;padding:0 12px;height:44px;background:var(--surface-muted)}.dashboard-search input{background:transparent;border:0;color:var(--text-primary);width:100%}.dashboard-header-actions{display:flex;gap:8px;align-items:center}.language-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--border-soft);border-radius:12px;padding:0 10px;background:var(--surface-muted)}.language-toggle select{border:0;background:transparent;color:var(--text-primary)}.header-icon-btn,.theme-toggle-btn{border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--text-primary)}.quick-booking-btn{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-soft));background:color-mix(in srgb,var(--accent) 20%,var(--surface-muted));color:var(--text-primary);border-radius:12px;padding:0 14px;font-weight:600}.dashboard-zone{border:1px solid var(--border-soft);border-radius:20px;padding:16px;background:color-mix(in srgb,var(--surface-elevated) 95%,transparent)}.stores-zone{background:color-mix(in srgb,var(--surface-muted) 58%,transparent)}.zone-heading{margin-bottom:14px}.dashboard-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.grid-span-12{grid-column:span 12}.grid-span-6{grid-column:span 6}.filter-chip-row{display:flex;gap:8px;margin-bottom:10px}.filter-chip{border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--text-primary);border-radius:999px;padding:7px 12px}.timeline-layout .alert-item{border-inline-start:3px solid var(--accent);padding-inline-start:12px}.mobile-fab{position:fixed;right:16px;bottom:86px;width:52px;height:52px;border:0;border-radius:999px;background:var(--accent);color:#fff;box-shadow:var(--shadow-soft);display:none}.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:10px;border-radius:16px 16px 0 0}.mobile-nav-link{display:grid;justify-items:center;gap:2px;min-height:44px}.mobile-nav-icon{font-size:16px}@media (max-width: 1024px){.dashboard-shell,.dashboard-shell.is-collapsed{grid-template-columns:minmax(0,1fr)}.dashboard-sidebar{position:static;height:auto}.grid-span-6{grid-column:span 12}.dashboard-header{grid-template-columns:1fr}}@media (max-width: 767px){.dashboard-sidebar{display:none}.mobile-fab{display:grid;place-items:center}}