:root{--primary: #0052CC;--primary-hover: #003D99;--primary-subtle: rgba(0, 82, 204, .08);--primary-glow: rgba(0, 82, 204, .25);--accent-cyan: #00B4D8;--brand-gradient: linear-gradient(135deg, #0052CC 0%, #00B4D8 100%);--brand-gradient-hover: linear-gradient(135deg, #003D99 0%, #0096B7 100%);--bg-dark: #0F172A;--bg-canvas: #F1F5F9;--bg-card: #FFFFFF;--bg-subtle: #F8FAFC;--bg-muted: #E2E8F0;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-light: #94A3B8;--border-subtle: #E2E8F0;--border-medium: #CBD5E1;--border-focus: #0052CC;--status-emerald: #059669;--status-emerald-bg: #ECFDF5;--status-emerald-border: #A7F3D0;--status-amber: #D97706;--status-amber-bg: #FFFBEB;--status-amber-border: #FDE68A;--status-purple: #7C3AED;--status-purple-bg: #F5F3FF;--status-purple-border: #DDD6FE;--status-rose: #DC2626;--status-rose-bg: #FEF2F2;--status-rose-border: #FECACA;--status-sky: #0284C7;--status-sky-bg: #F0F9FF;--status-sky-border: #BAE6FD;--profit-emerald: #059669;--profit-emerald-dark: #047857;--profit-emerald-light: #ECFDF5;--profit-border: #A7F3D0;--loss-crimson: #DC2626;--loss-crimson-dark: #B91C1C;--loss-crimson-light: #FEF2F2;--loss-border: #FECACA;--pending-amber: #D97706;--pending-amber-dark: #B45309;--pending-amber-light: #FFFBEB;--pending-border: #FDE68A;--neutral-bg: #FAFAFC;--card-bg: #FFFFFF;--border-strong: #CBD5E1;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-card-hover: 0 12px 24px -4px rgba(0, 82, 204, .12), 0 4px 10px -2px rgba(15, 23, 42, .06);--shadow-glow: 0 0 20px rgba(0, 82, 204, .18);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}code,pre,.font-mono{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card,.finance-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a;transition:all .2s cubic-bezier(.16,1,.3,1)}.card:hover,.finance-card:hover{box-shadow:0 6px 14px -2px #0f172a14,0 2px 6px -1px #0f172a0a}.card-header,.finance-card-header{padding:18px 22px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-body,.finance-card-body{padding:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-family:var(--font-sans);font-size:.84rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0052cc40}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #0052cc59;transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#f8fafc;border-color:var(--border-medium);color:var(--text-primary)}.btn-success{background:var(--status-emerald);color:#fff;box-shadow:0 2px 4px #05966940}.btn-success:hover{background:#047857;transform:translateY(-1px)}.btn-danger{background:var(--status-rose);color:#fff;box-shadow:0 2px 4px #dc262640}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--primary-subtle);color:var(--primary)}.btn-sm{padding:6px 12px;font-size:.76rem;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:.95rem;border-radius:var(--radius-lg)}.input,.select,.textarea,.form-input,.form-select,.form-textarea{width:100%;padding:9px 13px;font-family:var(--font-sans);font-size:.86rem;color:var(--text-primary);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;transition:all .15s ease}.input:focus,.select:focus,.textarea:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0052cc1f}.input::placeholder,.textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}.label,.form-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:8px}.kpi-tile{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.kpi-tile:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-medium)}.admin-badge{display:inline-flex;align-items:center;gap:4px;background:#7c3aed14;color:#7c3aed;border:1px solid rgba(124,58,237,.25);padding:2px 7px;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.admin-action-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:5px 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.admin-action-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-medium)}.admin-action-btn.delete:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.table-container,.finance-table-container,.finance-card:has(>table),.finance-card:has(>div>table){width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#fff!important;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.data-table,.finance-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:.84rem;background:#fff!important}.data-table th,.finance-table th{background:#f1f5f9!important;padding:13px 18px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#334155!important;border-bottom:2px solid #CBD5E1!important;border-top:none;white-space:nowrap}.data-table td,.finance-table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;background:#fff}.data-table tbody tr:nth-child(2n) td,.finance-table tbody tr:nth-child(2n) td{background-color:#fafcfe}.data-table tbody tr:hover td,.finance-table tbody tr:hover td{background-color:#eff6ff!important}.data-table tr:last-child td,.finance-table tr:last-child td{border-bottom:none}.data-table td[colspan],.finance-table td[colspan]{background:#fff!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0f172a40;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .22s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-pulse-subtle{animation:pulseSubtle 2s infinite ease-in-out}@keyframes pulseSubtle{0%,to{opacity:1}50%{opacity:.5}}@media print{body{background:#fff!important;color:#000!important}.no-print,aside,header{display:none!important}.printable-area{margin:0!important;padding:0!important;width:100%!important;box-shadow:none!important;border:none!important}}