@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--glass-bg-primary: rgba(20, 25, 35, .75);--glass-bg-secondary: rgba(30, 35, 45, .65);--glass-bg-tertiary: rgba(35, 40, 50, .7);--glass-border: rgba(255, 255, 255, .12);--glass-border-strong: rgba(255, 255, 255, .18);--glass-border-top: rgba(255, 255, 255, .15);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .25);--glass-shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, .35);--glass-inset-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset;--accent-blue: rgba(100, 150, 255, .9);--accent-blue-light: rgba(120, 170, 255, .9);--accent-blue-bright: rgba(140, 190, 255, 1);--accent-blue-dim: rgba(100, 150, 255, .5);--accent-blue-glow: rgba(100, 150, 255, .3);--accent-blue-subtle: rgba(100, 150, 255, .15);--success: rgba(34, 197, 94, .9);--success-light: rgba(134, 239, 172, 1);--success-glow: rgba(34, 197, 94, .3);--warning: rgba(251, 191, 36, .9);--warning-light: rgba(253, 224, 71, 1);--warning-glow: rgba(251, 191, 36, .3);--danger: rgba(239, 68, 68, .9);--danger-light: rgba(252, 165, 165, 1);--danger-glow: rgba(239, 68, 68, .3);--info: rgba(59, 130, 246, .9);--info-light: rgba(147, 197, 253, 1);--info-glow: rgba(59, 130, 246, .3);--purple: rgba(168, 85, 247, .9);--purple-light: rgba(216, 180, 254, 1);--purple-glow: rgba(168, 85, 247, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .55);--text-accent: rgba(150, 180, 255, 1);--bg-dark-1: #2a2a35;--bg-dark-2: #35353f;--bg-dark-3: #2d2d38;--bg-dark-overlay: rgba(0, 0, 0, .6);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.2, .64, 1)}@keyframes gradientRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-6px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes gentleScale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff14,#ffffff0a),var(--card-bg, rgba(30, 41, 59, .9));border:1px solid var(--card-border, rgba(255, 255, 255, .15));border-radius:12px;box-shadow:0 4px 24px #0000004d,0 0 0 1px var(--card-border, rgba(255, 255, 255, .05)) inset;transition:all var(--transition-base);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000059,0 0 0 1px var(--card-border, rgba(255, 255, 255, .08)) inset;border-color:var(--card-border, rgba(255, 255, 255, .2))}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow),var(--glass-inset-shadow);transition:all var(--transition-base)}.glass-border-glow{position:relative}.glass-border-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;background:linear-gradient(45deg,#508cff33,#64a0ff40,#64b4ff40,#508cff33);background-size:300% 300%;animation:gradientRotate 6s ease infinite;filter:blur(2px);opacity:.4;z-index:-1}.btn-primary{padding:11px var(--spacing-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background:linear-gradient(135deg,#6496ffd9,#6ea0ffd9);border:1px solid rgba(100,150,255,.3);border-radius:10px;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 12px #6496ff33;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6ea0ffe6,#78aaffe6);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6496ff40;border-color:#6496ff66}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary>*{position:relative;z-index:1}.btn-secondary{padding:11px var(--spacing-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background:var(--glass-bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-secondary:hover{background:var(--glass-bg-tertiary);border-color:var(--glass-border-strong);transform:translateY(-1px);box-shadow:0 2px 12px #00000026}.btn-secondary:active{transform:translateY(0)}.btn-success{padding:11px var(--spacing-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background:linear-gradient(135deg,#22c55ed9,#22c55ee6);border:1px solid rgba(34,197,94,.3);border-radius:10px;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 12px #22c55e33;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 20px #22c55e40;border-color:#22c55e66}.btn-danger{padding:11px var(--spacing-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background:linear-gradient(135deg,#ef4444d9,#ef4444e6);border:1px solid rgba(239,68,68,.3);border-radius:10px;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 12px #ef444433;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ef444440;border-color:#ef444466}.glass-input{width:100%;padding:12px 16px;font-size:14px;color:var(--text-primary)!important;background-color:var(--glass-bg-secondary)!important;background:var(--glass-bg-secondary)!important;border:1px solid var(--glass-border);border-radius:10px;outline:none;box-sizing:border-box;transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-text-fill-color:var(--text-primary)!important}.glass-input:-webkit-autofill,.glass-input:-webkit-autofill:hover,.glass-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--glass-bg-secondary) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.glass-input::placeholder{color:var(--text-dim);opacity:1}.glass-input::-webkit-input-placeholder{color:var(--text-dim);opacity:1}.glass-input::-moz-placeholder{color:var(--text-dim);opacity:1}.glass-input:-ms-input-placeholder{color:var(--text-dim);opacity:1}.glass-input:focus{background-color:var(--glass-bg-tertiary)!important;background:var(--glass-bg-tertiary)!important;border-color:#6496ff80;box-shadow:0 0 0 3px #6496ff1f,0 2px 12px #6496ff26;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.glass-input:hover:not(:focus){border-color:var(--glass-border-strong);background-color:var(--glass-bg-secondary)!important;background:var(--glass-bg-secondary)!important}.input-group{position:relative;margin-bottom:20px}.input-group input{width:100%;padding:16px 16px 16px 48px;font-size:15px;color:var(--text-primary);background-color:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:10px;outline:none;box-sizing:border-box;transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.input-group input:focus{background-color:var(--glass-bg-tertiary);border-color:#6496ff80;box-shadow:0 0 0 3px #6496ff1f,0 2px 12px #6496ff26}.input-group input:hover:not(:focus){border-color:var(--glass-border-strong)}.input-group label{position:absolute;left:48px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--text-dim);transition:all var(--transition-base);pointer-events:none;font-weight:500}.input-group input:not(:-moz-placeholder)+label{top:6px;transform:translateY(0);font-size:11px;color:#6496ffe6}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:6px;transform:translateY(0);font-size:11px;color:#6496ffe6}.input-group .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.5;transition:all var(--transition-base);color:var(--text-secondary)}.input-group input:focus~.input-icon{opacity:.9;color:#6496ffe6}.glass-select{width:100%;padding:12px 16px;font-size:14px;color:var(--text-primary)!important;background-color:var(--glass-bg-secondary)!important;background:var(--glass-bg-secondary)!important;border:1px solid var(--glass-border);border-radius:10px;outline:none;box-sizing:border-box;transition:all var(--transition-base);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-text-fill-color:var(--text-primary)!important}.glass-select:-webkit-autofill,.glass-select:-webkit-autofill:hover,.glass-select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important}.glass-select:focus{background-color:var(--glass-bg-tertiary)!important;background:var(--glass-bg-tertiary)!important;border-color:#6496ff80;box-shadow:0 0 0 3px #6496ff1f,0 2px 12px #6496ff26;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.glass-select:hover:not(:focus){border-color:var(--glass-border-strong);background-color:var(--glass-bg-secondary)!important;background:var(--glass-bg-secondary)!important}.glass-textarea{width:100%;padding:12px 16px;font-size:14px;color:var(--text-primary)!important;background-color:var(--glass-bg-secondary)!important;background:var(--glass-bg-secondary)!important;border:1px solid var(--glass-border);border-radius:10px;outline:none;box-sizing:border-box;transition:all var(--transition-base);resize:vertical;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-text-fill-color:var(--text-primary)!important}.glass-textarea::placeholder{color:var(--text-dim);opacity:1}.glass-textarea::-webkit-input-placeholder{color:var(--text-dim);opacity:1}.glass-textarea::-moz-placeholder{color:var(--text-dim);opacity:1}.glass-textarea:-ms-input-placeholder{color:var(--text-dim);opacity:1}.glass-textarea:focus{background-color:var(--glass-bg-tertiary)!important;background:var(--glass-bg-tertiary)!important;border-color:#6496ff80;box-shadow:0 0 0 3px #6496ff1f,0 2px 12px #6496ff26;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.glass-textarea:hover:not(:focus){border-color:var(--glass-border-strong);background-color:var(--glass-bg-secondary)!important;background:var(--glass-bg-secondary)!important}.glass-divider{display:flex;align-items:center;margin:24px 0}.glass-divider:before,.glass-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.glass-divider span{padding:0 16px;font-size:13px;color:var(--text-dim);font-weight:var(--font-medium)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}.glass-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base)}.glass-badge:hover{background:var(--glass-bg-tertiary);border-color:var(--glass-border-strong)}.badge-blue{background:#3b82f61f;color:#93c5fdf2;border-color:#3b82f64d}.badge-green{background:#22c55e1f;color:#86efacf2;border-color:#22c55e4d}.badge-purple{background:#a855f71f;color:#d8b4fef2;border-color:#a855f74d}.badge-red{background:#ef44441f;color:#fca5a5f2;border-color:#ef44444d}.badge-yellow{background:#fbbf241f;color:#fde047f2;border-color:#fbbf244d}.badge-cyan{background:#06b6d41f;color:#67e8f9f2;border-color:#06b6d44d}.badge-gray{background:#9ca3af1f;color:#d1d5dbf2;border-color:#9ca3af4d}.stat-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff14,#ffffff0a),#1e232dbf;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);transition:all var(--transition-base);box-shadow:0 2px 12px #0003}.stat-badge:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f),#232832cc;border-color:#fff3;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.stat-badge-label{opacity:.8;font-size:var(--text-sm)}.stat-badge-value{font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--text-primary)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-content{position:relative;z-index:1001;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff14,#ffffff0a),#1e232df2;border:1px solid var(--glass-border-strong);border-radius:12px;box-shadow:0 12px 48px #0006,0 0 0 1px #ffffff0d inset;padding:32px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease-out}.glass-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center}.glass-modal{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff14,#ffffff0a),#1e232deb;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 12px 48px #0006;max-width:90%;max-height:90%;overflow:auto}.glass-scrollbar::-webkit-scrollbar{width:8px;height:8px}.glass-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.glass-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.glass-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dark-gradient-bg{background:linear-gradient(135deg,var(--bg-dark-1) 0%,var(--bg-dark-2) 50%,var(--bg-dark-3) 100%);background-size:200% 200%}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--spacing-sm);border-radius:var(--radius-sm)}.skeleton-text:last-child{width:60%}.skeleton-card{height:200px;border-radius:var(--radius-lg)}.skeleton-circle{border-radius:50%;width:40px;height:40px}.skeleton-button{height:40px;width:120px;border-radius:var(--radius-md)}.glass-link{color:var(--text-accent);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-fast);position:relative;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.glass-link:hover{color:var(--accent-blue-bright)}.glass-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-blue);transition:width var(--transition-base)}.glass-link:hover:after{width:100%}.hidden{display:none!important}.text-dim{color:var(--text-dim)}.text-accent{color:var(--text-accent)}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.glass-item{background:var(--glass-bg-secondary);border:1px solid var(--glass-border);transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.glass-item:hover{background:var(--glass-bg-tertiary);border-color:var(--glass-border-strong);box-shadow:0 2px 8px #0000001f}.btn-icon{padding:10px;background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-icon:hover{background:var(--glass-bg-tertiary);border-color:var(--glass-border-strong);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.tool-btn{padding:12px var(--spacing-md);background:var(--glass-bg-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;color:var(--text-primary);transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:44px}.tool-btn:hover{background:var(--glass-bg-tertiary);border-color:var(--glass-border-strong);transform:translateY(-1px);box-shadow:0 2px 12px #00000026}.tool-btn.active{background:rgba(var(--accent-primary-raw),.2);border-color:rgba(var(--accent-primary-raw),.4);box-shadow:0 4px 20px var(--accent-primary-glow),inset 0 1px #ffffff1a}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-base);font-weight:var(--font-medium)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}*:focus-visible{outline:2px solid rgba(100,150,255,.6);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #6496ff26,0 2px 12px #6496ff1f}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.tooltip:before,.tooltip:after{position:absolute;opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base);z-index:1000}.tooltip:before{content:attr(data-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);padding:8px 12px;background:linear-gradient(135deg,#ffffff14,#ffffff0a),#141923f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff0d inset}.tooltip:after{content:"";bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(-4px);border:5px solid transparent;border-top-color:#ffffff1f;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.tooltip:hover:before,.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.tooltip-right:before{bottom:50%;left:calc(100% + 8px);transform:translateY(50%) translate(-4px)}.tooltip-right:after{bottom:50%;left:calc(100% + 2px);transform:translateY(50%) translate(-4px) rotate(-90deg)}.tooltip-right:hover:before{transform:translateY(50%) translate(0)}.tooltip-right:hover:after{transform:translateY(50%) translate(0) rotate(-90deg)}.tooltip-bottom:before{top:calc(100% + 8px);bottom:auto;transform:translate(-50%) translateY(4px)}.tooltip-bottom:after{top:calc(100% + 2px);bottom:auto;border-top-color:transparent;border-bottom-color:#fff3;transform:translate(-50%) translateY(4px) rotate(180deg)}.tooltip-bottom:hover:before,.tooltip-bottom:hover:after{transform:translate(-50%) translateY(0)}.tooltip-bottom:hover:after{transform:translate(-50%) translateY(0) rotate(180deg)}.tooltip-left:before{bottom:50%;left:auto;right:calc(100% + 8px);transform:translateY(50%) translate(4px)}.tooltip-left:after{bottom:50%;left:auto;right:calc(100% + 2px);transform:translateY(50%) translate(4px) rotate(90deg)}.tooltip-left:hover:before{transform:translateY(50%) translate(0)}.tooltip-left:hover:after{transform:translateY(50%) translate(0) rotate(90deg)}:root{--color-primary-950: #0a1628;--color-primary-900: #0f2139;--color-primary-800: #16304d;--color-primary-700: #1e4168;--color-primary-600: #2756;--color-primary-500: #3b82f6;--color-primary-400: #60a5fa;--color-primary-300: #93c5fd;--color-primary-200: #bfdbfe;--color-primary-100: #dbeafe;--color-primary-50: #eff6ff;--color-neutral-950: #09090b;--color-neutral-900: #18181b;--color-neutral-800: #27272a;--color-neutral-700: #3f3f46;--color-neutral-600: #52525b;--color-neutral-500: #71717a;--color-neutral-400: #a1a1aa;--color-neutral-300: #d4d4d8;--color-neutral-200: #e4e4e7;--color-neutral-100: #f4f4f5;--color-neutral-50: #fafafa;--color-neutral-0: #ffffff;--color-success-dark: #15803d;--color-success: #22c55e;--color-success-light: #4ade80;--color-warning-dark: #c2410c;--color-warning: #f97316;--color-warning-light: #fb923c;--color-danger-dark: #b91c1c;--color-danger: #ef4444;--color-danger-light: #f87171;--color-info-dark: #1d4ed8;--color-info: #3b82f6;--color-info-light: #60a5fa;--surface-base: #0a0f1a;--surface-raised: #121825;--surface-elevated: #1a2332;--surface-overlay: #222b3d;--surface-hover: rgba(255, 255, 255, .04);--surface-active: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--border-accent: rgba(59, 130, 246, .3);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .55);--text-quaternary: rgba(255, 255, 255, .38);--text-disabled: rgba(255, 255, 255, .25);--text-inverse: #09090b;--interactive-default: var(--color-primary-500);--interactive-hover: var(--color-primary-400);--interactive-active: var(--color-primary-600);--interactive-disabled: var(--color-neutral-700);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-full: 100%;--sidebar-collapsed: 4.5rem;--sidebar-expanded: 16rem;--header-height: 4rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--border-width-thin: 1px;--border-width-default: 1.5px;--border-width-thick: 2px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .35);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-primary: 0 4px 12px rgba(59, 130, 246, .15);--shadow-success: 0 4px 12px rgba(34, 197, 94, .15);--shadow-warning: 0 4px 12px rgba(249, 115, 22, .15);--shadow-danger: 0 4px 12px rgba(239, 68, 68, .15);--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: var(--duration-fast) var(--ease-out);--transition-normal: var(--duration-normal) var(--ease-in-out);--transition-slow: var(--duration-slow) var(--ease-in-out);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-maximum: 9999;--blur-none: 0;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{max-width:75ch;text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--surface-base);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.02) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-4)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter)}p{color:var(--text-secondary);margin-bottom:var(--spacing-4)}em,i{font-style:italic}code{font-family:var(--font-mono);font-size:.9em;padding:var(--spacing-1) var(--spacing-2);background:var(--surface-elevated);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-primary-300)}pre{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--spacing-4);background:var(--surface-elevated);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-4)}pre code{padding:0;background:none;border:none}a{color:var(--interactive-default);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--interactive-hover)}a:active{color:var(--interactive-active)}ul,ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-4)}li{color:var(--text-secondary);margin-bottom:var(--spacing-2)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-6)}th{font-weight:var(--font-semibold);text-align:left;padding:var(--spacing-3) var(--spacing-4);color:var(--text-primary);background:var(--surface-raised);border-bottom:var(--border-width-default) solid var(--border-default)}td{padding:var(--spacing-3) var(--spacing-4);border-bottom:var(--border-width-thin) solid var(--border-subtle);color:var(--text-secondary)}tr:hover td{background:var(--surface-hover)}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}input,textarea,select{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-quaternary)}input::placeholder,textarea::placeholder{color:var(--text-quaternary)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--interactive-default);box-shadow:0 0 0 3px #3b82f61a}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar-track{background:var(--surface-raised)}::-webkit-scrollbar-thumb{background:var(--color-neutral-700);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-600)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-700) var(--surface-raised)}::selection{background:#3b82f64d;color:var(--text-primary)}::-moz-selection{background:#3b82f64d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--interactive-default);outline-offset:2px;border-radius:var(--radius-sm)}hr{border:none;border-top:var(--border-width-thin) solid var(--border-subtle);margin:var(--spacing-6) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:var(--border-width-thin) solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--interactive-default);color:var(--text-inverse);border-color:var(--interactive-default)}.btn--primary:hover{background:var(--interactive-hover);border-color:var(--interactive-hover);box-shadow:var(--shadow-primary)}.btn--primary:active{background:var(--interactive-active);border-color:var(--interactive-active)}.btn--secondary{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover{background:var(--surface-overlay);border-color:var(--border-strong)}.btn--secondary:active{background:var(--surface-raised)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn--ghost:active{background:var(--surface-active)}.btn--danger{background:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger-light);border-color:var(--color-danger-light);box-shadow:var(--shadow-danger)}.btn--success{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.btn--success:hover{background:var(--color-success-light);border-color:var(--color-success-light);box-shadow:var(--shadow-success)}.btn--sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);height:var(--button-height-sm)}.btn--md{height:var(--button-height-md)}.btn--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg);height:var(--button-height-lg)}.btn__icon{width:1.25em;height:1.25em}.card{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-default)}.card--elevated{box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.card__header{padding:var(--spacing-6);border-bottom:var(--border-width-thin) solid var(--border-subtle)}.card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.card__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.card__body{padding:var(--spacing-6)}.card__footer{padding:var(--spacing-6);border-top:var(--border-width-thin) solid var(--border-subtle);background:var(--surface-base)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge--primary{background:#3b82f626;color:var(--color-primary-300);border:var(--border-width-thin) solid rgba(59,130,246,.3)}.badge--success{background:#22c55e26;color:var(--color-success-light);border:var(--border-width-thin) solid rgba(34,197,94,.3)}.badge--warning{background:#f9731626;color:var(--color-warning-light);border:var(--border-width-thin) solid rgba(249,115,22,.3)}.badge--danger{background:#ef444426;color:var(--color-danger-light);border:var(--border-width-thin) solid rgba(239,68,68,.3)}.badge--neutral{background:#ffffff0d;color:var(--text-tertiary);border:var(--border-width-thin) solid var(--border-subtle)}.input{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::-moz-placeholder{color:var(--text-quaternary)}.input::placeholder{color:var(--text-quaternary)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--interactive-default);box-shadow:0 0 0 3px #3b82f61a}.input:disabled{opacity:.5;cursor:not-allowed}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--surface-raised) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;caret-color:var(--text-primary)}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input--sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);height:var(--input-height-sm)}.input--md{height:var(--input-height-md)}.input--lg{padding:var(--spacing-4) var(--spacing-5);font-size:var(--text-lg);height:var(--input-height-lg)}.input-group{margin-bottom:var(--spacing-5)}.input-group__label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.input-group__hint{display:block;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--spacing-2)}.input-group__error{display:block;font-size:var(--text-sm);color:var(--color-danger-light);margin-top:var(--spacing-2)}.select{display:block;width:100%;padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-4);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.5)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1.5em}.select:hover{border-color:var(--border-strong)}.select:focus{outline:none;border-color:var(--interactive-default);box-shadow:0 0 0 3px #3b82f61a}.checkbox,.radio{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox__input,.radio__input{width:1.25rem;height:1.25rem;margin:0;cursor:pointer;accent-color:var(--interactive-default)}.checkbox__label,.radio__label{font-size:var(--text-base);color:var(--text-secondary);margin:0;cursor:pointer}.alert{padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-md);border:var(--border-width-thin) solid transparent;margin-bottom:var(--spacing-4)}.alert__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.alert__message{font-size:var(--text-sm);margin-bottom:0}.alert--info{background:#3b82f61a;border-color:#3b82f64d;color:var(--color-info-light)}.alert--success{background:#22c55e1a;border-color:#22c55e4d;color:var(--color-success-light)}.alert--warning{background:#f973161a;border-color:#f973164d;color:var(--color-warning-light)}.alert--danger{background:#ef44441a;border-color:#ef44444d;color:var(--color-danger-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);z-index:var(--z-modal);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{background:var(--surface-elevated);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:32rem;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--duration-normal) var(--ease-out)}.modal__header{padding:var(--spacing-6);border-bottom:var(--border-width-thin) solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal__close{padding:var(--spacing-2);color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal__close:hover{background:var(--surface-hover);color:var(--text-primary)}.modal__body{padding:var(--spacing-6);overflow-y:auto;flex:1}.modal__footer{padding:var(--spacing-6);border-top:var(--border-width-thin) solid var(--border-subtle);display:flex;gap:var(--spacing-3);justify-content:flex-end}.tooltip{position:relative;display:inline-block}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--surface-overlay);color:var(--text-primary);font-size:var(--text-sm);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover .tooltip__content{opacity:1}.dropdown{position:relative;display:inline-block}.dropdown__menu{position:absolute;top:100%;left:0;min-width:12rem;margin-top:var(--spacing-2);padding:var(--spacing-2);background:var(--surface-elevated);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideDown var(--duration-fast) var(--ease-out)}.dropdown__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.dropdown__item:hover{background:var(--surface-hover);color:var(--text-primary)}.dropdown__item--active{background:#3b82f61a;color:var(--color-primary-300)}.dropdown__divider{height:var(--border-width-thin);background:var(--border-subtle);margin:var(--spacing-2) 0}.tabs{border-bottom:var(--border-width-thin) solid var(--border-subtle);margin-bottom:var(--spacing-6)}.tabs__list{display:flex;gap:var(--spacing-2);list-style:none;padding:0;margin:0}.tabs__tab{padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-tertiary);border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.tabs__tab:hover{color:var(--text-secondary)}.tabs__tab--active{color:var(--interactive-default);border-bottom-color:var(--interactive-default)}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--border-default);border-top-color:var(--interactive-default);border-radius:50%;animation:spin .6s linear infinite}.spinner--sm{width:1rem;height:1rem;border-width:1.5px}.spinner--lg{width:2.5rem;height:2.5rem;border-width:3px}.progress{width:100%;height:.5rem;background:var(--surface-raised);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;background:var(--interactive-default);border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress--success .progress__bar{background:var(--color-success)}.progress--warning .progress__bar{background:var(--color-warning)}.progress--danger .progress__bar{background:var(--color-danger)}.divider{height:var(--border-width-thin);background:var(--border-subtle);margin:var(--spacing-6) 0;border:none}.divider--vertical{width:var(--border-width-thin);height:auto;margin:0 var(--spacing-4)}.skeleton{background:linear-gradient(90deg,var(--surface-raised) 0%,var(--surface-elevated) 50%,var(--surface-raised) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton--text{height:1em;margin-bottom:var(--spacing-2)}.skeleton--title{height:1.5em;width:40%;margin-bottom:var(--spacing-4)}.skeleton--rect{height:200px}.skeleton--circle{border-radius:50%;width:3rem;height:3rem}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.container--xs{max-width:var(--container-xs)}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--xl{max-width:var(--container-xl)}.container--2xl{max-width:var(--container-2xl)}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-around{justify-content:space-around}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.flex-auto{flex:auto}.flex-none{flex:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:var(--spacing-0)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:var(--spacing-0)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mr-auto{margin-right:auto}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.w-auto{width:auto}.w-screen{width:100vw}.h-screen{height:100vh}.min-w-0{min-width:0}.min-h-0{min-height:0}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-quaternary{color:var(--text-quaternary)}.text-disabled{color:var(--text-disabled)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.underline{text-decoration:underline}.no-underline{text-decoration:none}.whitespace-normal{white-space:normal}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-base{background-color:var(--surface-base)}.bg-raised{background-color:var(--surface-raised)}.bg-elevated{background-color:var(--surface-elevated)}.bg-overlay{background-color:var(--surface-overlay)}.bg-primary{background-color:var(--interactive-default)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.border{border:var(--border-width-thin) solid var(--border-default)}.border-t{border-top:var(--border-width-thin) solid var(--border-default)}.border-b{border-bottom:var(--border-width-thin) solid var(--border-default)}.border-l{border-left:var(--border-width-thin) solid var(--border-default)}.border-r{border-right:var(--border-width-thin) solid var(--border-default)}.border-subtle{border-color:var(--border-subtle)}.border-default{border-color:var(--border-default)}.border-strong{border-color:var(--border-strong)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.opacity-0{opacity:var(--opacity-0)}.opacity-50{opacity:var(--opacity-50)}.opacity-100{opacity:var(--opacity-100)}.blur-sm{filter:blur(var(--blur-sm))}.blur-md{filter:blur(var(--blur-md))}.blur-lg{filter:blur(var(--blur-lg))}.cursor-default{cursor:default}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.pointer-events-auto{pointer-events:auto}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:var(--z-base)}.z-10{z-index:var(--z-raised)}.z-20{z-index:var(--z-dropdown)}.z-30{z-index:var(--z-sticky)}.z-40{z-index:var(--z-fixed)}.z-50{z-index:var(--z-modal)}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition-property:background-color,border-color,color;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}.transition-transform{transition-property:transform;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width: 768px){.md\:flex{display:flex}.md\:grid{display:grid}}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:text-sm{font-size:var(--text-sm)}.sm\:p-4{padding:var(--spacing-4)}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app__main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.header{position:sticky;top:0;height:var(--header-height);background:var(--surface-raised);border-bottom:var(--border-width-thin) solid var(--border-subtle);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));display:flex;align-items:center;padding:0 var(--spacing-6)}.header__container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6)}.header__brand{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;letter-spacing:var(--tracking-tight)}.header__brand-icon{width:2rem;height:2rem;color:var(--interactive-default)}.header__nav{flex:1;display:flex;align-items:center;justify-content:center}.header__actions{display:flex;align-items:center;gap:var(--spacing-3)}.nav{display:flex;align-items:center;gap:var(--spacing-2)}.nav__item{position:relative;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;cursor:pointer;border:var(--border-width-thin) solid transparent}.nav__item:hover{color:var(--text-primary);background:var(--surface-hover)}.nav__item--active{color:var(--text-primary);background:#3b82f61a;border-color:#3b82f633}.nav__item--active:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--interactive-default)}.nav__icon{width:1.25rem;height:1.25rem}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-expanded);background:var(--surface-raised);border-right:var(--border-width-thin) solid var(--border-subtle);z-index:var(--z-fixed);display:flex;flex-direction:column;transition:width var(--transition-normal)}.sidebar--collapsed{width:var(--sidebar-collapsed)}.sidebar__header{padding:var(--spacing-6);border-bottom:var(--border-width-thin) solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.sidebar__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.sidebar__toggle{padding:var(--spacing-2);color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar__toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar__nav{flex:1;padding:var(--spacing-4);overflow-y:auto}.sidebar__nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;cursor:pointer}.sidebar__nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.sidebar__nav-item--active{color:var(--text-primary);background:#3b82f61a;border-left:3px solid var(--interactive-default);padding-left:calc(var(--spacing-4) - 3px)}.sidebar__nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar__nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar__nav-text{display:none}.sidebar__footer{padding:var(--spacing-4);border-top:var(--border-width-thin) solid var(--border-subtle)}.main{flex:1;padding:var(--spacing-8);overflow-y:auto}.main--with-sidebar{margin-left:var(--sidebar-expanded)}.main--with-sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.main__container{max-width:var(--container-2xl);margin:0 auto}.page-header{margin-bottom:var(--spacing-8)}.page-header__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.page-header__title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tighter);margin:0}.page-header__actions{display:flex;align-items:center;gap:var(--spacing-3)}.page-header__description{font-size:var(--text-lg);color:var(--text-tertiary);max-width:60ch;margin:0}.page-header__breadcrumbs{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-size:var(--text-sm);color:var(--text-tertiary)}.breadcrumb__item{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumb__separator{color:var(--text-quaternary)}.breadcrumb__link{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb__link:hover{color:var(--text-primary)}.section{margin-bottom:var(--spacing-12)}.section__header{margin-bottom:var(--spacing-6)}.section__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.section__description{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.grid-layout{display:grid;gap:var(--spacing-6)}.grid-layout--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-layout--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-layout--4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.stat-card{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--spacing-2)}.stat-card__value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-3)}.stat-card__change{font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--spacing-1)}.stat-card__change--positive{color:var(--color-success)}.stat-card__change--negative{color:var(--color-danger)}.table-container{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.table-header{padding:var(--spacing-6);border-bottom:var(--border-width-thin) solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.table-header__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.table-header__actions{display:flex;align-items:center;gap:var(--spacing-3)}.table-wrapper{overflow-x:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);text-align:center}.empty-state__icon{width:4rem;height:4rem;color:var(--text-quaternary);margin-bottom:var(--spacing-4)}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.empty-state__description{font-size:var(--text-base);color:var(--text-tertiary);max-width:40ch;margin-bottom:var(--spacing-6)}.empty-state__actions{display:flex;gap:var(--spacing-3)}@media (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed)}.sidebar__nav-text{display:none}.main--with-sidebar{margin-left:var(--sidebar-collapsed)}}@media (max-width: 768px){.header{padding:0 var(--spacing-4)}.main{padding:var(--spacing-6) var(--spacing-4)}.page-header__title{font-size:var(--text-3xl)}.stats-grid,.grid-layout--2,.grid-layout--3,.grid-layout--4{grid-template-columns:1fr}}@media (max-width: 640px){.page-header__top,.table-header{flex-direction:column;align-items:flex-start}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fadeOut{animation:fadeOut var(--duration-normal) var(--ease-in)}.animate-slideUp{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-slideDown{animation:slideDown var(--duration-normal) var(--ease-out)}.animate-slideInLeft{animation:slideInLeft var(--duration-normal) var(--ease-out)}.animate-slideInRight{animation:slideInRight var(--duration-normal) var(--ease-out)}.animate-scaleIn{animation:scaleIn var(--duration-normal) var(--ease-out)}.animate-scaleOut{animation:scaleOut var(--duration-normal) var(--ease-in)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-children>*{animation:slideUp var(--duration-slow) var(--ease-out)}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px #3b82f666}.hover-brightness{transition:filter var(--transition-normal)}.hover-brightness:hover{filter:brightness(1.1)}.loading-overlay{position:relative;pointer-events:none;opacity:.6}.loading-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-base);opacity:.5;z-index:1}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.entrance-1{animation:fadeIn .4s ease-out}.entrance-2{animation:fadeIn .5s ease-out}.entrance-3{animation:fadeIn .6s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-spin,.animate-pulse,.animate-bounce,.animate-float,.animate-glow{animation:none!important}}.page-hero{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(99,102,241,.05) 50%,transparent 100%);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-8) var(--spacing-10);margin-bottom:var(--spacing-8);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.page-hero__content{display:flex;align-items:center;gap:var(--spacing-6)}.page-hero__icon{width:4rem;height:4rem;flex-shrink:0;background:linear-gradient(135deg,#3b82f61a,#6366f10d);border:var(--border-width-thin) solid rgba(59,130,246,.2);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary-400)}.page-hero__text h1{font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--text-primary),var(--color-primary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-2)}.page-hero__text p{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.stat-card-refined{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-6);position:relative;overflow:hidden;transition:all var(--transition-normal)}.stat-card-refined:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));opacity:0;transition:opacity var(--transition-normal)}.stat-card-refined:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card-refined:hover:before{opacity:1}.stat-card-refined__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-card-refined__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.stat-card-refined__icon{width:2rem;height:2rem;border-radius:var(--radius-md);background:#3b82f61a;display:flex;align-items:center;justify-content:center;color:var(--color-primary-400)}.stat-card-refined__icon svg{width:1.25rem;height:1.25rem}.stat-card-refined__value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-2)}.stat-card-refined__change{font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--spacing-1)}.stat-card-refined__change--positive{color:var(--color-success)}.stat-card-refined__change--negative{color:var(--color-danger)}.table-refined{width:100%;border-collapse:separate;border-spacing:0}.table-refined thead{background:var(--surface-elevated);position:sticky;top:0;z-index:10}.table-refined th{padding:var(--spacing-4) var(--spacing-5);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:2px solid var(--border-default);white-space:nowrap}.table-refined tbody tr{border-bottom:var(--border-width-thin) solid var(--border-subtle);transition:all var(--transition-fast)}.table-refined tbody tr:hover{background:var(--surface-hover)}.table-refined tbody tr:last-child{border-bottom:none}.table-refined td{padding:var(--spacing-4) var(--spacing-5);font-size:var(--text-sm);color:var(--text-secondary);vertical-align:middle}.table-refined td:first-child{font-weight:var(--font-medium);color:var(--text-primary)}.table-refined__actions{display:flex;gap:var(--spacing-2);align-items:center}.table-refined__action-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.table-refined__action-btn:hover{background:var(--surface-elevated);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.badge-refined{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-full);white-space:nowrap;border:var(--border-width-thin) solid}.badge-refined--admin{background:#a855f71a;color:#c084fc;border-color:#a855f74d}.badge-refined--viewer{background:#3b82f61a;color:var(--color-primary-300);border-color:#3b82f64d}.badge-refined--active{background:#22c55e1a;color:var(--color-success-light);border-color:#22c55e4d}.badge-refined--expiring{background:#f973161a;color:var(--color-warning-light);border-color:#f973164d}.badge-refined--expired{background:#ef44441a;color:var(--color-danger-light);border-color:#ef44444d}.filter-group{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin-bottom:var(--spacing-6)}.filter-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);border:var(--border-width-default) solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;position:relative}.filter-btn:hover{border-color:var(--border-strong);background:var(--surface-elevated);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-btn--active{background:#3b82f61f;border-color:#3b82f666;color:var(--color-primary-300)}.filter-btn--active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));opacity:.1;z-index:-1}.filter-btn--danger{border-color:#ef44444d;background:#ef444414;color:var(--color-danger-light)}.filter-btn--warning{border-color:#f973164d;background:#f9731614;color:var(--color-warning-light)}.filter-btn--success{border-color:#22c55e4d;background:#22c55e14;color:var(--color-success-light)}.filter-btn__count{padding:var(--spacing-1) var(--spacing-2);background:#ffffff1a;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);min-width:1.5rem;text-align:center}.competency-matrix{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.competency-matrix__table{width:100%;border-collapse:separate;border-spacing:0}.competency-matrix__table th{padding:var(--spacing-4);background:var(--surface-elevated);border-bottom:2px solid var(--border-default);border-right:var(--border-width-thin) solid var(--border-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);position:sticky;top:0;z-index:10}.competency-matrix__table th:first-child{left:0;z-index:11;min-width:250px}.competency-matrix__category-header{background:#3b82f60d;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-300);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:2px solid rgba(59,130,246,.2)}.competency-matrix__table td{padding:var(--spacing-2);border-bottom:var(--border-width-thin) solid var(--border-subtle);border-right:var(--border-width-thin) solid var(--border-subtle);text-align:center;vertical-align:middle}.competency-matrix__table td:first-child{text-align:left;font-weight:var(--font-medium);color:var(--text-secondary);background:var(--surface-base);position:sticky;left:0;z-index:1;padding:var(--spacing-3) var(--spacing-4)}.competency-matrix__table tbody tr:hover td{background:var(--surface-hover)}.competency-matrix__table tbody tr:hover td:first-child{color:var(--text-primary)}.competency-cell{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-raised);border:var(--border-width-default) solid var(--border-default);color:var(--text-quaternary);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast)}.competency-cell:hover{background:var(--surface-elevated);border-color:var(--border-strong);transform:scale(1.05);box-shadow:var(--shadow-md)}.competency-cell--filled{background:#3b82f626;border-color:#3b82f666;color:var(--color-primary-300)}.competency-cell--expiring{background:#f9731626;border-color:#f9731666;color:var(--color-warning-light);animation:pulse 2s ease-in-out infinite}.competency-cell--expired{background:#ef444426;border-color:#ef444466;color:var(--color-danger-light);animation:pulse 2s ease-in-out infinite}.asset-card{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal);position:relative;overflow:hidden}.asset-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary-500),transparent);opacity:0;transition:opacity var(--transition-normal)}.asset-card:hover{border-color:var(--border-default);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.asset-card:hover:before{opacity:1}.asset-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-4)}.asset-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.asset-card__meta{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.asset-card__meta-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--text-tertiary)}.asset-card__meta-item svg{width:1rem;height:1rem;opacity:.7}.asset-card__footer{display:flex;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--border-subtle)}.btn-refined{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-lg);border:var(--border-width-default) solid;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn-refined:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn-refined:hover:before{opacity:1}.btn-refined--primary{background:var(--color-primary-500);border-color:var(--color-primary-600);color:#fff}.btn-refined--primary:hover{background:var(--color-primary-400);border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-refined--secondary{background:var(--surface-elevated);border-color:var(--border-default);color:var(--text-primary)}.btn-refined--secondary:hover{background:var(--surface-overlay);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.content-spacing{padding:var(--spacing-8)}.section-spacing{margin-bottom:var(--spacing-12)}.section-spacing:last-child{margin-bottom:0}.tabs-refined{border-bottom:2px solid var(--border-subtle);margin-bottom:var(--spacing-8);display:flex;gap:var(--spacing-2)}.tabs-refined__tab{padding:var(--spacing-4) var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-tertiary);border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative;margin-bottom:-2px}.tabs-refined__tab:hover{color:var(--text-secondary);background:var(--surface-hover);border-radius:var(--radius-md) var(--radius-md) 0 0}.tabs-refined__tab--active{color:var(--color-primary-400);border-bottom-color:var(--color-primary-500)}.tabs-refined__tab--active:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:2px 2px 0 0}.stats-compact{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.stat-compact{flex:1;min-width:140px;background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);transition:all var(--transition-fast)}.stat-compact:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-compact__icon{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.stat-compact__icon--primary{background:#3b82f626;color:var(--color-primary-400)}.stat-compact__icon--success{background:#22c55e26;color:var(--color-success-light)}.stat-compact__icon--warning{background:#f9731626;color:var(--color-warning-light)}.stat-compact__icon--danger{background:#ef444426;color:var(--color-danger-light)}.stat-compact__content{flex:1;min-width:0}.stat-compact__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-compact__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.search-bar-enhanced{position:relative;flex:1;max-width:400px}.search-bar-enhanced__input{width:100%;height:var(--input-height-lg);padding:var(--spacing-3) var(--spacing-5) var(--spacing-3) var(--spacing-12);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-elevated)!important;border:var(--border-width-default) solid var(--border-strong)!important;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.search-bar-enhanced__input::-moz-placeholder{color:var(--text-quaternary);font-size:var(--text-base)}.search-bar-enhanced__input::placeholder{color:var(--text-quaternary);font-size:var(--text-base)}.search-bar-enhanced__input:hover{border-color:var(--border-strong);background:var(--surface-elevated)}.search-bar-enhanced__input:focus{outline:none;border-color:var(--color-primary-500);background:var(--surface-elevated);box-shadow:0 0 0 3px #3b82f61a}.search-bar-enhanced__icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-quaternary);pointer-events:none}.search-bar-enhanced__input:focus+.search-bar-enhanced__icon{color:var(--color-primary-400)}.search-bar-enhanced__clear{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;padding:var(--spacing-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-quaternary);cursor:pointer;opacity:0;pointer-events:none;transition:all var(--transition-fast)}.search-bar-enhanced__input:not(:-moz-placeholder)~.search-bar-enhanced__clear{opacity:1;pointer-events:auto}.search-bar-enhanced__input:not(:placeholder-shown)~.search-bar-enhanced__clear{opacity:1;pointer-events:auto}.search-bar-enhanced__clear:hover{background:var(--surface-hover);color:var(--text-secondary)}.filter-toolbar{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-6);padding:var(--spacing-5);background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg)}.filter-toolbar__section{display:flex;gap:var(--spacing-3);align-items:center;flex:1}.filter-toolbar__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);white-space:nowrap}.filter-toolbar__select{min-width:200px;height:var(--input-height-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-elevated);border:var(--border-width-thin) solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.filter-toolbar__select:hover{border-color:var(--border-strong)}.filter-toolbar__select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.filter-toolbar__divider{width:1px;height:2rem;background:var(--border-subtle)}.stats-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.personnel-header{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.personnel-header__controls{display:flex;gap:var(--spacing-4);align-items:center;justify-content:space-between;flex-wrap:wrap}.personnel-header__search-group{display:flex;gap:var(--spacing-3);align-items:center;flex:1;min-width:300px}.personnel-header__actions{display:flex;gap:var(--spacing-3);align-items:center}@media (max-width: 768px){.stats-compact{flex-direction:column}.stat-compact{min-width:100%}.filter-toolbar,.filter-toolbar__section{flex-direction:column;align-items:stretch}.filter-toolbar__divider{display:none}.search-bar-enhanced{max-width:100%}.personnel-header__controls{flex-direction:column;align-items:stretch}.personnel-header__search-group{flex-direction:column;min-width:100%}}.stat-pills{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.stat-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--surface-raised);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm)}.stat-pill__label{color:var(--text-tertiary);font-weight:var(--font-medium)}.stat-pill__value{color:var(--text-primary);font-weight:var(--font-bold)}.stat-pill--success{background:#22c55e1a;border-color:#22c55e4d}.stat-pill--success .stat-pill__value{color:var(--color-success-light)}.stat-pill--warning{background:#f973161a;border-color:#f973164d}.stat-pill--warning .stat-pill__value{color:var(--color-warning-light)}.stat-pill--danger{background:#ef44441a;border-color:#ef44444d}.stat-pill--danger .stat-pill__value{color:var(--color-danger-light)}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=time],input[type=datetime-local],input[type=search],input[type=url],input[type=tel],select,textarea{color:var(--color-neutral-900);background-color:var(--color-neutral-0);border:var(--border-width-thin) solid var(--color-neutral-300)}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,input[type=search]:focus,input[type=url]:focus,input[type=tel]:focus,select:focus,textarea:focus{outline:none;border-color:var(--interactive-default);box-shadow:0 0 0 3px #3b82f61a}select option{color:var(--color-neutral-900);background-color:var(--color-neutral-0)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--color-neutral-300);border-radius:var(--radius-full);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--interactive-default);cursor:pointer;border-radius:50%;border:2px solid var(--color-neutral-0);box-shadow:var(--shadow-sm);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{background:var(--interactive-hover);transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--interactive-default);cursor:pointer;border-radius:50%;border:2px solid var(--color-neutral-0);box-shadow:var(--shadow-sm);-moz-transition:all var(--transition-fast);transition:all var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{background:var(--interactive-hover);transform:scale(1.1)}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--interactive-default)}input[type=file]{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}input[type=file]::file-selector-button{padding:var(--spacing-2) var(--spacing-4);background:var(--interactive-default);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);margin-right:var(--spacing-3)}input[type=file]::file-selector-button:hover{background:var(--interactive-hover)}.tool-container{width:100%;height:100%;overflow:auto;padding:var(--spacing-8);background:var(--surface-base)}#tool-3dview,.tool-container.viewer-3d{position:relative;padding:0;overflow:hidden;height:100%;min-height:calc(100vh - 80px)}#tool-3dview #ui-container,.tool-container #ui-container{position:absolute;top:var(--spacing-6);left:var(--spacing-6);z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:var(--spacing-4);max-height:calc(100vh - 120px);overflow-y:auto}#tool-3dview .control-panel,.tool-container .control-panel{background:var(--surface-elevated);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));padding:var(--spacing-6);border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--border-subtle);box-shadow:var(--shadow-lg);width:300px}#tool-3dview .panel-header,.tool-container .panel-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-lg)}#tool-3dview .panel-content,.tool-container .panel-content{margin-top:var(--spacing-4);transition:max-height var(--transition-normal),opacity var(--transition-normal);max-height:1000px;opacity:1;overflow:hidden}#tool-3dview .panel-content.collapsed,.tool-container .panel-content.collapsed{max-height:0;opacity:0;margin-top:0}#tool-3dview .arrow-icon,.tool-container .arrow-icon{transition:transform var(--transition-normal)}#tool-3dview .arrow-icon.collapsed,.tool-container .arrow-icon.collapsed{transform:rotate(-90deg)}#tool-3dview .upload-label,#tool-3dview .action-btn,.tool-container .upload-label,.tool-container .action-btn{cursor:pointer;padding:var(--spacing-3) var(--spacing-5);background:var(--interactive-default);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-base);transition:all var(--transition-fast);display:inline-block;text-align:center;width:100%;border:none}#tool-3dview .upload-label:hover,#tool-3dview .action-btn:hover,.tool-container .upload-label:hover,.tool-container .action-btn:hover{background:var(--interactive-hover);box-shadow:var(--shadow-primary)}#tool-3dview .mode-btn,.tool-container .mode-btn{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-default);background:var(--surface-raised);color:var(--text-secondary);font-weight:var(--font-medium);transition:all var(--transition-fast);cursor:pointer}#tool-3dview .mode-btn:hover,.tool-container .mode-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}#tool-3dview .mode-btn.active,.tool-container .mode-btn.active{background:#3b82f626;color:var(--color-primary-300);border-color:#3b82f64d}#tool-3dview .layer-item,.tool-container .layer-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}#tool-3dview .layer-item:hover,.tool-container .layer-item:hover{background:var(--surface-hover);color:var(--text-primary)}#tool-3dview .layer-item.selected,.tool-container .layer-item.selected{border-color:var(--interactive-default);background:#3b82f61a;color:var(--text-primary)}#renderer-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#tool-3dview #renderer-container canvas,.tool-container #renderer-container canvas{display:block;width:100%;height:100%}.spinner{border:2px solid var(--border-default);border-top-color:var(--interactive-default);border-radius:50%;width:1.5rem;height:1.5rem;animation:spin .6s linear infinite}.loading-spinner{border:2px solid var(--border-default);border-top-color:var(--interactive-default);border-radius:50%;width:1.25rem;height:1.25rem;animation:spin .6s linear infinite}.progress-bar{width:100%;height:.5rem;background:var(--surface-raised);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-inner{height:100%;background:var(--interactive-default);border-radius:var(--radius-full);transition:width var(--transition-normal)}.file-input-button{padding:var(--spacing-3) var(--spacing-6);background:var(--interactive-default);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:inline-block}.file-input-button:hover{background:var(--interactive-hover);box-shadow:var(--shadow-primary)}@media (max-width: 768px){.tool-container{padding:var(--spacing-6) var(--spacing-4)}#tool-3dview #ui-container,.tool-container #ui-container{top:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4)}#tool-3dview .control-panel,.tool-container .control-panel{width:100%;max-width:100%}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"Fira Code","Consolas","Monaco",monospace;--text-2xs:.64rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--color-primary-50:#e6f2ff;--color-primary-100:#bae0ff;--color-primary-200:#7cc4fa;--color-primary-300:#47a3f3;--color-primary-400:#2186eb;--color-primary-500:#0967d2;--color-primary-600:#0552b5;--color-primary-700:#03449e;--color-primary-800:#01337d;--color-primary-900:#002159;--color-gray-50:#fafbfc;--color-gray-100:#f4f6f8;--color-gray-200:#e5e9ed;--color-gray-300:#d1d9e0;--color-gray-400:#a8b5c1;--color-gray-500:#7b8794;--color-gray-600:#5a6772;--color-gray-700:#434d5b;--color-gray-800:#303744;--color-gray-900:#1c2331;--color-gray-950:#0d1117;--color-success-light:#34d399;--color-success:#10b981;--color-success-dark:#059669;--color-warning-light:#fbbf24;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-danger-light:#f87171;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-info-light:#60a5fa;--color-info:#3b82f6;--color-info-dark:#2563eb;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a202c;--bg-elevated:#1f2937;--bg-overlay:#000000b3;--text-primary:#fff;--text-secondary:#e5e9ed;--text-tertiary:#a8b5c1;--text-muted:#7b8794;--text-disabled:#5a6772;--color-interactive:var(--color-primary-500);--color-interactive-hover:var(--color-primary-400);--color-interactive-active:var(--color-primary-600);--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0d;--glass-bg-active:#ffffff14;--glass-border:#ffffff14;--glass-border-hover:#ffffff1f;--glass-border-strong:#ffffff26;--radius-none:0;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003;--shadow-xl:0 16px 32px #00000040;--shadow-2xl:0 24px 48px #0000004d;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-glass:0 8px 32px #0000005e;--shadow-glass-lg:0 20px 60px #00000080;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-slower:.5s cubic-bezier(.4,0,.2,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--z-notification:700;--z-maximum:9999;--input-height-sm:2rem;--input-height-md:2.5rem;--input-height-lg:3rem;--button-height-sm:2rem;--button-height-md:2.5rem;--button-height-lg:3rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--text-secondary);background:linear-gradient(135deg,#0f0f14,#191923,#0f0f19);min-height:100vh}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 80%,#3b82f60d,#0000 50%),radial-gradient(circle at 80% 20%,#a855f70d,#0000 50%),radial-gradient(circle at 40% 40%,#6496ff08,#0000 50%);position:fixed;top:0;right:0;bottom:0;left:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-interactive);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-interactive-hover)}small{font-size:var(--text-sm);color:var(--text-tertiary)}strong,b{font-weight:var(--font-semibold);color:var(--text-primary)}code{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1)var(--space-2);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-muted{color:var(--text-muted)!important}.text-disabled{color:var(--text-disabled)!important}.text-justify{text-align:justify}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn var(--transition-base)ease-out}.animate-slideUp{animation:slideUp var(--transition-slow)ease-out}.animate-scaleIn{animation:scaleIn var(--transition-base)ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#ffffff0d}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast);background:#fff3}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:#fff3 #ffffff0d}:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f626}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--button-height-md);padding:0 var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);letter-spacing:var(--tracking-normal);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-base);border:1px solid #0000;outline:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{height:var(--button-height-sm);padding:0 var(--space-4);font-size:var(--text-xs)}.btn-lg{height:var(--button-height-lg);padding:0 var(--space-8);font-size:var(--text-base)}.btn-primary{color:var(--text-primary);background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f640}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#60a5faf2,#3b82f6f2);border-color:#60a5fa66;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #3b82f633}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border-color:var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.btn-secondary:active:not(:disabled){background:var(--glass-bg-active);transform:translateY(0)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-primary)}.btn-success{color:var(--text-primary);background:linear-gradient(135deg,#10b981e6,#059669e6);border-color:#10b9814d;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399f2,#10b981f2);border-color:#34d39966;transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.btn-danger{color:var(--text-primary);background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border-color:#ef44444d;box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171f2,#ef4444f2);border-color:#f8717166;transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}.btn-icon{width:var(--button-height-md);padding:0}.btn-icon.btn-sm{width:var(--button-height-sm)}.btn-icon.btn-lg{width:var(--button-height-lg)}.input-group{width:100%;margin-bottom:var(--space-5);position:relative}.input,.textarea,.select{width:100%;height:var(--input-height-md);padding:var(--space-3)var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--text-muted)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover:not(:focus):not(:disabled),.textarea:hover:not(:focus):not(:disabled),.select:hover:not(:focus):not(:disabled){border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-interactive);background:var(--glass-bg-active);box-shadow:0 0 0 3px #3b82f61a}.input-sm{height:var(--input-height-sm);padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.input-lg{height:var(--input-height-lg);padding:var(--space-4)var(--space-5);font-size:var(--text-base)}.textarea{resize:vertical;height:auto;min-height:100px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a8b5c1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10);background-size:16px}.input-with-icon{padding-left:var(--space-12)}.input-icon{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-base);position:absolute;top:50%;transform:translateY(-50%)}.input:focus~.input-icon{color:var(--color-interactive)}.input-error,.textarea-error,.select-error{border-color:var(--color-danger)}.input-error:focus,.textarea-error:focus,.select-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-success,.textarea-success,.select-success{border-color:var(--color-success)}.input-success:focus,.textarea-success:focus,.select-success:focus{box-shadow:0 0 0 3px #10b9811a}.input:disabled,.textarea:disabled,.select:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{padding:var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 12px 40px #0006}.card-compact{padding:var(--space-4)}.card-elevated{box-shadow:var(--shadow-glass-lg);background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)0}.card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.card-body{color:var(--text-secondary);flex:1}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border);gap:var(--space-3);align-items:center;display:flex}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);white-space:nowrap;display:inline-flex}.badge-primary{color:var(--color-primary-300);background:#3b82f61a;border-color:#3b82f64d}.badge-success{color:var(--color-success-light);background:#10b9811a;border-color:#10b9814d}.badge-warning{color:var(--color-warning-light);background:#f59e0b1a;border-color:#f59e0b4d}.badge-danger{color:var(--color-danger-light);background:#ef44441a;border-color:#ef44444d}.badge-info{color:var(--color-info-light);background:#3b82f61a;border-color:#3b82f64d}.badge-sm{padding:0 var(--space-2);font-size:var(--text-2xs)}.badge-lg{padding:var(--space-2)var(--space-4);font-size:var(--text-sm)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);animation:fadeIn var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:linear-gradient(135deg,#ffffff14,#ffffff0a),var(--bg-elevated);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;animation:scaleIn var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--glass-border);flex-shrink:0}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-6);border-top:1px solid var(--glass-border);gap:var(--space-3);flex-shrink:0;justify-content:flex-end;display:flex}.spinner{border:2px solid var(--glass-border);border-top-color:var(--color-interactive);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:3px;width:32px;height:32px}.skeleton{background:linear-gradient(90deg,var(--glass-bg)0%,var(--glass-bg-hover)50%,var(--glass-bg)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:var(--text-base);margin-bottom:var(--space-2)}.skeleton-title{height:var(--text-2xl);margin-bottom:var(--space-3)}.skeleton-button{height:var(--button-height-md);width:120px}.skeleton-card{height:200px}.tooltip{position:relative}.tooltip-content{bottom:calc(100% + var(--space-2));padding:var(--space-2)var(--space-3);background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-base);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);position:absolute;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-content{opacity:1}.divider{background:var(--glass-border);height:1px;margin:var(--space-6)0}.divider-vertical{background:var(--glass-border);width:1px;height:auto;margin:0 var(--space-4)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-base);cursor:pointer;text-decoration:none;display:flex}.nav-item:hover{background:var(--glass-bg);color:var(--text-secondary)}.nav-item.active{color:var(--text-primary);border-left:3px solid var(--color-interactive);background:linear-gradient(90deg,#3b82f61a,#0000)}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.right-full{right:100%}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[9999\]{z-index:9999}.order-1{order:1}.order-2{order:2}.\!container{width:100%!important}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.aspect-square{aspect-ratio:1}.h-\[120px\]{height:120px}.h-\[400px\]{height:400px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[150px\]{max-height:150px}.max-h-\[400px\]{max-height:400px}.max-h-full{max-height:100%}.min-h-\[120px\]{min-height:120px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-11\/12{width:91.6667%}.w-full{width:100%}.w-px{width:1px}.max-w-\[95vw\]{max-width:95vw}.max-w-\[150px\]{max-width:150px}.max-w-\[300px\]{max-width:300px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[calc\(100\%-48px\)\]{--tw-translate-x: calc((100% - 48px)*-1) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[13px\]{gap:13px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#0d0d0d\]{background-color:#0d0d0d}.bg-\[\#111\]{background-color:#111}.bg-\[\#080808\]{background-color:#080808}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\[19px\]{padding:19px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.peer-focus\:ring-2:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.btn-primary:not(.btn),.glass-btn-primary{justify-content:center;align-items:center;gap:var(--space-2);height:var(--button-height-md);padding:0 var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-primary);background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border:1px solid #3b82f64d;display:inline-flex;box-shadow:0 2px 8px #3b82f640}.glass-input{width:100%;height:var(--input-height-md);padding:var(--space-3)var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);outline:none}.glass-textarea{width:100%;min-height:100px;padding:var(--space-3)var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);resize:vertical;outline:none}.glass-select{width:100%;height:var(--input-height-md);padding:var(--space-3)var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.glass-card,.glass-panel{padding:var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.glass-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);white-space:nowrap;display:inline-flex}.badge-blue{color:var(--color-primary-300);background:#3b82f61a;border-color:#3b82f64d}.badge-green{color:var(--color-success-light);background:#10b9811a;border-color:#10b9814d}.badge-yellow{color:var(--color-warning-light);background:#f59e0b1a;border-color:#f59e0b4d}.badge-red{color:var(--color-danger-light);background:#ef44441a;border-color:#ef44444d}#root{z-index:1;min-height:100vh;position:relative}#app-container{height:100vh;display:flex;overflow:hidden}#toolbar{width:90px;height:100vh;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff1f,#ffffff0f,#ffffff05),#0f0f1466;border-top:1.5px solid #ffffff40;border-right:1.5px solid #fff3;flex-shrink:0;position:relative;overflow:visible;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff26}#main-content{z-index:var(--z-base);flex:1;position:relative;overflow:hidden auto}.tool-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.tool-container:not(.override-height){min-height:0!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-6px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}button,a,[role=button],[onclick]{cursor:pointer!important;pointer-events:auto!important}@media (max-width:768px){#toolbar{width:70px}.container{padding:0 var(--space-4)}}@media print{#toolbar{display:none}#main-content{width:100%;overflow:visible}.no-print{display:none!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}