:root{--bg-base: #0f1d33;--bg-elevated: #172540;--bg-soft: #1c2d4d;--bg-strong: #223558;--border-subtle: rgba(148, 180, 255, .12);--border-strong: rgba(148, 180, 255, .24);--text-primary: #f0f4ff;--text-secondary: #a8b8d8;--text-muted: #6b7fa0;--text-faint: #4a5a78;--accent-brass: #f0b429;--accent-brass-strong: #f5c842;--accent-brass-subtle: rgba(202, 176, 122, .14);--accent-brass-border: rgba(202, 176, 122, .24);--accent-steel: #60a5fa;--accent-steel-subtle: rgba(144, 160, 189, .14);--accent-positive: #34d399;--accent-green-subtle: rgba(143, 179, 157, .14);--accent-warning: #fbbf24;--accent-danger: #f87171;--shadow-soft: 0 24px 60px rgba(4, 6, 10, .28);--shadow-xs: 0 1px 3px rgba(4, 6, 10, .2);--shadow-card: 0 4px 16px rgba(4, 6, 10, .24), 0 1px 4px rgba(4, 6, 10, .12);--shadow-panel: 0 8px 32px rgba(4, 6, 10, .32), 0 2px 8px rgba(4, 6, 10, .16);--shadow-float: 0 20px 60px rgba(4, 6, 10, .4), 0 4px 16px rgba(4, 6, 10, .2);--shadow-brass: 0 4px 24px rgba(240, 180, 41, .18), 0 1px 6px rgba(240, 180, 41, .1);--gradient-accent: linear-gradient(135deg, #f0b429 0%, #f5c842 60%, #d49a18 100%)}[data-theme=light]{--bg-base: #f0f4fa;--bg-elevated: #ffffff;--bg-soft: #e4eaf5;--bg-strong: #d5dfee;--border-subtle: rgba(15, 29, 60, .1);--border-strong: rgba(15, 29, 60, .2);--text-primary: #0d1b2e;--text-secondary: #2a3a56;--text-muted: #5a6a88;--text-faint: #8a9ab8;--accent-brass: #c9830e;--accent-brass-strong: #d99820;--accent-brass-subtle: rgba(201, 131, 14, .12);--accent-brass-border: rgba(201, 131, 14, .24);--accent-steel: #2563eb;--accent-steel-subtle: rgba(37, 99, 235, .1);--accent-positive: #059669;--accent-green-subtle: rgba(5, 150, 105, .1);--accent-warning: #d97706;--accent-danger: #dc2626;--shadow-soft: 0 24px 60px rgba(15, 29, 60, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overscroll-behavior-y:none;background-color:var(--bg-base)}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent-brass);outline-offset:2px}button,[role=button],a{touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}main{-webkit-overflow-scrolling:touch}body{margin:0;color:var(--text-primary);overflow-x:hidden;font-family:Inter,sans-serif;background:radial-gradient(circle at top left,rgba(96,165,250,.08),transparent 28%),radial-gradient(circle at bottom right,rgba(52,211,153,.06),transparent 22%),linear-gradient(180deg,#1a2d4a,#0f1d33);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light] body{background:radial-gradient(circle at top left,rgba(96,165,250,.05),transparent 28%),radial-gradient(circle at bottom right,rgba(52,211,153,.04),transparent 22%),linear-gradient(180deg,#dce8f8,#f0f4fa)}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,.font-display{font-family:Playfair Display,serif;letter-spacing:-.02em}a{color:inherit}.app-noise:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:160px 160px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 100%);mask-image:radial-gradient(circle at center,black 30%,transparent 100%)}.panel-card{background:linear-gradient(180deg,#1c2a48f7,#0f1d33f7);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);position:relative;overflow:hidden}.panel-card:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);pointer-events:none;z-index:1}[data-theme=light] .panel-card{background:linear-gradient(180deg,#fffffffc,#f0f4fafc);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel)}[data-theme=light] .panel-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 50%,transparent)}.glass-border{border:1px solid var(--border-subtle);background:#0c162ac7;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5)}[data-theme=light] .glass-border{border:1px solid var(--border-subtle);background:#ffffffe0;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}nav.glass-border{background:#0a1224e0;backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);border-top:1px solid rgba(148,180,255,.09);box-shadow:0 -8px 40px #04060a61}[data-theme=light] nav.glass-border{background:#ffffffeb;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border-top:1px solid rgba(15,29,60,.08);box-shadow:0 -4px 24px #0f1d3c14}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;font-weight:700;font-size:.875rem;letter-spacing:.02em;transition:all .18s cubic-bezier(.22,1,.36,1);cursor:pointer;padding:.625rem 1.5rem;border:none;outline:none;white-space:nowrap}.btn-primary{background:var(--gradient-accent);color:#1a1000;box-shadow:var(--shadow-brass)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 28px #f0b42947;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);filter:brightness(.96)}.btn-secondary{background:#ffffff0a;border:1px solid var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:var(--accent-brass-border);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.btn-danger{background:#f871711a;color:var(--accent-danger);border:1px solid rgba(248,113,113,.18)}.btn-danger:hover:not(:disabled){background:#f8717133}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:9999px;font-size:.625rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.chip-active{background:#34d3991f;color:var(--accent-positive);border:1px solid rgba(52,211,153,.22)}.chip-pending{background:#fbbf241f;color:var(--accent-warning);border:1px solid rgba(251,191,36,.22)}.chip-late{background:#f871711f;color:var(--accent-danger);border:1px solid rgba(248,113,113,.22)}.chip-paid{background:#94b4ff1a;color:var(--accent-steel);border:1px solid rgba(148,180,255,.2)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff17,#ffffff08 75%);background-size:1200px 100%;animation:shimmer 1.8s infinite linear;border-radius:.6rem}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000a 25%,#0000001a,#0000000a 75%);background-size:1200px 100%;animation:shimmer 1.8s infinite linear}.card-hover{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease;cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.gradient-underline{position:relative;display:inline-block}.gradient-underline:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--gradient-accent);border-radius:9999px;opacity:.65}.section-kicker{font-size:.65rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--text-faint)}.soft-divider{border-color:var(--border-subtle)}@media(min-width:768px){.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background:#94b4ff24}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94b4ff42}}html{scroll-behavior:smooth}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right .25s cubic-bezier(.22,1,.36,1)}