:root{--color-bg-base: #0b1712;--color-surface: #122a1a;--color-surface-2: #0f2417;--color-panel: #1a3324;--color-border: rgba(245, 241, 237, .1);--color-border-subtle: rgba(245, 241, 237, .06);--color-text-primary: #f5f1ed;--color-text-secondary: #c9d4c9;--color-text-muted: #7b8e78;--color-brand: #cda954;--color-brand-glow: rgba(205, 169, 84, .4);--color-brand-surface: rgba(205, 169, 84, .14);--color-gold: #cda954;--color-gold-strong: #ead5a7;--color-gold-surface: rgba(205, 169, 84, .16);--color-green: #22c55e;--color-green-surface: rgba(34, 197, 94, .12);--color-tag-bg: #1a3324;--color-tag-text: #f5f1ed;--color-tag-border: rgba(245, 241, 237, .12);--color-content-bg: #0b1712;--color-card: #122a1a;--color-card-border: rgba(245, 241, 237, .08);--color-pos: #22c55e;--color-neg: #ef4444;--color-warn: #f59e0b;--color-info: #3b82f6;--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;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--touch-target: 44px;--shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);--shadow-float: 0 32px 80px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-base);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-sm)}.dark-surface :focus-visible{outline-color:var(--color-brand);box-shadow:0 0 0 4px var(--color-brand-surface)}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-brand-surface);color:var(--color-text-primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.05)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,20px) scale(1.06)}66%{transform:translate(-20px,-10px) scale(.96)}}@keyframes breathe{0%,to{opacity:.85;transform:scale(1);box-shadow:0 8px 28px var(--color-brand-glow)}50%{opacity:1;transform:scale(1.06);box-shadow:0 12px 40px var(--color-brand-glow)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}button,[role=button],a,input,select,textarea{min-height:var(--touch-target)}button.icon-only{min-height:32px;min-width:32px}.nav-btn{transition:transform .1s ease,background .15s,color .15s!important;will-change:transform}.nav-btn:active{transform:scale(.96)!important}.action-btn{transition:transform .12s ease,background .2s,box-shadow .2s!important;will-change:transform}.action-btn:active{transform:scale(.97)!important}.view-enter{animation:viewIn .2s cubic-bezier(.22,1,.36,1) both}.nav-btn .nav-icon{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s}.nav-btn:active .nav-icon{transform:scale(.88)}.nav-btn.active .nav-icon{transform:scale(1.1)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.login-bg{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.login-card{padding:52px 48px}@media(max-width:480px){.login-card{padding:36px 24px;border-radius:24px}}@media(max-width:390px){.login-card{padding:28px 20px;border-radius:20px}}:root[data-theme=light]{--color-bg-base: #f5f1ed;--color-surface: #ffffff;--color-surface-2: #efe9df;--color-panel: #efe9df;--color-border: rgba(6, 36, 21, .1);--color-border-subtle: rgba(6, 36, 21, .06);--color-text-primary: #062415;--color-text-secondary: #40564a;--color-text-muted: #6b7d6f;--color-brand: #15412a;--color-brand-glow: rgba(21, 65, 42, .22);--color-brand-surface: rgba(21, 65, 42, .1);--color-gold: #a8842f;--color-gold-strong: #8a6d26;--color-gold-surface: rgba(168, 132, 47, .14);--color-green: #15803d;--color-green-surface: rgba(21, 128, 61, .1);--color-tag-bg: #efe9df;--color-tag-text: #062415;--color-tag-border: rgba(6, 36, 21, .12);--color-content-bg: #f5f1ed;--color-card: #ffffff;--color-card-border: rgba(6, 36, 21, .08);--color-pos: #15803d;--color-neg: #c62828;--color-warn: #b45309;--color-info: #1d4ed8}.fin-root{--fin-tint-rgb: 6, 36, 21;--fin-bg: #f5f1ed;--fin-surface: #ffffff;--fin-surface-2: #efe9df;--fin-inset: #e9e2d5;--fin-border: rgba(6, 36, 21, .1);--fin-border-2: rgba(6, 36, 21, .18);--fin-text: #062415;--fin-text-2: #40564a;--fin-muted: #6b7d6f;--fin-feature: #edf2ec;--fin-chip-bg: rgba(6, 36, 21, .05);--fin-accent: #15412a;--fin-accent-dim: rgba(21, 65, 42, .12);--fin-brand: #a8842f;--fin-brand-dim: rgba(168, 132, 47, .14);--fin-pos: #16a34a;--fin-pos-dim: rgba(22, 163, 74, .12);--fin-neg: #dc2626;--fin-blue: #2563eb;--fin-teal: #0d9488;--fin-h-short: #0d9488;--fin-h-mid: #2563eb;--fin-h-long: #7c3aed}:root[data-theme=dark] .fin-root,.fin-root[data-theme=dark]{--fin-tint-rgb: 255, 255, 255;--fin-bg: #0d1a12;--fin-surface: #122a1a;--fin-surface-2: #1a3324;--fin-inset: #16281c;--fin-border: rgba(245, 241, 237, .09);--fin-border-2: rgba(245, 241, 237, .14);--fin-text: #f5f1ed;--fin-text-2: #c9d4c9;--fin-muted: #7b8e78;--fin-feature: #15412a;--fin-chip-bg: rgba(245, 241, 237, .05);--fin-accent: #cda954;--fin-accent-dim: rgba(205, 169, 84, .16);--fin-brand: #ead5a7;--fin-brand-dim: rgba(234, 213, 167, .14);--fin-pos: #22c55e;--fin-pos-dim: rgba(34, 197, 94, .12);--fin-neg: #ef4444;--fin-blue: #60a5fa;--fin-teal: #2dd4bf;--fin-h-short: #2dd4bf;--fin-h-mid: #60a5fa;--fin-h-long: #a78bfa}