:root{--cl-primary: #ffffff;--cl-main: rgba(255, 255, 255, .7);--cl-dim: rgba(255, 255, 255, .6);--cl-secondary: rgba(255, 255, 255, .5);--cl-muted: rgba(255, 255, 255, .4);--cl-soft: rgba(255, 255, 255, .35);--cl-subtle: rgba(255, 255, 255, .3);--cl-faint: rgba(255, 255, 255, .25);--bg-subtle: rgba(255, 255, 255, .02);--bg-glass: rgba(255, 255, 255, .04);--bg-gauge: rgba(255, 255, 255, .06);--bg-tint: rgba(255, 255, 255, .08);--bd-faint: rgba(255, 255, 255, .05);--bd-hair: rgba(255, 255, 255, .06);--bd-subtle: rgba(255, 255, 255, .08);--bd-medium: rgba(255, 255, 255, .12);--bd-strong: rgba(255, 255, 255, .15)}html[data-theme=light]{--cl-primary: #2c2c2e;--cl-main: #3a3a3c;--cl-dim: #555557;--cl-secondary: #636366;--cl-muted: #8e8e93;--cl-soft: #8e8e93;--cl-subtle: #aeaeb2;--cl-faint: #c7c7cc;--bg-subtle: rgba(0, 0, 0, .02);--bg-glass: rgba(0, 0, 0, .025);--bg-gauge: rgba(0, 0, 0, .05);--bg-tint: rgba(0, 0, 0, .04);--bd-faint: rgba(0, 0, 0, .04);--bd-hair: rgba(0, 0, 0, .05);--bd-subtle: rgba(0, 0, 0, .07);--bd-medium: rgba(0, 0, 0, .09);--bd-strong: rgba(0, 0, 0, .11)}:root{--bg-base: #0a0a1a;--bg-surface: #0d1129;--bg-elevated: #111827;--glass-bg: rgba(255, 255, 255, .055);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-bg-active: rgba(255, 255, 255, .13);--glass-border: rgba(255, 255, 255, .09);--glass-border-hover: rgba(255, 255, 255, .18);--glass-blur: 24px;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .62);--text-muted: rgba(255, 255, 255, .36);--text-faint: rgba(255, 255, 255, .14);--color-blue: #60a5fa;--color-indigo: #6366f1;--color-purple: #c084fc;--color-pink: #f472b6;--color-green: #4ade80;--color-yellow: #fbbf24;--color-red: #f43f5e;--color-cyan: #06b6d4;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .45);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--text-2xs: clamp(11px, 1.4vw, 12px);--text-xs: clamp(12px, 1.6vw, 13px);--text-sm: clamp(13px, 1.8vw, 14px);--text-base: clamp(14px, 2vw, 15px);--text-md: clamp(15px, 2.2vw, 16px);--text-lg: clamp(16px, 2.5vw, 18px);--text-xl: clamp(18px, 3vw, 22px);--text-2xl: clamp(22px, 4vw, 28px);--text-3xl: clamp(28px, 5vw, 36px);--space-1: 4px;--space-2: 8px;--space-3: 14px;--space-4: 18px;--space-5: 22px;--space-6: 28px;--space-8: 36px;--ease-both: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .12s;--duration-base: .22s;--duration-slow: .38s;--z-nav: 200;--z-modal: 900;--z-toast: 1000}html[data-theme=light]{--bg-base: #f5f3f0;--bg-surface: #edeae6;--bg-elevated: #faf9f7;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .78);--glass-bg-active: rgba(255, 255, 255, .88);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .12);--text-primary: #2c2c2e;--text-secondary: #555557;--text-muted: #8e8e93;--text-faint: rgba(44, 44, 46, .12);--color-blue: #3478f6;--color-indigo: #5856d6;--color-purple: #af52de;--color-pink: #ff2d55;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 2px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.5;background:linear-gradient(135deg,var(--bg-base) 0%,var(--bg-surface) 45%,var(--bg-elevated) 100%);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff42}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000021}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000003d}:focus-visible{outline:2px solid var(--color-indigo);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes orbFloat{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(30px,-20px) scale(1.08) rotate(5deg)}66%{transform:translate(-12px,22px) scale(.96) rotate(-3deg)}to{transform:translate(40px,-30px) scale(1.15) rotate(7deg)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounceIn{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.03);opacity:1}to{transform:scale(1)}}@keyframes navIndicator{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.gradient-text{background:linear-gradient(90deg,var(--color-blue),var(--color-purple),var(--color-pink));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 7s linear infinite}html[data-theme=light] .gradient-text{background:linear-gradient(90deg,var(--color-indigo),var(--color-purple),var(--color-pink));background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:shimmer 7s linear infinite}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 25%,rgba(255,255,255,.11) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md);pointer-events:none}html[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000017,#0000000a 75%);background-size:200% 100%}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:background var(--duration-base) var(--ease-both),border-color var(--duration-base) var(--ease-both),transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-both)}.stat-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:14px 16px;flex:1;min-width:120px}.stat-card .stat-icon{font-size:1.2rem;margin-bottom:4px}.stat-card .stat-value{font-size:1.4rem;font-weight:700}.stat-card .stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;font-weight:500;letter-spacing:.3px}.glass-input{display:block;box-sizing:border-box;-webkit-appearance:none;appearance:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;outline:none;width:100%;transition:border-color var(--duration-fast) var(--ease-both),background var(--duration-fast) var(--ease-both),box-shadow var(--duration-fast) var(--ease-both)}.glass-input:focus{border-color:#6366f18c;background:var(--glass-bg-hover);box-shadow:0 0 0 3px #6366f11f}.glass-input::placeholder{color:var(--text-faint)}.glass-input:disabled{opacity:.45;cursor:not-allowed}select.glass-input{background:color-mix(in srgb,var(--bg-surface) 80%,transparent);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;line-height:1.4}select.glass-input option,select.glass-input optgroup{background:var(--bg-surface);color:var(--text-primary);font-family:inherit;padding:6px 8px}select.glass-input optgroup{font-weight:600;font-style:normal;color:var(--text-muted)}html[data-theme=light] select.glass-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(44,44,46,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}html[data-theme=light] select.glass-input option,html[data-theme=light] select.glass-input optgroup{background:#faf9f7;color:#2c2c2e}html[data-theme=light] select.glass-input optgroup{color:#8e8e93}textarea.glass-input{resize:vertical;min-height:52px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:9px var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;font-family:inherit;border:none;cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-both),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-both),opacity var(--duration-fast) var(--ease-both);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-sm{padding:7px 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-xs{padding:5px 10px;font-size:var(--text-xs);border-radius:var(--radius-xs)}.btn-lg{padding:14px 24px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-md);flex-shrink:0}.btn-primary{background:#6366f1d1;color:#fff;box-shadow:0 2px 14px #6366f159}.btn-primary:hover:not(:disabled){background:#6366f1;box-shadow:0 4px 22px #6366f18c;transform:translateY(-1px)}.btn-success{background:#4ade80bf;color:#fff}.btn-success:hover:not(:disabled){background:#4ade80;transform:translateY(-1px)}.btn-warning{background:#fbbf24bf;color:#fff}.btn-warning:hover:not(:disabled){background:#fbbf24}.btn-danger{background:#f43f5ec7;color:#fff;box-shadow:0 2px 10px #f43f5e4d}.btn-danger:hover:not(:disabled){background:#f43f5e;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){background:var(--glass-bg);border-color:var(--glass-border-hover);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.badge-sm{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:color-mix(in srgb,var(--bc, #6366f1) 14%,transparent);color:var(--bc, #6366f1);border:1px solid color-mix(in srgb,var(--bc, #6366f1) 28%,transparent);white-space:nowrap;letter-spacing:.2px}.color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;box-shadow:0 0 6px #0000004d}input[type=range]{-webkit-appearance:none;appearance:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);outline:none;height:6px;width:100%;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-indigo);cursor:pointer;box-shadow:0 0 12px #6366f180;transition:transform var(--duration-fast) var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}select option,select optgroup{background:var(--bg-surface);color:var(--text-primary);font-family:inherit}select optgroup{font-weight:600;font-style:normal;padding:4px 0}select option{padding:6px 8px}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn var(--duration-fast) var(--ease-out);padding:var(--space-4)}.modal-card{width:100%;max-width:500px;max-height:88vh;overflow-y:auto;background:color-mix(in srgb,var(--bg-base) 92%,transparent);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);animation:bounceIn var(--duration-slow) var(--ease-spring);box-shadow:var(--shadow-lg)}.close-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-both);flex-shrink:0}.close-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.field-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);display:block;margin-bottom:4px;letter-spacing:.3px}.color-pick{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid var(--glass-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-both)}.color-pick.active,.color-pick:hover{border-color:var(--text-primary);transform:scale(1.1)}.color-dot-lg{width:22px;height:22px;border-radius:50%;display:inline-block;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.color-dot-sm{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.form-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-md);padding:10px 14px;font-size:var(--text-xs);color:#f43f5e;white-space:pre-line;animation:fadeSlide .2s ease}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 768px){.grid2,.card-grid{grid-template-columns:1fr!important}.glass-card,.stat-card{max-width:100%;overflow:hidden}.modal-card{max-width:calc(100vw - 24px)!important;max-height:90vh;margin:12px}.glass-card [style*="grid-template-columns:repeat(4"],.glass-card [style*="grid-template-columns:repeat(5"],.glass-card [style*="grid-template-columns:repeat(3"]{grid-template-columns:repeat(2,1fr)!important}.glass-input{min-height:44px}select.glass-input{font-size:14px;min-height:44px}}@media (max-width: 480px){.glass-card [style*="grid-template-columns:repeat(4"],.glass-card [style*="grid-template-columns:repeat(5"],.glass-card [style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr 1fr!important}}html[data-theme=light],html[data-theme=light] body{background:linear-gradient(135deg,#f5f3f0,#edeae6 40%,#faf9f7);color:#2c2c2e}html[data-theme=light] svg text{fill:#2c2c2e}html[data-theme=light] svg text[fill*="0.4"],html[data-theme=light] svg text[fill*="0.3"]{fill:#8e8e93}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}html[data-theme=light] select option,html[data-theme=light] select optgroup{background:#faf9f7;color:#2c2c2e}html[data-theme=light] .gradient-text{background:linear-gradient(90deg,#5856d6,#af52de,#ff2d55);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .glass-input{border-color:#0000001a;background:#ffffffb3;color:#2c2c2e}html[data-theme=light] .glass-input::placeholder{color:#8e8e93}html[data-theme=light] .glass-input:focus{border-color:#5856d673;box-shadow:0 0 0 3px #5856d614}html[data-theme=light] select.glass-input{border-color:#0000001a;background:#ffffffb3;color:#2c2c2e}html[data-theme=light] .btn-outline{border-color:#0000001f;color:#555557}html[data-theme=light] .btn-outline:hover:not(:disabled){background:#0000000a;color:#2c2c2e}html[data-theme=light] .glass-card{background:#fff9;border-color:#0000000f;box-shadow:0 1px 3px #0000000a,0 2px 10px #00000008}html[data-theme=light] .stat-card{background:#fff9;border-color:#0000000f;box-shadow:0 1px 3px #0000000a}html[data-theme=light] .stat-card .stat-label{color:#8e8e93}html[data-theme=light] .color-dot,html[data-theme=light] .color-dot-lg{border-color:#0000001f}html[data-theme=light] .color-dot-sm{border-color:#0000001a}html[data-theme=light] .badge-sm{border-color:color-mix(in srgb,var(--bc) 25%,transparent)}html[data-theme=light] .modal-overlay{background:#2c2c2e59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-theme=light] .modal-card{background:#faf9f7f5;border-color:#00000014;box-shadow:0 16px 48px #0000001f}html[data-theme=light] .close-btn{background:#0000000d;color:#2c2c2e}html[data-theme=light] .close-btn:hover{background:#00000014}html[data-theme=light] .field-label{color:#8e8e93}html[data-theme=light] .color-pick{border-color:#00000014}html[data-theme=light] .color-pick.active{border-color:#5856d6}html[data-theme=light] .form-error{background:#f43f5e0f;border-color:#f43f5e33}html[data-theme=light] input[type=range]{background:#00000012}html[data-theme=light] input[type=range]::-webkit-slider-thumb{background:#5856d6;box-shadow:0 0 8px #5856d640}@media (max-width: 480px){.grid2{grid-template-columns:1fr!important}}@media (max-width: 640px){.modal-card{padding:var(--space-4);border-radius:var(--radius-xl)}}