@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif;--bg-base:210 40% 98%;--bg-surface:0 0% 100%;--bg-card:210 30% 99%;--border:214 32% 91%;--border-focus:221 83% 53%;--text-primary:222 47% 11%;--text-secondary:215 16% 47%;--text-muted:215 16% 65%;--primary:221 83% 53%;--primary-glow:#2563eb14;--accent-pink:330 80% 55%;--accent-green:142 76% 36%;--accent-blue:200 85% 45%;--accent-orange:24 85% 50%;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000d;--shadow-neon:0 4px 12px #2563eb26}[data-theme=dark]{--bg-base:222 47% 8%;--bg-surface:222 47% 12%;--bg-card:222 40% 15%;--border:217 33% 22%;--border-focus:221 83% 60%;--text-primary:210 40% 98%;--text-secondary:215 20% 75%;--text-muted:215 16% 55%;--primary:221 83% 60%;--primary-glow:#2563eb40;--accent-pink:330 85% 65%;--accent-green:142 70% 45%;--accent-blue:200 85% 60%;--accent-orange:24 85% 60%;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-neon:0 4px 16px #2563eb4d}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) hsl(var(--bg-base));margin:0;padding:0}body{font-family:var(--font-sans);background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsl(var(--bg-base))}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary) / .5)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:hsl(var(--text-primary));font-weight:600}a{color:hsl(var(--primary));text-decoration:none;transition:color .2s}a:hover{color:hsl(var(--text-primary))}button,input,select,textarea{font-family:inherit;font-size:inherit;color:hsl(var(--text-primary));background:0 0;border:none;outline:none}select option{background-color:hsl(var(--bg-surface));color:hsl(var(--text-primary))}input::placeholder,textarea::placeholder{color:hsl(var(--text-muted))}.glass-panel{background:hsl(var(--bg-surface) / .85);-webkit-backdrop-filter:blur(8px);border:1px solid hsl(var(--border));box-shadow:var(--shadow-sm);border-radius:12px}.gradient-text{background:linear-gradient(135deg, hsl(var(--text-primary)) 0%, hsl(var(--primary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-cyber{background:linear-gradient(135deg, hsl(var(--primary)) 0%, #4ca6ff 100%)}.shadow-glow{box-shadow:var(--shadow-neon)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.input-field{background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));width:100%;color:hsl(var(--text-primary));border-radius:8px;padding:10px 14px;font-size:.8rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.input-field::placeholder{color:hsl(var(--text-muted));font-size:.75rem}input::placeholder,textarea::placeholder{font-size:.75rem!important}.input-field:focus{border-color:hsl(var(--border-focus));box-shadow:0 0 0 3px var(--primary-glow);background-color:hsl(var(--bg-surface))}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.25rem;padding-right:36px}select.input-field option{background-color:hsl(var(--bg-surface));color:hsl(var(--text-primary))}.custom-input,.custom-select,.input-field{height:38px;font-size:.8rem;font-family:var(--font-sans);border-radius:8px;outline:none;padding:8px 12px;transition:all .15s ease-in-out;background-color:hsl(var(--bg-card))!important;border:1px solid hsl(var(--border))!important;color:hsl(var(--text-primary))!important}.custom-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.15rem;padding-right:36px}.custom-input::placeholder,.input-field::placeholder{color:hsl(var(--text-muted));font-size:.75rem}.custom-select:hover,.custom-input:hover,.input-field:hover{border-color:hsl(var(--border-focus))!important;background-color:hsl(var(--bg-card))!important}.custom-select:focus,.custom-input:focus,.input-field:focus{box-shadow:0 0 0 3px hsl(var(--primary) / .2);border-color:hsl(var(--primary))!important;background-color:hsl(var(--bg-card))!important}.custom-select option{background-color:hsl(var(--bg-surface))!important;color:hsl(var(--text-primary))!important}.btn-primary{background:linear-gradient(135deg, hsl(var(--primary)) 0%, #0b4dda 100%);color:#fff;cursor:pointer;border:1px solid #0000000d;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));border-color:hsl(var(--text-secondary) / .3)}.badge{border:1px solid #0000;border-radius:9999px;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-violet{background-color:hsl(var(--primary) / .08);color:hsl(var(--primary));border-color:hsl(var(--primary) / .18)}.badge-green{background-color:hsl(var(--accent-green) / .08);color:hsl(var(--accent-green));border-color:hsl(var(--accent-green) / .18)}.badge-orange{background-color:hsl(var(--accent-orange) / .08);color:hsl(var(--accent-orange));border-color:hsl(var(--accent-orange) / .18)}.badge-red{background-color:hsl(var(--accent-pink) / .08);color:hsl(var(--accent-pink));border-color:hsl(var(--accent-pink) / .18)}.resize-handle{background-color:#0000;transition:background-color .2s}.resize-handle:hover,.resize-handle:active{background-color:hsl(var(--primary) / .5)!important}.tooltip-container{cursor:pointer;max-width:100%;display:inline-block;position:relative}.tooltip-container .tooltip-content{visibility:hidden;background-color:hsl(var(--bg-surface));color:hsl(var(--text-primary));text-align:left;border:1px solid hsl(var(--border));box-sizing:border-box;box-shadow:var(--shadow-md);z-index:100;word-break:break-all;white-space:normal;opacity:0;pointer-events:none;border-radius:8px;width:max-content;max-width:320px;padding:8px 12px;font-size:.8rem;font-weight:400;transition:opacity .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1}