@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Black+Ops+One&display=swap";
.font-logo{font-family:Black Ops One,system-ui,sans-serif!important;font-weight:400!important}:root{--navy-900:#0a1628;--navy-800:#111d35;--navy-700:#1b2a4a;--navy-600:#243b6a;--navy-500:#2d4f8a;--navy-400:#3a65a8;--gold-600:#b8941f;--gold-500:#d4af37;--gold-400:#e5c158;--gold-300:#f0d68a;--gold-200:#f7e8b5;--black-950:#050505;--black-900:#0d0d0d;--black-800:#1a1a1a;--black-700:#2d2d2d;--black-600:#404040;--black-500:#525252;--success:#22c55e;--success-bg:#22c55e1f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--info:#3b82f6;--info-bg:#3b82f61f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-gold:#d4af37;--text-dark:#0f172a;--bg-body:#0a1628;--bg-card:#111d35d9;--bg-card-solid:#111d35;--bg-elevated:#1b2a4a99;--bg-input:#0a162899;--bg-hover:#1b2a4acc;--border-default:#d4af3740;--border-gold:#d4af3740;--border-gold-strong:#d4af3780;--border-focus:var(--gold-500);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-gold:0 4px 16px #d4af3726;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease-out;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--z-nav:100;--header-height:56px;--bottom-nav-height:64px;--sidebar-width:260px;--max-content-width:1200px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--sidebar-offset:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;overscroll-behavior-y:none;height:100dvh;font-size:16px;overflow:hidden}body{color:var(--text-primary);background:var(--bg-body);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#d4af3733}::-webkit-scrollbar-thumb:hover{background:#d4af3766}::selection{color:var(--text-primary);background:#d4af374d}::selection{color:var(--text-primary);background:#d4af374d}:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{color:var(--gold-500);font-family:Inter,sans-serif;font-weight:600;line-height:1.3}.page-title{filter:drop-shadow(0 2px 5px #d4af3766);align-items:center;gap:8px;margin:0;display:flex}.text-gradient-gold{background:linear-gradient(90deg, var(--gold-200) 0%, var(--gold-400) 40%, var(--gold-600) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.3;display:inline-block}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}p{color:var(--text-secondary);line-height:1.6}a{color:var(--gold-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--gold-400)}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:Inter,sans-serif}.text-gold{color:var(--text-gold)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.app-layout{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex-direction:column;height:100dvh;display:flex;overflow:hidden auto}.app-main{padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-header h1{margin-bottom:var(--space-1);font-size:1.5rem}.page-header p{color:var(--text-secondary);font-size:.875rem}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-base), box-shadow var(--transition-slow), transform var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-slow);pointer-events:none;background:radial-gradient(circle at 50% 0,#d4af370f 0%,#0000 70%);position:absolute;inset:0}.card:hover{border-color:var(--border-gold)}.card:hover:before{opacity:1}.card-gold{border-color:var(--border-gold);background:linear-gradient(135deg,#1b2a4acc,#111d35e6)}.card-gold:hover{border-color:var(--border-gold-strong);box-shadow:var(--shadow-gold)}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clickable:active{transform:scale(.98)translateY(0)}.stat-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);display:flex}.stat-card .stat-icon{border-radius:var(--radius-md);width:44px;height:44px;transition:transform var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(-3deg)}.stat-card .stat-content{flex:1;min-width:0}.stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-size:.75rem}.stat-card .stat-value{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.2}.stat-card .stat-change{margin-top:var(--space-1);font-size:.75rem}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-default);z-index:var(--z-nav);background:linear-gradient(#0a1628f2,#0a1628fa);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{padding:10px var(--space-3);color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;font-size:.625rem;font-weight:500;text-decoration:none;display:flex;position:relative}.bottom-nav a svg{width:22px;height:22px;transition:transform var(--transition-base)}.bottom-nav a.active{color:var(--gold-500)}.bottom-nav a.active svg{filter:drop-shadow(0 0 6px #d4af3766);transform:scale(1.1)}.bottom-nav a.active:before{content:"";border-radius:var(--radius-md);z-index:-1;background:#d4af371a;width:40px;height:34px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.bottom-nav a.active:after{content:"";background:var(--gold-500);border-radius:0 0 var(--radius-full) var(--radius-full);width:24px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #d4af3780}.bottom-nav a:active svg{transform:scale(.85)}.app-header{height:var(--header-height);padding:0 var(--space-4);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-default);z-index:var(--z-sticky);background:#0a1628e6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header .logo{align-items:center;gap:var(--space-2);display:flex}.app-header .logo-icon{background:linear-gradient(135deg, var(--gold-500), var(--gold-600));border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-dark);justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;display:flex}.app-header .logo-text{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700}.app-header .logo-text span{color:var(--gold-500)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;min-height:44px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--gold-500), var(--gold-600));color:var(--text-dark);box-shadow:var(--shadow-gold)}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:40%;height:200%;transition:left .5s;position:absolute;top:-50%;left:-60%;transform:skew(-25deg)}.btn-primary:hover:after{left:120%}.btn-primary:hover{background:linear-gradient(135deg, var(--gold-400), var(--gold-500));color:var(--text-dark);transform:translateY(-1px);box-shadow:0 6px 20px #d4af374d}.btn-secondary{color:var(--gold-500);border:1px solid var(--border-gold);background:0 0}.btn-secondary:hover{border-color:var(--border-gold-strong);color:var(--gold-400);background:#d4af3714}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-success{background:var(--success);color:#fff}.btn-success:hover{box-shadow:0 4px 12px #22c55e4d}.btn-sm{padding:var(--space-2) var(--space-3);min-height:36px;font-size:.8125rem}.btn-lg{padding:var(--space-4) var(--space-6);min-height:52px;font-size:1rem}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-md);width:44px;height:44px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:var(--space-4);min-width:0}.form-label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.8125rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;min-width:0;padding:var(--space-3) var(--space-4);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-height:48px;font-family:Inter,sans-serif;font-size:.9375rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #d4af3726}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.6;cursor:pointer;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--danger);margin-top:var(--space-1);font-size:.75rem}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-gold{color:var(--gold-500);background:#d4af371f}.avatar{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-dark);background:linear-gradient(135deg, var(--gold-500), var(--gold-600));border:2px solid var(--gold-500);flex-shrink:0;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;display:flex;overflow:hidden;box-shadow:0 0 8px #d4af378c,0 0 2px #d4af374d}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.125rem}.list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);transition:background var(--transition-fast);display:flex}.list-item:last-child{border-bottom:none}.list-item-clickable{cursor:pointer}.list-item-clickable:hover{background:var(--bg-hover)}.list-item-clickable:active{background:#1b2a4a99}.list-item .list-item-content{flex:1;min-width:0}.list-item .list-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.list-item .list-item-subtitle{color:var(--text-secondary);margin-top:1px;font-size:.8125rem}.list-item .list-item-right{text-align:right;flex-shrink:0}.attendance-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1rem;display:flex}.attendance-btn.present{background:var(--success-bg);border-color:var(--success);color:var(--success)}.attendance-btn.absent{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.attendance-btn.late{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.attendance-btn.excused{background:var(--info-bg);border-color:var(--info);color:var(--info)}.tabs{gap:var(--space-1);padding:var(--space-1);background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-width:max-content;padding:var(--space-2) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:center;background:0 0;border:none;flex:1;font-size:.8125rem;font-weight:500}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{background:var(--navy-700);color:var(--gold-500);font-weight:600}.grid-2,.grid-3{gap:var(--space-3);grid-template-columns:1fr;display:grid}.grid-4{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.quick-action{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);flex-direction:column;text-decoration:none;display:flex}.quick-action .action-icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-1);transition:transform var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.quick-action:active .action-icon{transform:scale(.92)}.quick-action .action-label{color:var(--text-secondary);text-align:center;font-size:.75rem;font-weight:500}.summary-bar{gap:var(--space-2);grid-template-columns:1fr;display:grid}.summary-item{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.summary-value{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2}.summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:.6875rem}.section-title{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.section-title a{color:var(--gold-500);font-size:.8125rem}.filter-pills{gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.filter-pill{padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;font-size:.8125rem}.filter-pill.active{background:var(--gold-500);color:var(--text-dark);border-color:var(--gold-500);font-weight:600}.filter-pill:hover:not(.active){border-color:var(--border-gold);color:var(--text-primary)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:3rem}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state p{color:var(--text-muted);max-width:280px;font-size:.875rem}.transaction-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default);display:flex}.transaction-row:last-child{border-bottom:none}.transaction-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.transaction-icon.income{background:var(--success-bg);color:var(--success)}.transaction-icon.expense{background:var(--danger-bg);color:var(--danger)}.transaction-info{flex:1;min-width:0}.transaction-category{color:var(--text-primary);font-size:.875rem;font-weight:500}.transaction-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.transaction-amount{text-align:right;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:500}.transaction-amount.income{color:var(--success)}.transaction-amount.expense{color:var(--danger)}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.report-table th{padding:var(--space-3) var(--space-3);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border-default);text-align:left;background:var(--bg-card-solid);z-index:1;font-size:.6875rem;font-weight:600;position:sticky;top:0}.report-table td{padding:var(--space-3) var(--space-3);color:var(--text-secondary);border:1px solid #ffffff0f}.report-table tbody tr:nth-child(2n){background:#ffffff04}.report-table tbody tr:hover{background:#d4af3708}.report-table .text-center{text-align:center}.report-table .text-right{text-align:right}.report-table .text-bold{color:var(--text-primary);font-weight:600}.section-title{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-title h2{font-size:1rem;font-weight:600}.section-title a,.section-title button{color:var(--gold-500);cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}.search-bar{margin-bottom:var(--space-4);position:relative}.search-bar svg{left:var(--space-3);width:18px;height:18px;color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);outline:none;min-height:44px;font-family:Inter,sans-serif;font-size:.875rem}.search-bar input:focus{border-color:var(--gold-500)}.filter-pills{gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.filter-pill{padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;flex-shrink:0;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}.filter-pill:hover{border-color:var(--border-gold);color:var(--text-primary);background:#d4af370a}.filter-pill.active{border-color:var(--gold-500);color:var(--gold-500);background:#d4af371a;font-weight:600;box-shadow:0 0 12px #d4af3726}.attendance-actions{gap:6px;display:flex}.attendance-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.attendance-btn:hover{border-color:var(--text-secondary);color:var(--text-primary);transform:scale(1.05)}.attendance-btn:active{transform:scale(.92)}.attendance-btn.present{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 2px 8px #22c55e4d}.attendance-btn.late{background:var(--warning);border-color:var(--warning);color:#fff;box-shadow:0 2px 8px #eab3084d}.attendance-btn.excused{background:var(--info);border-color:var(--info);color:#fff;box-shadow:0 2px 8px #3b82f64d}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state .empty-icon{margin-bottom:var(--space-4);font-size:3rem}.empty-state h3{margin-bottom:var(--space-2);color:var(--text-primary);font-size:1.125rem;font-weight:600}.empty-state p{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:.875rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));overscroll-behavior:none;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--navy-800);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:480px;padding:var(--space-6);overscroll-behavior:contain;touch-action:pan-y;max-height:85dvh;animation:.3s ease-out slideUp;overflow-y:auto}.modal-handle{background:var(--black-600);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-4)}.modal-compact{max-height:calc(100dvh - var(--bottom-nav-height) - env(safe-area-inset-bottom,0px) - 32px);flex-direction:column;display:flex;overflow:hidden}.modal-compact .modal-compact-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);flex:1;min-width:0;overflow:hidden auto}.modal-compact .modal-compact-footer{padding-top:var(--space-3);border-top:1px solid var(--border-default);flex-shrink:0;margin-top:auto}.modal-compact .form-group{margin-bottom:var(--space-2);min-width:0;overflow:hidden}.modal-compact .form-label{margin-bottom:2px;font-size:.6875rem}.modal-compact .form-input,.modal-compact .form-select,.modal-compact .form-textarea{box-sizing:border-box;min-width:0;max-width:100%;padding:8px 10px;font-size:.875rem}.modal-compact .form-textarea{min-height:48px}.modal-compact .form-grid-2{gap:var(--space-2)}.modal-compact .form-grid-2>*{min-width:0;overflow:hidden}.form-sticky-footer{padding:var(--space-3) 0;padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--bg-primary);z-index:5;position:sticky;bottom:0}.spinner{border:2px solid var(--border-default);border-top-color:var(--gold-500);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--navy-800) 25%, #d4af370d 50%, var(--navy-800) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.toast{top:var(--space-4);max-width:calc(100% - var(--space-8));padding:var(--space-3) var(--space-5);background:var(--navy-700);border:1px solid var(--border-gold);border-radius:var(--radius-lg);color:var(--text-primary);z-index:var(--z-toast);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:500;animation:.3s ease-out slideDown,.3s 2.7s forwards fadeOut;position:fixed;left:50%;transform:translate(-50%)}.login-page{min-height:100dvh;padding:var(--space-6);background:linear-gradient(180deg, var(--navy-900) 0%, var(--black-900) 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{text-align:center;width:100%;max-width:400px}.login-logo{width:72px;height:72px;margin:0 auto var(--space-4);background:linear-gradient(135deg, var(--gold-500), var(--gold-600));border-radius:var(--radius-xl);color:var(--text-dark);box-shadow:var(--shadow-gold);justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.login-title{margin-bottom:var(--space-1);font-size:1.5rem}.login-subtitle{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:.875rem}.summary-bar{background:var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.summary-item{padding:var(--space-3) var(--space-2);background:var(--bg-card-solid);text-align:center}.summary-item .summary-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700}.summary-item .summary-label{color:var(--text-secondary);margin-top:2px;font-size:.6875rem}.filter-pills{gap:var(--space-2);-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);margin-bottom:var(--space-4);display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500}.filter-pill:hover{border-color:var(--border-gold);color:var(--text-primary)}.filter-pill.active{border-color:var(--gold-500);color:var(--gold-500);background:#d4af371f}.fab{bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));right:var(--space-4);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-500), var(--gold-600));width:56px;height:56px;color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-gold), var(--shadow-lg);z-index:var(--z-sticky);transition:all var(--transition-base);border:none;justify-content:center;align-items:center;font-size:1.5rem;animation:.5s ease-out bounceIn;display:flex;position:fixed}.fab:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 8px 28px #d4af3766}.fab:active{transform:scale(.9)rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(2deg)}66%{transform:translateY(4px)rotate(-1deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 4px #d4af3733}50%{box-shadow:0 0 16px #d4af3766}}@keyframes bell-ring{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.notification-panel{background:var(--bg-card-solid);border-radius:var(--radius-lg);z-index:200;overscroll-behavior:none;touch-action:none;width:340px;max-height:70vh;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff14}@media (max-width:600px){.notification-panel{top:calc(var(--header-height,56px) + 4px);border-radius:var(--radius-lg);width:auto;max-height:80vh;position:fixed;left:8px;right:8px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff1a}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.fade-up{animation:.4s ease-out both slideInUp}.scale-in{animation:.3s ease-out both scaleIn}.grid-3{grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.summary-bar{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.app-main{padding:var(--space-6);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-6))}h1{font-size:2rem}h2{font-size:1.5rem}.page-header h1{font-size:1.75rem}.modal-overlay{align-items:center}.modal-content{border-radius:var(--radius-2xl);max-height:80dvh}}@media (min-width:1024px){:root{--bottom-nav-height:0px;--sidebar-offset:var(--sidebar-width)}.bottom-nav{display:none}.modal-overlay{padding-bottom:0}.app-main{padding:var(--space-6) var(--space-8);padding-bottom:var(--space-6);margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.app-header{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.sidebar{display:flex!important}.fab{bottom:var(--space-6);right:var(--space-6)}.stat-card:hover{box-shadow:var(--shadow-gold), var(--shadow-md);transform:translateY(-3px)}form .card{max-width:640px}.report-table{font-size:.875rem}.report-table th,.report-table td{padding:var(--space-3) var(--space-4)}.report-table tbody tr:nth-child(2n){background:#ffffff05}.report-table tbody tr{transition:background var(--transition-fast)}.quick-action .action-icon{width:52px;height:52px;font-size:1.375rem}}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--bg-card-solid) 0%, #0a1628f2 100%);border-right:1px solid var(--border-default);padding:var(--space-4);z-index:var(--z-nav);flex-direction:column;display:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar .sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);margin-bottom:var(--space-6);display:flex}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-nav a{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);margin-left:4px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav a:hover{background:var(--bg-hover);color:var(--text-primary);padding-left:calc(var(--space-3) + 4px)}.sidebar-nav a:hover span:first-child{transition:transform var(--transition-fast);transform:scale(1.1)}.sidebar-nav a.active{color:var(--gold-500);background:linear-gradient(135deg,#d4af371a,#d4af370a);border:1px solid #d4af371a;font-weight:600}.sidebar-nav a.active:before{content:"";background:linear-gradient(180deg, var(--gold-400), var(--gold-600));border-radius:var(--radius-full);width:3px;position:absolute;top:6px;bottom:6px;left:-4px;box-shadow:0 0 10px #d4af3780}.sidebar-nav a svg{width:20px;height:20px;transition:transform var(--transition-fast);flex-shrink:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.p-0{padding:0}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-outline{color:var(--gold-500);border:1px solid var(--border-gold);background:0 0}.btn-outline:hover{border-color:var(--border-gold-strong);background:#d4af3714}.report-table{border-collapse:collapse;width:100%;font-size:.8125rem}.report-table th,.report-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border-default);white-space:nowrap}.report-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-elevated);z-index:2;font-size:.6875rem;font-weight:600;position:sticky;top:0}.report-table tr:hover td{background:var(--bg-hover)}.report-table .text-bold{font-weight:600}.toast{bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));padding:var(--space-3) var(--space-5);background:var(--bg-card-solid);border:1px solid var(--border-gold);border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-lg);z-index:var(--z-toast);max-width:calc(100vw - var(--space-8));text-align:center;font-size:.875rem;animation:.3s cubic-bezier(.32,.72,0,1) toast-slide-up;position:fixed;left:50%;transform:translate(-50%)}.toast-success{border-color:#22c55e4d}.toast-error{border-color:#ef44444d}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:639px){.list-item{min-height:56px}.list-item-clickable:active{background:var(--bg-hover);transition:background 50ms}.stat-card{padding:var(--space-3);gap:var(--space-2);text-align:center;flex-direction:column;align-items:center}.stat-card .stat-icon{border-radius:var(--radius-md);width:36px;height:36px;font-size:1rem}.stat-card .stat-value{font-size:clamp(.875rem,3.5vw,1.25rem);line-height:1.1}.stat-card .stat-label{letter-spacing:.04em;font-size:.5625rem}.stat-card .stat-change{font-size:.5625rem}.summary-bar .summary-value{font-size:clamp(.75rem,3vw,1rem)}.summary-bar .summary-label{font-size:.5625rem}.form-input,.form-select,.form-textarea{min-height:48px;font-size:1rem}.filter-pill{align-items:center;min-height:36px;display:flex}.page-header h1{font-size:1.25rem}.page-header p{font-size:.8125rem}.quick-action{padding:var(--space-3) var(--space-2)}.quick-action .action-icon{width:40px;height:40px;font-size:1.125rem}.quick-action .action-label{font-size:.6875rem}.section-title h2{font-size:.875rem}.transaction-amount{font-size:.8125rem}.tab{padding:var(--space-2) var(--space-3);font-size:.75rem}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%}}@media (max-width:374px){.stat-card .stat-value{font-size:.8125rem}.stat-card .stat-icon{width:30px;height:30px;font-size:.875rem}.stat-card{padding:var(--space-2)}.summary-bar .summary-value{font-size:.75rem}.page-header h1{font-size:1.125rem}.grid-3{gap:var(--space-2)}}.empty-state .btn{margin-top:var(--space-4)}.btn:active:not(:disabled){transition:transform 80ms;transform:scale(.96)}.card-clickable:active{transition:transform 80ms;transform:scale(.98)translateY(0)}@keyframes badge-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.35s cubic-bezier(.32,.72,0,1) slideInUp}@keyframes keypad-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.breakdown-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:600px){.breakdown-grid{grid-template-columns:1fr}.breakdown-grid>div:last-child{padding-top:var(--space-3);border-top:1px solid var(--border-default);text-align:left!important}}.wmde-markdown{color:inherit!important;background:0 0!important;font-family:Inter,sans-serif!important;font-size:1rem!important}.wmde-markdown p{margin-bottom:1em!important;line-height:1.6!important}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4{color:var(--gold-500)!important;border-bottom:none!important;margin-top:1.5em!important;margin-bottom:.5em!important;font-weight:600!important}.wmde-markdown ul,.wmde-markdown ol{margin-bottom:1em!important;padding-left:2em!important}.wmde-markdown ul{list-style:outside!important}.wmde-markdown ol{list-style:decimal!important}.wmde-markdown li{margin-bottom:.5em!important;display:list-item!important}.wmde-markdown blockquote{border-left:4px solid var(--gold-500)!important;color:var(--text-secondary)!important;border-radius:0 var(--radius-md) var(--radius-md) 0!important;background:#d4af370d!important;margin-bottom:1em!important;margin-left:0!important;padding:1em!important}.wmde-markdown hr{border:0!important;border-bottom:1px solid var(--border-default)!important;margin:2em 0!important}.wmde-markdown strong{color:var(--text-primary)!important;font-weight:600!important}.form-grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:420px){.form-grid-2{grid-template-columns:1fr}}input[type=date].form-input{text-overflow:ellipsis;min-width:0;overflow:hidden}.collapsible-section{border-radius:var(--radius-lg);overflow:visible}.collapsible-header{width:100%;padding:var(--space-3) 0;cursor:pointer;color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:var(--space-2);background:0 0;border:none;font-family:inherit;display:flex}.collapsible-header:active{opacity:.7}.collapsible-title{align-items:center;gap:var(--space-2);min-width:0;display:flex}.collapsible-title h2{white-space:nowrap;margin:0;font-size:1rem;font-weight:600}.collapsible-icon{flex-shrink:0;font-size:1.1rem}.collapsible-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.collapsible-chevron{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.collapsible-chevron-open{transform:rotate(180deg)}.collapsible-content{transition:height .3s cubic-bezier(.4,0,.2,1)}.ceo-dash{gap:var(--space-4);flex-direction:column;display:flex}.ceo-time-filter{background:var(--navy-800);border-radius:10px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.ceo-time-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .2s}.ceo-time-btn:hover{color:var(--text-primary);background:var(--navy-700)}.ceo-time-btn.active{background:var(--gold-500);color:var(--navy-900)}.ceo-updated{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.65rem}.ceo-hero-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:768px){.ceo-hero-grid{gap:var(--space-4)}}@media (min-width:1024px){.ceo-hero-grid{grid-template-columns:repeat(3,1fr)}}.ceo-hero-forecast{border-top:1px dashed var(--border-default);flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;display:flex}.ceo-fc-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.6rem;display:flex}.ceo-fc-row strong{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.65rem}.ceo-hero-card{background:var(--navy-800);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:3px;padding:14px;animation:.4s both ceo-fade-in;display:flex;position:relative}.ceo-hero-card:nth-child(n){animation-delay:calc(var(--i,0) * 60ms)}.ceo-hero-card:first-child{--i:0}.ceo-hero-card:nth-child(2){--i:1}.ceo-hero-card:nth-child(3){--i:2}.ceo-hero-card:nth-child(4){--i:3}.ceo-hero-card:nth-child(5){--i:4}.ceo-hero-card:nth-child(6){--i:5}.ceo-hero-card:nth-child(7){--i:6}.ceo-hero-card:nth-child(8){--i:7}.ceo-hero-good{border-color:#34d39933}.ceo-hero-warn{border-color:#fbbf2433}.ceo-hero-bad{border-color:#f8717133}.ceo-hero-top{justify-content:space-between;align-items:center;display:flex}.ceo-hero-icon{font-size:1.2rem}.ceo-hero-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:600}.ceo-hero-value{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,monospace;font-size:1rem;font-weight:800;line-height:1.2}@media (min-width:768px){.ceo-hero-value{font-size:1.15rem}}.ceo-hero-sub{color:var(--text-muted);margin-top:2px;font-size:.58rem}.ceo-hero-goal{color:var(--text-muted);margin-top:1px;font-size:.55rem}.ceo-hero-goal-pct{color:var(--text-secondary);font-size:.6rem;font-weight:700}.ceo-hero-progress{background:var(--navy-700);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.ceo-hero-progress>div{border-radius:2px;height:100%;transition:width .8s}.ceo-compare-wrap{z-index:50;display:inline-block;position:relative}.ceo-compare-label{color:var(--text-muted);cursor:help;border-bottom:1px dotted var(--text-muted);padding-bottom:1px;font-size:.55rem;transition:color .2s}.ceo-compare-label:hover{color:var(--gold-400);border-color:var(--gold-400)}.ceo-tooltip{background:var(--navy-900);border:1px solid var(--border-default);z-index:200;color:var(--text-secondary);white-space:nowrap;border-radius:8px;min-width:220px;padding:10px 12px;font-size:.65rem;line-height:1.6;animation:.2s ceo-fade-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.ceo-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--border-default);position:absolute;top:100%;left:50%;transform:translate(-50%)}.ceo-tooltip strong{color:var(--text-primary)}.ceo-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ceo-dot.good{background:var(--success);box-shadow:0 0 6px var(--success)}.ceo-dot.warn{background:var(--warning);box-shadow:0 0 6px var(--warning)}.ceo-dot.bad{background:var(--danger);box-shadow:0 0 6px var(--danger)}.ceo-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.ceo-status-dot.good{background:var(--success)}.ceo-status-dot.warn{background:var(--warning)}.ceo-status-dot.bad{background:var(--danger)}.ceo-spark{width:100%;height:20px;margin-top:auto}.ceo-change{border-radius:4px;align-items:center;gap:2px;padding:1px 6px;font-size:.6rem;font-weight:700;display:inline-flex}.ceo-change.up{color:var(--success);background:#34d3991a}.ceo-change.down{color:var(--danger);background:#f871711a}.ceo-main-grid{gap:var(--space-4);flex-direction:column;display:flex}@media (min-width:1024px){.ceo-main-grid{flex-direction:row}.ceo-left{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.ceo-right{gap:var(--space-3);flex-direction:column;flex-shrink:0;width:300px;display:flex}}.ceo-left{gap:var(--space-4);flex-direction:column;display:flex}.ceo-right{gap:var(--space-3);flex-direction:column;display:flex}.ceo-section-card{background:var(--navy-800);border:1px solid var(--border-default);border-radius:12px;padding:16px;animation:.5s both ceo-fade-in}.ceo-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-default);margin-bottom:14px;padding-bottom:10px;font-size:.85rem;font-weight:700}.ceo-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:768px){.ceo-kpi-row{grid-template-columns:repeat(4,1fr)}}.ceo-kpi{border:1px solid var(--border-default);background:#0a162880;border-radius:8px;padding:10px}.ceo-kpi-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ceo-kpi-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;font-weight:600}.ceo-kpi-val{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.95rem;font-weight:700}.ceo-kpi-sub-inline{color:var(--text-muted);margin-left:4px;font-family:inherit;font-size:.6rem;font-weight:400}.ceo-mini-bar{background:var(--navy-700);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.ceo-mini-bar>div{border-radius:2px;height:100%;transition:width .8s}.ceo-class-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:600px){.ceo-class-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ceo-class-grid{grid-template-columns:repeat(3,1fr)}}.ceo-class-card{border:1px solid var(--border-default);background:#0a162880;border-radius:8px;padding:12px}.ceo-class-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ceo-class-name{color:var(--text-primary);font-size:.8rem;font-weight:700}.ceo-class-fill{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ceo-class-fill-bar{background:var(--navy-700);border-radius:3px;flex:1;height:6px;overflow:hidden}.ceo-class-fill-bar>div{border-radius:3px;height:100%;transition:width .8s}.ceo-class-fill-text{color:var(--text-muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.65rem}.ceo-class-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;font-size:.6rem;display:flex}.ceo-funnel{flex-direction:column;gap:6px;display:flex}.ceo-funnel-step{align-items:center;gap:10px;display:flex}.ceo-funnel-bar{background:var(--navy-700);border-radius:4px;flex:1;height:20px;overflow:hidden}.ceo-funnel-bar>div{background:linear-gradient(90deg, var(--gold-500), var(--gold-600));border-radius:4px;min-width:4px;height:100%;transition:width .8s}.ceo-funnel-info{flex-shrink:0;width:130px}.ceo-funnel-label{color:var(--text-muted);font-size:.7rem;display:block}.ceo-funnel-value{color:var(--text-primary);font-size:.8rem;font-weight:700}.ceo-funnel-pct{color:var(--text-muted);font-size:.65rem;font-weight:400}.ceo-breakdown{margin-top:12px}.ceo-breakdown-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:.7rem;font-weight:600}.ceo-breakdown-row{align-items:center;gap:8px;padding:4px 0;font-size:.75rem;display:flex}.ceo-breakdown-row>span:first-child{width:80px;color:var(--text-secondary);flex-shrink:0}.ceo-breakdown-bar-wrap{background:var(--navy-700);border-radius:3px;flex:1;height:6px;overflow:hidden}.ceo-breakdown-bar{background:var(--gold-500);border-radius:3px;height:100%;transition:width .6s}.ceo-breakdown-row .mono{text-align:right;flex-shrink:0;width:90px;font-weight:600}.ceo-sidebar-card{background:var(--navy-800);border:1px solid var(--border-default);border-radius:12px;padding:14px;animation:.5s both ceo-fade-in}.ceo-sidebar-title{color:var(--text-primary);border-bottom:1px solid var(--border-default);margin-bottom:12px;padding-bottom:8px;font-size:.8rem;font-weight:700}.ceo-sidebar-empty{color:var(--text-muted);text-align:center;padding:12px;font-size:.75rem}.ceo-alert-list{flex-direction:column;gap:6px;display:flex}.ceo-alert-item{border-radius:8px;align-items:flex-start;gap:6px;padding:8px 10px;font-size:.72rem;line-height:1.4;display:flex}.ceo-alert-item.danger{color:var(--danger);background:#f8717114;border:1px solid #f8717126}.ceo-alert-item.warning{color:var(--warning);background:#fbbf2414;border:1px solid #fbbf2426}.ceo-alert-item.info{color:var(--info);background:#60a5fa14;border:1px solid #60a5fa26}.ceo-alert-dot{flex-shrink:0;margin-top:2px;font-size:.6rem;line-height:1}.ceo-rank-section{margin-bottom:12px}.ceo-rank-section:last-child{margin-bottom:0}.ceo-rank-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:.65rem;font-weight:600}.ceo-rank-row{align-items:center;gap:6px;padding:4px 0;font-size:.75rem;display:flex}.ceo-rank-num{flex-shrink:0;width:20px}.ceo-rank-name{color:var(--text-secondary);flex:1}.ceo-rank-val{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.7rem;font-weight:700}.ceo-ai-btn{cursor:pointer;background:linear-gradient(135deg, var(--gold-500), var(--gold-600));color:var(--navy-900);border:none;border-radius:8px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s}.ceo-ai-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.ceo-ai-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ceo-ai-result{border:1px solid var(--border-default);color:var(--text-secondary);background:#0a162880;border-radius:8px;padding:14px;font-size:.8rem;line-height:1.6;animation:.4s ceo-fade-in}.ceo-ai-result p{margin-bottom:8px}.ceo-ai-result li{margin-bottom:4px;margin-left:16px}.ceo-ai-result strong{color:var(--gold-400)}.em-ai-loading-dots{justify-content:center;gap:6px;display:flex}.em-ai-loading-dots span{color:var(--gold-400);font-size:1.2rem;animation:1.4s ease-in-out infinite both ceo-dot-pulse}.em-ai-loading-dots span:nth-child(2){animation-delay:.2s}.em-ai-loading-dots span:nth-child(3){animation-delay:.4s}.em-ai-content{white-space:pre-wrap}@keyframes ceo-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ceo-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ceo-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ceo-fade-in;display:flex;position:fixed;top:0;left:0}.ceo-modal-box{background:var(--navy-900);border:1px solid var(--border-default);border-radius:16px;width:90%;max-width:440px;animation:.3s cubic-bezier(.16,1,.3,1) ceo-slide-up;overflow:hidden;box-shadow:0 12px 40px #0009}@keyframes ceo-slide-up{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.ceo-modal-header{border-bottom:1px solid var(--border-default);background:#ffffff08;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ceo-modal-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.ceo-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.75rem;line-height:1;transition:color .2s}.ceo-modal-close:hover{color:var(--text-primary)}.ceo-modal-body{padding:20px}.ceo-modal-exp{color:var(--text-secondary);margin:0 0 20px;font-size:.85rem;line-height:1.6}.ceo-modal-calc{background:var(--navy-800);color:var(--text-muted);border:1px dashed var(--border-default);border-radius:8px;padding:14px;font-size:.75rem}.ceo-modal-calc strong{color:var(--gold-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.65rem;font-weight:600;display:block}.ceo-modal-calc p{margin:0;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.6}.ceo-hoverable{transition:transform .2s,box-shadow .2s}.ceo-hoverable:hover{border-color:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.markdown-body{color:var(--text-primary);font-size:.9rem;line-height:1.6}.markdown-body p{margin-bottom:.75rem}.markdown-body p:last-child{margin-bottom:0}.markdown-body strong{color:var(--gold-500);font-weight:700}.markdown-body em{font-style:italic}.markdown-body ul{margin-bottom:.75rem;padding-left:1.25rem;list-style-type:disc}.markdown-body ol{margin-bottom:.75rem;padding-left:1.25rem;list-style-type:decimal}.markdown-body li{margin-bottom:.25rem}.markdown-body a{color:var(--info);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body blockquote{border-left:3px solid var(--gold-500);color:var(--text-secondary);margin-left:0;padding-left:1rem;font-style:italic}