*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:4px}:root,[data-theme=dark]{--zoten-bg: #070b0f;--zoten-surface: #0e151b;--zoten-card: #121b22;--zoten-card-hover: #17222b;--zoten-border: #1b2730;--zoten-border-light: #26343f;--zoten-text: #eef5f3;--zoten-muted: #7a9694;--zoten-faint: #1e2e35;--zoten-hero-bg: radial-gradient(circle at top left, rgba(16,185,129,.18), transparent 40%), radial-gradient(circle at top right, rgba(14,165,233,.14), transparent 40%), linear-gradient(180deg, #04111f 0%, #071b2e 45%, #0b2238 100%);--zoten-green: #22c55e;--zoten-yellow: #f59e0b;--zoten-red: #ef4444;--zoten-blue: #0ea5e9;--zoten-orange: #f97316;--zoten-pink: #f472b6;--zoten-cyan: #22d3ee}[data-theme=light]{--zoten-bg: #f7f9fa;--zoten-surface: #ffffff;--zoten-card: #ffffff;--zoten-card-hover: #f0f3f4;--zoten-border: #dde3e5;--zoten-border-light: #c9d2d5;--zoten-text: #10181b;--zoten-muted: #4d6164;--zoten-faint: #e8edee;--zoten-hero-bg: radial-gradient(circle at top left, rgba(16,185,129,.1), transparent 40%), radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 40%), linear-gradient(180deg, #f0f7fb 0%, #eaf2f6 45%, #e6eef3 100%);--zoten-green: #15803d;--zoten-yellow: #a16207;--zoten-red: #dc2626;--zoten-blue: #0369a1;--zoten-orange: #c2410c;--zoten-pink: #be185d;--zoten-cyan: #0e7490}@keyframes zoten-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes zoten-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes zoten-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes zoten-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}@keyframes zoten-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes zoten-particle-float{0%,to{transform:translate(0);opacity:.2}50%{transform:translate(8px,-16px);opacity:.5}}@keyframes zoten-page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes zoten-slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes zoten-stagger-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes zoten-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoten-logo-glow{0%,to{filter:drop-shadow(0 0 0px #10b981)}50%{filter:drop-shadow(0 0 8px #10b981aa)}}@keyframes zoten-card-hover{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes zoten-pulse-once{0%{opacity:.4;transform:scale(.96)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes zoten-ripple{to{transform:scale(4);opacity:0}}.kpi-value{animation:zoten-pulse-once .45s ease both}.zoten-ripple{position:absolute;border-radius:50%;background:#ffffff52;transform:scale(0);animation:zoten-ripple .52s linear;pointer-events:none}.zoten-stagger>*{animation:zoten-stagger-up .4s ease both}.zoten-stagger>*:nth-child(1){animation-delay:0ms}.zoten-stagger>*:nth-child(2){animation-delay:60ms}.zoten-stagger>*:nth-child(3){animation-delay:.12s}.zoten-stagger>*:nth-child(4){animation-delay:.18s}.zoten-stagger>*:nth-child(5){animation-delay:.24s}.zoten-stagger>*:nth-child(6){animation-delay:.3s}.zoten-stagger>*:nth-child(7){animation-delay:.36s}.zoten-stagger>*:nth-child(8){animation-delay:.42s}.zoten-toast-enter{animation:zoten-slide-in-right .3s cubic-bezier(.34,1.56,.64,1) both}.zoten-logo-pulse{animation:zoten-logo-glow 3s ease-in-out infinite}@keyframes zoten-sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.zoten-bottom-sheet{animation:zoten-sheet-up .3s cubic-bezier(.22,1,.36,1) both}@keyframes splash-logo-in{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes splash-logo-glow{0%{filter:drop-shadow(0 0 8px #00c853)}50%{filter:drop-shadow(0 0 28px #00e676) drop-shadow(0 0 56px #00c853)}to{filter:drop-shadow(0 0 8px #00c853)}}@keyframes splash-fade-out{0%{opacity:1}to{opacity:0;pointer-events:none}}.splash-logo-enter{animation:splash-logo-in .6s cubic-bezier(.34,1.56,.64,1) both}.splash-logo-glow{animation:splash-logo-glow .8s ease-in-out both}.splash-exit{animation:splash-fade-out .4s ease both}
