@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.dot-field-container{width:100%;height:100%;position:relative}.dashboard-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;width:100%;padding:32px;animation:.4s ease-out fadeIn}[data-theme=light] .dashboard-wrapper{background:#f7f7f7;border:1px solid #ededed}.topbar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 32px;display:flex}[data-theme=light] .topbar{box-shadow:none;background:#f7f7f7;border:1px solid #ededed}.topbar-search{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:30px;align-items:center;width:320px;padding:8px 16px;display:flex}[data-theme=light] .topbar-search{background:#fff;border:1px solid #0000;box-shadow:0 2px 12px #00000005}.topbar-search .search-icon{color:var(--text-muted);margin-right:12px}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.topbar-search input::placeholder{color:var(--text-muted)}.search-shortcut{background:var(--bg-hover);color:var(--text-muted);border-radius:6px;margin-left:auto;padding:3px 6px;font-size:.7rem;font-weight:700}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-icon-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}[data-theme=light] .topbar-icon-btn{background:#fff;box-shadow:0 2px 8px #00000005}.topbar-icon-btn:hover{background:var(--bg-hover)}.topbar-profile{cursor:pointer;border-radius:40px;align-items:center;gap:12px;margin-left:8px;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.topbar-profile:hover{background:var(--bg-hover)}.topbar-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.topbar-user-info{flex-direction:column;display:flex}.topbar-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.topbar-email{color:var(--text-muted);font-size:.8rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:2.2rem;font-weight:800}.dashboard-header p{color:var(--text-muted);font-size:.95rem}.dash-actions-top{gap:12px;display:flex}.btn-dash{cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-dash:hover{background:var(--bg-hover)}.btn-dash.primary{background:var(--accent);color:#000;border:none}.btn-dash.primary:hover{filter:brightness(1.1);background:var(--accent)}.btn-round{border-radius:24px}.dash-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(auto,auto);gap:20px;display:grid}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}@media (width<=1100px){.dash-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-wrapper{border-radius:16px;padding:16px 12px}.topbar{border-radius:16px;padding:12px 16px}.dashboard-header h1{font-size:1.6rem}.dash-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.dash-grid .stat-card.col-span-1{grid-column:span 1}.dash-grid .col-span-1{box-sizing:border-box;grid-column:span 2;min-width:0;overflow:hidden}.dash-grid .col-span-2,.dash-grid .col-span-3,.dash-grid .col-span-4{box-sizing:border-box;grid-column:span 2;min-width:0}.dash-grid .stat-card{box-sizing:border-box;width:100%;min-height:150px;overflow:hidden}.dash-row3{gap:12px;grid-template-columns:1fr!important}.bar-chart-container{box-sizing:border-box;width:100%;min-height:220px;flex:none!important;height:220px!important}.bar-wrapper{flex:1;gap:4px;min-width:0;height:100%}.bar-area{flex:1;min-height:0}.bar{max-width:28px}.dash-grid .col-span-2:has(.bar-chart-container){min-height:320px}}.dash-row3{grid-template-columns:1.6fr 1.4fr 1fr;gap:20px;margin-top:20px;display:grid}.dash-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:24px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000005}.dash-card:hover{box-shadow:0 4px 12px #0000000a}[data-theme=light] .dash-card{background:#fff;border:1px solid #f1f5f9}.stat-card{flex-direction:column;padding:24px;display:flex;align-items:flex-start!important}.stat-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.stat-label{color:var(--text-primary);font-size:1.35rem;font-weight:600}.stat-icon.circle{width:38px;height:38px;color:var(--text-primary);background:0 0;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;display:flex}[dir=rtl] .stat-icon.circle svg{transform:scaleX(-1)}.stat-val{color:var(--text-primary);width:100%;margin-bottom:24px;font-size:3.6rem;font-weight:800;line-height:1;text-align:start!important}.stat-footer{color:var(--text-muted);align-items:center;gap:8px;width:100%;margin-top:auto;font-size:.8rem;display:flex}.stat-footer .badge-outline{color:#10b981;border:1px solid;border-radius:12px;align-items:center;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.stat-footer .footer-text{opacity:.8}.stat-card.solid{color:#1c1917;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);border:none;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #ffffff80,0 8px 24px #f59e0b33}.stat-card.solid:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#fff6 0%,#0000 60%);position:absolute;inset:0}.stat-card.solid .stat-label,.stat-card.solid .stat-val,.stat-card.solid .stat-footer,.stat-card.solid .stat-footer .badge-outline{color:#1c1917}.stat-card.solid .stat-icon.circle{color:#000;background:#fff;border:none}.badge{background:var(--bg-hover);color:var(--text-primary);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:flex}.stat-card.solid .badge{color:#000;background:#0000001a}.badge-text{color:var(--text-muted)}.stat-card.solid .badge-text{color:#0009}.card-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1.15rem;font-weight:700;display:flex}.bar-chart-container{flex:1;justify-content:space-between;align-items:flex-end;height:180px;padding-top:10px;display:flex}.bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.bar-area{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.bar-tooltip{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);white-space:nowrap;z-index:10;border-radius:4px;padding:2px 6px;font-size:.7rem;position:absolute;top:-24px}.bar{border-radius:22px;width:100%;max-width:44px;transition:height 1s ease-out}.bar.striped{background:repeating-linear-gradient(-45deg, var(--bg-hover), var(--bg-hover) 4px, transparent 4px, transparent 8px)}.bar.solid{background:var(--text-secondary);opacity:.3}.bar.peak{background:var(--accent);opacity:1;box-shadow:0 0 15px #fabd344d}.bar-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.reminder-content{flex-direction:column;flex:1;justify-content:center;display:flex}.reminder-content h3{color:var(--text-primary);margin-bottom:8px;font-size:1.4rem;font-weight:800;line-height:1.25}.reminder-content p{color:var(--text-muted);margin-bottom:24px;font-size:.85rem}.reminder-content .btn-dash{justify-content:center;width:100%;padding:12px}.recent-list{flex-direction:column;gap:16px;display:flex}.recent-item{cursor:pointer;align-items:center;gap:16px;display:flex}.recent-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.recent-icon.approved{color:#10b981;background:#10b98126}.recent-icon.pending{color:#3b82f6;background:#3b82f626}.recent-icon.flagged{color:#f97316;background:#f9731626}.recent-icon.gray{background:var(--bg-hover);color:var(--text-muted)}.recent-info{flex:1}.recent-info h4{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.recent-info span{color:var(--text-muted);font-size:.75rem}.team-list{flex-direction:column;gap:16px;display:flex}.team-item{align-items:center;gap:16px;display:flex}.team-avatar{object-fit:cover;border:2px solid var(--border-subtle);border-radius:50%;width:44px;height:44px}.team-info{flex:1}.team-info h4{margin-bottom:4px;font-size:.95rem;font-weight:600}.team-info p{color:var(--text-muted);font-size:.75rem}.team-status{border:1px solid;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:600}.donut-chart-container{flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex;position:relative}.donut-svg{width:180px;height:180px;transform:rotate(-90deg)}.donut-bg{fill:none;stroke:var(--bg-hover);stroke-width:14px}.donut-fill{fill:none;stroke:var(--accent);stroke-width:14px;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:180px}.donut-center{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute}.donut-center h4{color:var(--text-primary);margin-bottom:4px;font-size:2.2rem;font-weight:800;line-height:1}.donut-center p{color:var(--text-muted);font-size:.75rem}.chart-legend{justify-content:center;gap:20px;font-size:.8rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.app-status{background:var(--bg-input);text-align:center;border:1px solid var(--border-subtle);justify-content:center;align-items:center}.app-status-title{color:var(--text-secondary);align-self:flex-start;margin-bottom:24px;font-size:1.1rem;font-weight:600}.app-status-value{font-variant-numeric:tabular-nums;color:var(--text-primary);margin-bottom:24px;font-size:2.6rem;font-weight:800}.status-controls{gap:12px;display:flex}.ctrl-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.ctrl-btn:hover{transform:scale(1.1)}.ctrl-btn.pause{background:var(--text-primary);color:var(--bg-base)}.ctrl-btn.stop{color:#fff;background:#ef4444;box-shadow:0 0 15px #ef444466}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tx-card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(12px);cursor:pointer;background-image:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 6px 24px #00000026,inset 0 1px 1px #ffffff08}[data-theme=light] .tx-card{background-color:#fff;background-image:linear-gradient(135deg,#00000003 0%,#00000008 100%);border:1px solid #0000000f;box-shadow:0 12px 30px #0000000d,inset 0 1px 1px #fff}.tx-card:hover{border-color:var(--accent);transform:translateY(-3px)scale(1.005);box-shadow:0 12px 32px #0000001f,inset 0 1px 1px #ffffff0d}.tx-card:active{transform:translateY(0)scale(.99)}.tx-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tx-card-user{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.tx-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;transition:all .3s}.tx-user-details{flex-direction:column;gap:4px;display:flex}.tx-name{color:var(--text-primary);word-break:break-word;letter-spacing:-.01em;font-size:1.1rem;font-weight:800;line-height:1.3}.tx-phone{color:var(--text-muted);opacity:.9;font-size:.85rem;font-weight:600}.tx-card-amount-wrapper{text-align:right;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-end;display:flex}.tx-amount{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:1.35rem;font-weight:900}.tx-amount span{color:var(--text-muted);margin-left:2px;font-size:.8rem;font-weight:700}[dir=rtl] .tx-amount span{margin-left:0;margin-right:2px}.tx-time{color:var(--text-muted);font-size:.75rem;font-weight:600}.tx-card-badges{flex-wrap:wrap;align-items:center;gap:8px;padding-left:26px;display:flex}[dir=rtl] .tx-card-badges{padding-left:0;padding-right:26px}.badge-custom{white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:flex}.badge-custom.alert{background:var(--red-dim);color:var(--red);border-color:#ef444433}.badge-custom.warning{color:#fb923c;background:#fb923c26;border-color:#fb923c4d}.badge-custom.success{background:var(--green-dim);color:var(--green);border-color:#10b98126}.badge-custom.neutral{background:var(--bg-input);color:var(--text-muted);border-color:#9696961a}.badge-custom.telegram{background:var(--accent-dim);color:var(--accent);border-color:#fabd3433}.badge-high-risk{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 4px 12px #ef44444d}@media (width<=768px){.tx-card{border-radius:24px;gap:16px;padding:20px}.tx-card-top{flex-direction:column;align-items:stretch;gap:12px}.tx-card-amount-wrapper{border-top:1px dashed #96969626;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;margin-top:8px;padding-top:16px}.tx-amount{margin-bottom:0;font-size:1.6rem}.tx-name{font-size:1.15rem}.tx-time{background:var(--bg-input);border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:700}.tx-card-badges{margin-top:4px;padding-left:0}[dir=rtl] .tx-card-badges{padding-right:0}}.settings-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.settings-grid{grid-template-columns:1fr}}.settings-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.settings-item:last-child{border-bottom:none}.setting-info{flex-direction:column;flex:1;padding-right:20px;display:flex}.setting-label{color:var(--text-primary);margin-bottom:4px;font-size:1.05rem;font-weight:700}.setting-hint{color:var(--text-muted);font-size:.85rem}.setting-action{align-items:center;gap:12px;display:flex}.setting-input{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);text-align:left;border-radius:16px;outline:none;width:160px;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.setting-input:focus{background:var(--bg-hover);border-color:var(--accent);box-shadow:0 0 0 3px #fabd3426}.security-list{flex-direction:column;gap:24px;margin-top:12px;display:flex}.security-item{align-items:flex-start;gap:16px;display:flex}.security-icon{background:var(--green-dim);width:36px;height:36px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-text{color:var(--text-primary);margin-top:6px;font-size:.95rem;font-weight:500;line-height:1.4}@media (width<=850px){.dash-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.dash-card,.stat-card{border-radius:12px;padding:8px!important}.bar-chart-container{width:100%;min-height:220px;flex:none!important;height:220px!important}.bar-wrapper{flex:1;min-width:0;height:100%}.bar-area{flex:1;min-height:0}.stat-label{margin-bottom:4px;font-size:.85rem;line-height:1.1}.stat-header{margin-bottom:6px}.stat-icon.circle{width:20px!important;height:20px!important}.stat-icon.circle svg{width:12px;height:12px}.stat-val{margin-bottom:4px!important;font-size:1.7rem!important}.stat-footer{flex-wrap:wrap;gap:4px;font-size:.65rem!important}.stat-footer .badge-outline{padding:2px 4px!important;font-size:.6rem!important}.topbar{display:none!important}.dashboard-wrapper{border-radius:16px;padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-header h1{font-size:1.8rem}.donut-svg{width:150px;height:150px}.donut-center h4{font-size:1.8rem}}[dir=rtl] body{font-family:Cairo,Segoe UI,system-ui,sans-serif}[dir=rtl] .sidebar{left:auto;right:16px}[dir=rtl] .main-content{margin-left:16px;margin-right:calc(var(--sidebar-w) + 32px)}[dir=rtl] .app-shell.collapsed .main-content{margin-left:16px;margin-right:calc(var(--sidebar-collapsed-w) + 32px)}[dir=rtl] .nav-item{text-align:right;flex-direction:row-reverse}[dir=rtl] .nav-item:hover{transform:translate(-4px)}[dir=rtl] .nav-item .nav-badge,[dir=rtl] .collapse-btn{margin-left:0;margin-right:auto}[dir=rtl] .sidebar-logo>div{flex-direction:row-reverse}[dir=rtl] .table-wrap table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#212121;--bg-surface:#181818;--bg-card:#2a2a2a;--bg-hover:#ffffff0d;--bg-input:#303030;--bg-glass:#181818d9;--border:#ffffff1a;--border-subtle:#ffffff0d;--border-glow:#6366f14d;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#fabd34;--accent-light:#fde047;--accent-dim:#fabd3426;--accent-glow:0 0 20px #fabd3466;--green:#34d399;--green-dim:#34d39926;--green-glow:0 0 15px #34d3994d;--yellow:#fbbf24;--yellow-dim:#fbbf2426;--yellow-glow:0 0 15px #fbbf244d;--red:#fb7185;--red-dim:#fb718526;--red-glow:0 0 15px #fb71854d;--orange:#fb923c;--orange-dim:#fb923c26;--orange-glow:0 0 15px #fb923c4d;--radius-sm:8px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px #0006;--shadow:0 8px 24px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-glass:0 8px 32px 0 #0000005e;--sidebar-w:260px;--sidebar-collapsed-w:80px;--header-h:72px;--logo-filter:invert(1) brightness(2)}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fffc;--bg-card:#ffffffb3;--bg-hover:#0000000d;--bg-input:#fff;--bg-glass:#ffffffd9;--border:#0000001a;--border-subtle:#0000000d;--border-glow:#6366f133;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#f59e0b;--accent-light:#fbbf24;--accent-dim:#f59e0b1a;--accent-glow:0 0 15px #f59e0b4d;--green:#059669;--green-dim:#0596691a;--green-glow:0 0 10px #05966933;--yellow:#d97706;--yellow-dim:#d977061a;--yellow-glow:0 0 10px #d9770633;--red:#e11d48;--red-dim:#e11d481a;--red-glow:0 0 10px #e11d4833;--orange:#ea580c;--orange-dim:#ea580c1a;--orange-glow:0 0 10px #ea580c33;--shadow-sm:0 2px 4px #0000000d;--shadow:0 8px 16px #00000014;--shadow-lg:0 16px 32px #0000001a;--shadow-glass:0 8px 32px 0 #1f268712;--logo-filter:invert(0)}html{font-size:15px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}[data-theme=light] body{background:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border:1px solid var(--border-subtle);z-index:100;-ms-overflow-style:none;scrollbar-width:none;border-radius:24px;flex-direction:column;height:calc(100vh - 32px);transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:16px;left:16px;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}[data-theme=light] .sidebar{background:#f7f7f7;border:1px solid #ededed;box-shadow:0 8px 32px #0000000a}.app-shell.collapsed .sidebar{width:var(--sidebar-collapsed-w)}.sidebar-logo{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;padding:24px 20px 20px;display:flex;overflow:hidden}.collapse-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px;transition:all .2s;display:flex}.collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.app-shell.collapsed .sidebar-logo{padding-left:12px;padding-right:12px}.app-shell.collapsed .collapse-btn{margin:12px auto 0}.sidebar-logo .logo-icon{background:var(--accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sidebar-logo .logo-text{color:var(--text-primary);font-size:1rem;font-weight:700}.sidebar-logo .logo-sub{color:var(--text-muted);font-size:.7rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex}.nav-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:12px 8px 6px;font-size:.65rem;font-weight:600}.logo-svg{object-fit:contain;width:56px;height:56px;filter:var(--logo-filter);flex-shrink:0;transition:filter .4s cubic-bezier(.4,0,.2,1)}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;z-index:1;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(4px)}.nav-item.active{color:var(--text-primary)}.nav-item .nav-badge{background:var(--red);color:#fff;text-align:center;min-width:22px;box-shadow:var(--red-glow);border-radius:12px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:700}.nav-item .nav-badge.yellow{background:var(--yellow);color:#000;box-shadow:var(--yellow-glow)}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:20px 16px}.staff-card{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 12px;display:flex}.staff-avatar{background:var(--accent-dim);border:1px solid var(--accent);width:32px;height:32px;color:var(--accent-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.staff-info .staff-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.staff-info .staff-role{color:var(--accent-light);background:var(--accent-dim);text-transform:capitalize;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:.65rem;display:inline-block}.sign-out-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px;transition:color .15s;display:flex}.sign-out-btn:hover{color:var(--red)}.logo-text-group,.nav-section-label,.nav-label,.nav-badge,.theme-text,.staff-info,.sign-out-btn{white-space:nowrap;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-label{flex:1}.nav-item svg,.sidebar-footer svg,.sidebar-logo svg,.logo-icon,.staff-avatar{flex-shrink:0}.app-shell.collapsed .logo-text-group,.app-shell.collapsed .nav-label,.app-shell.collapsed .theme-text,.app-shell.collapsed .staff-info,.app-shell.collapsed .sign-out-btn{opacity:0;border:0;max-width:0;margin:0;padding:0}.app-shell.collapsed .nav-badge{opacity:0;min-width:0;max-width:0;margin:0;padding:0}.app-shell.collapsed .nav-section-label{opacity:0;max-height:0;margin:0;padding-top:0;padding-bottom:0}.app-shell.collapsed .nav-item{gap:0;padding-left:20px;padding-right:20px}.app-shell.collapsed .staff-card{gap:0;padding:10px 7px}.app-shell.collapsed .btn-ghost{gap:0;padding-left:16px;padding-right:16px}.main-content{margin-left:calc(var(--sidebar-w) + 32px);background:0 0;flex-direction:column;flex:1;min-height:100vh;margin-right:16px;padding:16px 0 0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=light] .main-content{background:0 0;border:none}.app-shell.collapsed .main-content{margin-left:calc(var(--sidebar-collapsed-w) + 32px)}.page-header{height:var(--header-h);border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);z-index:50;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000001a}.page-header h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.page-header .header-subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.page-body{flex:1;padding:24px 28px}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);align-items:center;gap:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border);box-shadow:var(--shadow-lg), 0 0 15px var(--accent-dim);transform:translateY(-4px)}.stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex;box-shadow:inset 0 0 10px #ffffff0d}.stat-icon.purple{background:var(--accent-dim);color:var(--accent-light);border:1px solid #6366f133}.stat-icon.green{background:var(--green-dim);color:var(--green);border:1px solid #34d39933}.stat-icon.yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid #fbbf2433}.stat-icon.red{background:var(--red-dim);color:var(--red);border:1px solid #fb718533}.stat-info .stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1}.stat-info .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:.8rem;font-weight:500}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);overflow:hidden}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-header h2{font-size:.95rem;font-weight:700}.card-body{padding:0}.tx-list{flex-direction:column;display:flex}.tx-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:20px;padding:18px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tx-row:last-child{border-bottom:none}.tx-row:hover{background:var(--bg-hover);padding-left:28px}.tx-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tx-status-dot.pending{background:var(--yellow);box-shadow:var(--yellow-glow)}.tx-status-dot.unmatched{background:var(--red);box-shadow:var(--red-glow)}.tx-status-dot.approved{background:var(--green);box-shadow:var(--green-glow)}.tx-status-dot.rejected{background:var(--text-muted)}.tx-status-dot.flagged{background:var(--orange);box-shadow:var(--orange-glow)}.tx-info{flex:1;min-width:0}.tx-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.tx-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:.75rem;display:flex}.tx-amount{color:var(--text-primary);white-space:nowrap;font-size:1rem;font-weight:700}.tx-time{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.signal-pills{flex-wrap:wrap;gap:6px;display:flex}.signal-pill{white-space:nowrap;border:1px solid #0000;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:600;transition:all .2s}.signal-pill.ok{background:var(--green-dim);color:var(--green);text-shadow:0 0 10px #34d39966;border-color:#34d3994d}.signal-pill.warn{background:var(--yellow-dim);color:var(--yellow);text-shadow:0 0 10px #fbbf2466;border-color:#fbbf244d}.signal-pill.err{background:var(--red-dim);color:var(--red);text-shadow:0 0 10px #fb718566;border-color:#fb71854d}.signal-pill.na{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border-subtle)}.fraud-badge{background:var(--red-dim);color:var(--red);box-shadow:inset 0 0 10px #fb71851a, var(--red-glow);text-shadow:0 0 8px #fb718580;border:1px solid #fb718566;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;animation:2s infinite pulse-red;display:inline-flex}@keyframes pulse-red{0%{box-shadow:0 0 #fb718566}70%{box-shadow:0 0 0 6px #fb718500}to{box-shadow:0 0 #fb718500}}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.status-badge.pending_review{background:var(--yellow-dim);color:var(--yellow);box-shadow:var(--yellow-glow);border-color:#fbbf244d}.status-badge.unmatched{background:var(--red-dim);color:var(--red);box-shadow:var(--red-glow);border-color:#fb71854d}.status-badge.approved{background:var(--green-dim);color:var(--green);box-shadow:var(--green-glow);border-color:#34d3994d}.status-badge.rejected,.status-badge.expired{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border-subtle)}.detail-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=900px){.detail-grid{grid-template-columns:1fr}}.detail-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 2px 24px #00000005}.detail-panel:hover{box-shadow:var(--shadow-lg);border-color:var(--border);transform:translateY(-2px)}.detail-panel-header{color:var(--text-primary);background:0 0;border-bottom:none;align-items:center;gap:12px;padding:24px 24px 16px;font-size:1.05rem;font-weight:800;display:flex}.detail-panel-body{padding:0 24px 24px}.detail-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.detail-row:last-child{margin-bottom:0}.detail-key{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.detail-val{color:var(--text-primary);text-align:right;word-break:break-all;font-size:.8rem;font-weight:600}.detail-val.match{color:var(--green)}.detail-val.mismatch{color:var(--red)}.screenshot-img{border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:contain;background:var(--bg-base);width:100%;max-height:280px}.driver-strip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);align-items:center;gap:16px;margin-bottom:14px;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.driver-strip.clickable:hover{background:var(--bg-hover);border-color:var(--border)}.driver-strip .avatar{background:var(--accent-dim);border:2px solid var(--accent);width:44px;height:44px;color:var(--accent-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.driver-strip .driver-details{flex:1}.driver-strip .driver-name{font-size:1rem;font-weight:700}.driver-strip .driver-meta{color:var(--text-secondary);margin-top:3px;font-size:.78rem}.driver-strip .wallet-bal{text-align:right}.driver-strip .wallet-bal .bal-amount{color:var(--accent-light);font-size:1.3rem;font-weight:800}.driver-strip .wallet-bal .bal-label{color:var(--text-muted);font-size:.7rem}.credits-form{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);margin-bottom:16px;padding:24px}.credits-form h3{margin-bottom:18px;font-size:1.05rem;font-weight:700}.form-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;min-width:140px;display:flex}.form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#fabd34;box-shadow:0 0 0 3px #fabd3426,inset 0 2px 4px #0003}.form-group textarea{resize:vertical;min-height:80px}.form-group .input-hint{color:var(--text-muted);font-size:.75rem}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:#ffffff1a;transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--accent), #d97706);color:#000;box-shadow:var(--accent-glow);border:1px solid #0000001a}.btn-primary:active{transform:scale(.98)}.btn-success{background:linear-gradient(135deg, var(--green), #10b981);color:#000;box-shadow:var(--green-glow)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid #ef444466}.btn-danger:hover{background:var(--red);color:#fff;box-shadow:var(--red-glow)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-sm{padding:8px 14px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}thead tr{border-bottom:1px solid var(--border)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 16px;font-size:.72rem;font-weight:600}td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:13px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.login-page{background:var(--bg-base);background-image:radial-gradient(circle at 15%,#fabd340d 0%,#0000 50%),radial-gradient(circle at 85% 30%,#fabd3408 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card.premium-glass{z-index:10;background:var(--bg-card);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-subtle);width:100%;max-width:420px;box-shadow:var(--shadow-glass);border-radius:32px;padding:48px 40px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.login-card.premium-glass:hover{box-shadow:var(--shadow-lg), 0 0 40px #fabd3414;border-color:#fabd34}.login-logo{text-align:center;flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.login-brand-logo{object-fit:contain;width:64px;height:64px;margin-bottom:16px}.login-logo h1{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 6px;font-size:1.5rem;font-weight:800}.login-logo p{color:var(--text-muted);font-size:.85rem;font-weight:500}.login-submit-btn{background:var(--bg-hover);width:100%;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:14px;justify-content:center;margin-top:12px;padding:14px;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000001a}.login-submit-btn:hover:not(:disabled){color:#000;background:#fabd34;border-color:#fabd34;transform:translateY(-2px)scale(1.01);box-shadow:0 12px 32px #fabd3459}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px}.empty-state .empty-icon{margin-bottom:12px;font-size:2.5rem}.empty-state p{color:var(--text-muted);font-size:.875rem}.alert{border:1px dashed;border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:16px 20px;font-size:.9rem;font-weight:600;display:flex}.alert-error{background:var(--red-dim);color:var(--red);border-color:#ef444440}.alert-success{background:var(--green-dim);color:var(--green);border-color:#22c55e40}.alert-warning{background:var(--yellow-dim);color:var(--yellow);border-color:#f59e0b40}.tabs{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);border:1px solid var(--border-subtle);gap:4px;margin-bottom:24px;padding:6px;display:flex;overflow-x:auto;box-shadow:inset 0 2px 4px #0000001a}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border:none;flex:1;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tab-btn.active{color:var(--text-primary)}.tab-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-hover)}.search-bar{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 2px 4px #0003}.search-bar:focus-within{border-color:#fabd34;box-shadow:0 0 0 3px #fabd3426,inset 0 2px 4px #0003}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.search-bar input::placeholder{color:var(--text-muted)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;align-items:center;padding:60px;display:flex}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:28px}.modal h3{margin-bottom:16px;font-size:1rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.logout-modal{background:var(--bg-glass);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-subtle);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-glass), var(--shadow-lg);border-radius:36px;padding:44px 40px;position:relative;overflow:hidden}[data-theme=light] .logout-modal{box-shadow:var(--shadow-lg)}.logout-modal:before{content:"";background:var(--red);filter:blur(80px);opacity:.15;pointer-events:none;width:200px;height:100px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}[data-theme=light] .logout-modal:before{opacity:.05}.logout-icon-wrap{background:var(--red-dim);width:64px;height:64px;color:var(--red);box-shadow:var(--red-glow), inset 0 0 20px var(--red-dim);border:1px solid var(--border-subtle);z-index:1;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;position:relative}.logout-modal h3{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:1.5rem;font-weight:800}.logout-modal p{color:var(--text-secondary);margin-bottom:36px;font-size:.95rem;line-height:1.6}.logout-modal .modal-actions{flex-direction:column;gap:14px;margin:0;display:flex}.logout-modal .btn{border-radius:18px;justify-content:center;width:100%;padding:16px;font-size:1.05rem;font-weight:700}.logout-modal .btn-danger{background:linear-gradient(135deg, var(--red), #be123c);color:#fff;box-shadow:var(--red-glow);border:none}.logout-modal .btn-danger:hover{box-shadow:var(--red-glow), 0 4px 12px #e11d4866}.logout-modal .btn-ghost{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);box-shadow:0 4px 12px #0000001a}.logout-modal .btn-ghost:hover{background:var(--bg-hover);border-color:var(--border)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:var(--text-muted);font-size:.8rem}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-screen-2026{background:var(--bg-base);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen-2026:before{content:"";background:radial-gradient(circle,#fabd340d 0%,#0000 60%);width:150vw;height:150vh;animation:4s ease-in-out infinite alternate pulse-bg;position:absolute}.loading-core{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.logo-glitch-container{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:40px;display:flex;position:relative}.loading-logo{object-fit:contain;width:100%;height:100%;filter:var(--logo-filter);z-index:2;animation:3s ease-in-out infinite float-logo;position:relative}.logo-glow{filter:blur(30px);opacity:.3;z-index:1;background:#fabd34;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite alternate pulse-glow;position:absolute}.loading-bar-container{background:#ffffff0d;border-radius:2px;width:180px;height:2px;position:relative;overflow:hidden}.loading-bar-fill{background:#fabd34;border-radius:2px;width:50%;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) infinite loading-slide;position:absolute;top:0;left:0;box-shadow:0 0 10px #fabd34}.loading-text{letter-spacing:.3em;color:var(--text-muted);text-transform:uppercase;margin-top:24px;font-size:.75rem;font-weight:700}.loading-text span[class^=dot]{animation:1.4s infinite both blink}.loading-text .dot-2{animation-delay:.2s}.loading-text .dot-3{animation-delay:.4s}@keyframes float-logo{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}@keyframes pulse-glow{0%{opacity:.1;transform:scale(.8)}to{opacity:.4;transform:scale(1.4)}}@keyframes pulse-bg{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.skeleton{background:linear-gradient(90deg, var(--bg-hover) 25%, #8080801a 50%, var(--bg-hover) 75%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-item{color:var(--text-secondary);border-radius:12px;margin-bottom:2px;padding:12px 16px 12px 24px;font-weight:500;transition:all .2s;position:relative;background:0 0!important}.nav-item:hover{color:var(--text-primary);transform:none;background:#00000005!important}.nav-item.active{color:var(--text-primary);font-weight:700;background:#00000008!important}.nav-item .active-indicator{background:var(--accent);border-radius:0 4px 4px 0;width:4px;height:20px;transition:transform .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.nav-item.active .active-indicator{transform:translateY(-50%)scaleY(1)}.nav-item .active-icon{color:var(--accent)}.nav-item .nav-badge{color:#f3f4f6;min-width:24px;box-shadow:none;text-align:center;background:#374151;border:none;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.nav-item .nav-badge.yellow{color:#f3f4f6;background:#374151}.page-header,.dashboard-header{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-bottom:none}.sidebar-overlay,.mobile-header{display:none}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=768px){html,body,.app-shell{max-width:100vw;overflow-x:hidden}.sidebar{z-index:200;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translate(-100%);width:280px!important;height:100vh!important;padding-top:max(env(safe-area-inset-top,48px), 48px)!important;padding-bottom:max(env(safe-area-inset-bottom,24px), 24px)!important;background:#1e1e1ed9!important;border:1px solid #ffffff1a!important;border-radius:0 24px 24px 0!important;top:0!important;left:0!important;box-shadow:10px 0 40px #00000080!important}[data-theme=light] .sidebar{background:#ffffffd9!important;border:1px solid #0000000d!important;box-shadow:10px 0 40px #0000001a!important}[dir=rtl] .sidebar{transform:translate(100%);border-radius:24px 0 0 24px!important;left:auto!important;right:0!important;box-shadow:-10px 0 40px #00000080!important}[data-theme=light][dir=rtl] .sidebar{box-shadow:-10px 0 40px #0000001a!important}.sidebar.open{transform:translate(0)!important}.sidebar-overlay{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;width:100vw;height:100vh;transition:all .3s;display:block;position:fixed;top:0;left:0}.main-content{overflow-x:hidden;width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding-top:0!important}.app-shell.collapsed .main-content{margin-left:0!important;margin-right:0!important}.mobile-header{padding:max(env(safe-area-inset-top,48px), 48px) 20px 16px;-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);z-index:90;background:#2a2a2ad9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}[data-theme=light] .mobile-header{background:#ffffffd9;border-bottom:1px solid #0000000d}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-logo-text{color:var(--text-primary);font-size:1.1rem;font-weight:800}.page-body{padding:16px}.stats-bar{grid-template-columns:1fr}}