:root{--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--accent: #D95D08;--accent-light: rgba(217, 93, 8, .08);--accent-hover: #C04F06;--accent-glow: rgba(217, 93, 8, .25);--green: #059669;--green-light: rgba(5, 150, 105, .08);--blue: #2563EB;--blue-light: rgba(37, 99, 235, .08);--red: #DC2626;--red-light: rgba(220, 38, 38, .08);--yellow: #D97706;--yellow-light: rgba(217, 119, 6, .08);--purple: #7C3AED;--purple-light: rgba(124, 58, 237, .08);--bg: #F0F2F5;--bg-elevated: #F8F9FB;--card: rgba(255, 255, 255, .72);--card-solid: #FFFFFF;--card-hover: rgba(255, 255, 255, .85);--sidebar-bg: rgba(255, 255, 255, .78);--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .1);--divider: rgba(0, 0, 0, .04);--text: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-on-accent: #FFFFFF;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .14), 0 4px 12px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px var(--accent-glow);--glass-blur: 20px;--glass-border: rgba(255, 255, 255, .35);--glass-bg: rgba(255, 255, 255, .65);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(0, 0, 0, .08);--input-focus-ring: rgba(217, 93, 8, .15);--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-hover: rgba(0, 0, 0, .2)}[data-theme=dark]{--accent: #F59E0B;--accent-light: rgba(245, 158, 11, .08);--accent-hover: #EAB308;--accent-glow: transparent;--green: #22C55E;--green-light: rgba(34, 197, 94, .1);--blue: #60A5FA;--blue-light: rgba(96, 165, 250, .1);--red: #EF4444;--red-light: rgba(239, 68, 68, .1);--yellow: #FBBF24;--yellow-light: rgba(251, 191, 36, .1);--purple: #A78BFA;--purple-light: rgba(167, 139, 250, .1);--bg: #0B0F17;--bg-elevated: #151B23;--card: #111827;--card-solid: #111827;--card-hover: #1B2430;--sidebar-bg: #111827;--border: #202938;--border-strong: #2A3445;--divider: #1C2333;--text: #F3F4F6;--text-secondary: #C9D1D9;--text-muted: #8B949E;--text-on-accent: #0F172A;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .35);--shadow-glow: none;--glass-blur: 0px;--glass-border: #202938;--glass-bg: #111827;--input-bg: #151B23;--input-border: #2A3445;--input-focus-ring: rgba(245, 158, 11, .15);--scrollbar-thumb: rgba(255, 255, 255, .08);--scrollbar-hover: rgba(255, 255, 255, .14)}[data-preset=ocean]{--accent: #0EA5E9;--accent-light: rgba(14, 165, 233, .08);--accent-hover: #0284C7;--accent-glow: rgba(14, 165, 233, .25)}[data-theme=dark][data-preset=ocean]{--accent: #38BDF8;--accent-light: rgba(56, 189, 248, .12);--accent-hover: #7DD3FC;--accent-glow: rgba(56, 189, 248, .3)}[data-preset=forest]{--accent: #059669;--accent-light: rgba(5, 150, 105, .08);--accent-hover: #047857;--accent-glow: rgba(5, 150, 105, .25)}[data-theme=dark][data-preset=forest]{--accent: #34D399;--accent-light: rgba(52, 211, 153, .12);--accent-hover: #6EE7B7;--accent-glow: rgba(52, 211, 153, .3)}[data-preset=sunset]{--accent: #E11D48;--accent-light: rgba(225, 29, 72, .08);--accent-hover: #BE123C;--accent-glow: rgba(225, 29, 72, .25)}[data-theme=dark][data-preset=sunset]{--accent: #FB7185;--accent-light: rgba(251, 113, 133, .12);--accent-hover: #FDA4AF;--accent-glow: rgba(251, 113, 133, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background var(--duration-slow) var(--ease-smooth),color var(--duration-slow) var(--ease-smooth)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}[data-ambient=morning] .main-content{background:linear-gradient(135deg,#fbbf240a,#f9731608)}[data-ambient=afternoon] .main-content{background:linear-gradient(135deg,#2563eb08,#0ea5e908)}[data-ambient=evening] .main-content{background:linear-gradient(135deg,#8b5cf60a,#6366f108)}[data-theme=dark][data-ambient=morning] .main-content,[data-theme=dark][data-ambient=afternoon] .main-content,[data-theme=dark][data-ambient=evening] .main-content{background:none}.glass-card{background:#ffffff8c!important;backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border:1px solid rgba(255,255,255,.3)!important}[data-theme=dark] .glass-card{background:#111827!important;border:1px solid #202938!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}::view-transition-old(root){animation:.2s ease-out both fade-out}::view-transition-new(root){animation:.25s ease-out both fade-in-slide}@keyframes fade-out{to{opacity:0;transform:translateY(-4px)}}@keyframes fade-in-slide{0%{opacity:0;transform:translateY(4px)}}.digit-morph{display:inline-flex;overflow:hidden}.digit-morph .digit{display:inline-block;animation:digitRoll .6s cubic-bezier(.16,1,.3,1) both}@keyframes digitRoll{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.dynamic-island{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:10001;background:var(--card-solid);border:1px solid var(--glass-border);border-radius:24px;padding:10px 20px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:islandIn .4s cubic-bezier(.34,1.56,.64,1);max-width:90vw}@keyframes islandIn{0%{transform:translate(-50%) translateY(-100%) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.dynamic-island-exit{animation:islandOut .3s ease forwards}@keyframes islandOut{to{transform:translate(-50%) translateY(-100%) scale(.8);opacity:0}}.fab{position:fixed;bottom:88px;left:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--text-on-accent);border:none;font-size:24px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg);z-index:90;display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease-spring),box-shadow .25s}.fab:active{transform:scale(.9)}.fab-menu{position:fixed;bottom:152px;left:20px;z-index:89;display:flex;flex-direction:column;gap:10px;align-items:flex-start;animation:fadeIn .2s ease}.fab-item{display:flex;align-items:center;gap:8px;background:var(--card-solid);border:1px solid var(--border);border-radius:14px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;box-shadow:var(--shadow-md);animation:cardEntry .3s cubic-bezier(.16,1,.3,1) both}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:260px;background:var(--sidebar-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s var(--ease-out),background var(--duration-slow) var(--ease-smooth)}.sidebar-header{padding:var(--space-5);border-bottom:1px solid var(--border);text-align:center}.sidebar-brand{font-size:var(--text-xl);font-weight:900;color:var(--accent);letter-spacing:-.5px}.sidebar-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3)}.sidebar-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);border:none;background:none;width:100%;text-align:left;position:relative}.nav-item:hover{background:var(--accent-light);color:var(--text);transform:translate(2px)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-item:active{transform:scale(.97)}.nav-badge{position:absolute;right:12px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);min-width:18px;text-align:center;animation:badgePop .3s var(--ease-spring)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border)}.user-info{display:flex;align-items:center;gap:10px;padding:var(--space-2)}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.user-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.user-role{font-size:var(--text-xs);color:var(--text-muted)}.main-content{flex:1;margin-left:260px;padding:var(--space-6);min-height:100vh;min-height:100dvh;transition:background var(--duration-slow) var(--ease-smooth)}.card{background:var(--card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:700;color:var(--text);letter-spacing:-.2px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.page-title{font-size:var(--text-xl);font-weight:800;color:var(--text);letter-spacing:-.5px}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;font-family:var(--font);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--card-hover);border-color:var(--accent)}.btn-danger{background:var(--red-light);color:var(--red)}.btn-danger:hover{background:#dc262626}.btn-success{background:var(--green-light);color:var(--green)}.btn-success:hover{background:#05966926}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.btn-icon{padding:8px;min-width:36px;justify-content:center}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:1.5px solid var(--input-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font);color:var(--text);background:var(--input-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--duration-fast) var(--ease-out);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-textarea{resize:vertical;min-height:80px}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{background:var(--bg-elevated);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--divider);color:var(--text);transition:background var(--duration-fast)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--accent-light)}.table tbody tr{position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.table tbody tr:hover{z-index:1}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.badge-orange{background:var(--accent-light);color:var(--accent)}.badge-green{background:var(--green-light);color:var(--green)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-red{background:var(--red-light);color:var(--red)}.badge-yellow{background:var(--yellow-light);color:var(--yellow)}.badge-gray{background:var(--divider);color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-out);animation:cardEntry .5s var(--ease-out) both}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.stat-card:nth-child(1){animation-delay:0s}.stat-card:nth-child(2){animation-delay:.06s}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-card:nth-child(5){animation-delay:.24s}.stat-card:nth-child(6){animation-delay:.3s}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-value{font-size:28px;font-weight:800;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-5);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{background:var(--card-solid);border-radius:var(--radius-lg);border:1px solid var(--glass-border);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalEntry .3s var(--ease-spring)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.3px}.modal-close{background:var(--divider);border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.modal-close:hover{background:var(--border-strong);color:var(--text)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:flex-end}.filters-bar{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.filter-input{padding:8px 14px;border:1.5px solid var(--input-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font);outline:none;min-width:160px;background:var(--input-bg);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--duration-fast)}.filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus-ring)}.empty-state{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-muted);animation:fadeIn .5s var(--ease-out)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-3)}.empty-state-text{font-size:var(--text-base);font-weight:500}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);animation:slideDown .3s var(--ease-out)}.alert-error{background:var(--red-light);color:var(--red);border:1px solid rgba(220,38,38,.15)}.alert-success{background:var(--green-light);color:var(--green);border:1px solid rgba(5,150,105,.15)}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--space-5)}.login-card{background:var(--card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:modalEntry .5s var(--ease-spring)}.login-icon{font-size:48px;text-align:center;margin-bottom:var(--space-3)}.login-title{font-size:var(--text-xl);font-weight:800;text-align:center;color:var(--text);margin-bottom:var(--space-1);letter-spacing:-.5px}.login-subtitle{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-bottom:var(--space-7)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalEntry{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes cardEntry{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes badgePop{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes breathe{0%,to{box-shadow:none}50%{box-shadow:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter>*{animation:slideUp .4s var(--ease-out) both}.page-enter>*:nth-child(1){animation-delay:0s}.page-enter>*:nth-child(2){animation-delay:.05s}.page-enter>*:nth-child(3){animation-delay:.1s}.page-enter>*:nth-child(4){animation-delay:.15s}.page-enter>*:nth-child(5){animation-delay:.2s}.page-enter>*:nth-child(6){animation-delay:.25s}.skeleton{background:linear-gradient(90deg,var(--divider) 25%,var(--border) 37%,var(--divider) 63%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.theme-toggle{display:flex;align-items:center;gap:var(--space-2);padding:6px;border-radius:var(--radius-full);background:var(--divider);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.theme-toggle:hover{background:var(--border)}.theme-toggle-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform var(--duration-normal) var(--ease-spring)}[data-theme=dark] .theme-toggle-thumb{transform:translate(20px)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important;padding:var(--space-4) var(--space-3)!important}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.stat-card{padding:14px;gap:10px}.stat-icon{width:36px;height:36px;font-size:18px}.stat-value{font-size:20px}.stat-label{font-size:var(--text-xs)}.mobile-menu-btn{display:flex!important}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.page-title{font-size:20px}.modal-overlay{padding:var(--space-2);align-items:flex-end}.modal{max-width:100%;max-height:88vh;border-radius:var(--radius-md) var(--radius-md) 0 0}.modal-body,.modal-header{padding:var(--space-4)}.card{padding:14px;border-radius:var(--radius-sm)}.filters-bar{gap:var(--space-2)}.filter-input{min-width:100%;font-size:16px}.login-card{padding:var(--space-6) var(--space-5)}.table-container{margin-left:-12px;margin-right:-12px;border-radius:0;border-left:none;border-right:none}.table th,.table td{padding:10px 12px;font-size:var(--text-xs)}}@media (max-width: 374px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;align-items:center}}.mobile-menu-btn{display:none;position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:24px;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);z-index:99;transition:transform var(--duration-fast) var(--ease-spring)}.mobile-menu-btn:active{transform:scale(.9)}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (pointer: coarse){button,input,select,textarea,a{min-height:44px}select{font-size:16px}}@supports (padding: env(safe-area-inset-bottom)){body,.sidebar{padding-bottom:env(safe-area-inset-bottom)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.loading-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.hide-mobile{display:none!important}}.aurora-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.aurora-hero:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg at 50% 50%,var(--accent) 0deg,transparent 60deg,var(--blue) 120deg,transparent 180deg,var(--purple) 240deg,transparent 300deg,var(--accent) 360deg);opacity:.07;animation:auroraRotate 20s linear infinite;pointer-events:none}[data-theme=dark] .aurora-hero:before{opacity:0;display:none}@keyframes auroraRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.swipe-row{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);gap:12px!important;grid-template-columns:unset!important}.swipe-row>*{scroll-snap-align:start;min-width:75vw;flex-shrink:0}.swipe-row::-webkit-scrollbar{display:none}}@keyframes sparkDraw{to{stroke-dashoffset:0}}@media (min-width: 769px){.hide-desktop{display:none!important}}.tabular-nums{font-variant-numeric:tabular-nums}.bottom-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--sidebar-bg);border-top:1px solid var(--border);padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 12px #00000014;transition:background var(--duration-slow) var(--ease-smooth)}@media (max-width: 767px){.bottom-tab-bar{display:flex;justify-content:space-around;align-items:center}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;border:none;background:none;color:var(--text-muted);font-size:10px;font-weight:600;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;min-width:56px}.tab-item:active{transform:scale(.9)}.tab-item.active{color:var(--accent)}.tab-item .tab-icon{font-size:22px;line-height:1;transition:transform .2s var(--ease-spring)}.tab-item.active .tab-icon{transform:scale(1.1)}.tab-item .tab-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:fadeIn .2s var(--ease-out)}.more-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:250;animation:fadeIn .2s var(--ease-out)}.more-sheet{position:fixed;bottom:0;left:0;right:0;z-index:251;background:var(--card-solid);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-xl);animation:slideUp .3s var(--ease-spring);max-height:70vh;overflow-y:auto}.more-sheet-handle{width:36px;height:4px;background:var(--border-strong);border-radius:2px;margin:0 auto var(--space-4)}.more-sheet-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:var(--text-sm);font-weight:500;color:var(--text);transition:background var(--duration-fast)}.more-sheet-item:active{background:var(--accent-light)}.more-sheet-item.active{color:var(--accent);font-weight:600}.font-mono{font-family:var(--font-mono)}*,*:before,*:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:0s;transition-timing-function:var(--ease-smooth)}[data-theme-transitioning] *,[data-theme-transitioning] *:before,[data-theme-transitioning] *:after{transition-duration:var(--duration-slow)!important}
