@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-app: #000000;--bg-elevated: #0a0a0f;--bg-card: #111827;--bg-card-hover: #1f2937;--bg-input: #1a1a2e;--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-disabled: #6b7280;--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-glow: rgba(139, 92, 246, .4);--secondary: #ec4899;--secondary-hover: #db2777;--accent: #06b6d4;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--border-subtle: #1f2937;--border-default: #374151;--border-strong: #4b5563;--border-focus: #8b5cf6;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-glow: linear-gradient(135deg, rgba(139, 92, 246, .2) 0%, rgba(236, 72, 153, .2) 100%);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-overlay: 99999}}@layer base{*{@apply border-gray-700;}html{@apply scroll-smooth antialiased;}body{@apply bg-black text-white min-h-screen;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);@apply font-bold tracking-tight;}h1{@apply text-4xl md:text-5xl;}h2{@apply text-3xl md:text-4xl;}h3{@apply text-2xl md:text-3xl;}h4{@apply text-xl md:text-2xl;}h5{@apply text-lg md:text-xl;}h6{@apply text-base md:text-lg;}a{@apply text-purple-400 hover:text-purple-300 transition-colors;}code{font-family:var(--font-mono);@apply bg-gray-800 px-1.5 py-0.5 rounded text-sm text-purple-300;}pre{font-family:var(--font-mono);@apply bg-gray-900 p-4 rounded-lg overflow-x-auto;}}@layer components{input,textarea,select{@apply text-white bg-gray-800 border-gray-600;color:#fff!important;background-color:#1f2937!important}input::placeholder,textarea::placeholder{@apply text-gray-500;color:#6b7280!important}.input,.textarea,.select{@apply bg-gray-800 text-white border-gray-600;color:#fff!important;background-color:#1f2937!important}.input:focus,.textarea:focus,.select:focus{@apply border-purple-500 ring-2 ring-purple-500/20;outline:none!important}.input-bordered{@apply border-gray-600;background-color:#1f2937!important;color:#fff!important}.input-primary{@apply border-purple-500/50;}.input-primary:focus{@apply border-purple-500;}.input-error{@apply border-red-500 bg-red-500/10;}.input-success{@apply border-green-500 bg-green-500/10;}.label-text{@apply text-gray-200 font-medium;}.label-text-alt{@apply text-gray-400 text-sm;}.text-error{@apply text-red-400;}.text-success{@apply text-green-400;}}@layer components{.btn-stella{@apply px-6 py-3 rounded-xl font-semibold transition-all duration-200;@apply disabled:opacity-50 disabled:cursor-not-allowed;}.btn-stella-primary{@apply btn-stella text-white;background:var(--gradient-primary);box-shadow:0 4px 14px var(--primary-glow)}.btn-cipher-strike{@apply btn-stella text-white font-bold uppercase tracking-wider;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 14px #8b5cf666;border:1px solid rgba(255,255,255,.1)}.btn-cipher-strike:hover:not(:disabled){@apply transform -translate-y-0.5;background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 6px 20px #8b5cf699}.btn-stella-primary:hover:not(:disabled){@apply transform -translate-y-0.5;box-shadow:0 6px 20px var(--primary-glow)}.btn-stella-secondary{@apply btn-stella bg-gray-800 text-white border border-gray-600;}.btn-stella-secondary:hover:not(:disabled){@apply bg-gray-700 border-gray-500;}.btn-stella-ghost{@apply btn-stella bg-transparent text-gray-300;}.btn-stella-ghost:hover:not(:disabled){@apply bg-gray-800 text-white;}.btn-stella-danger{@apply btn-stella bg-red-600 text-white;}.btn-stella-danger:hover:not(:disabled){@apply bg-red-700;}}@layer components{.card-stella{@apply bg-gray-900 border border-gray-800 rounded-2xl p-6;@apply transition-all duration-200;}.card-stella:hover{@apply border-gray-700 bg-gray-800/50;}.card-stella-elevated{@apply card-stella;box-shadow:0 10px 40px #0006}.card-stella-glow{@apply card-stella border-purple-500/30;box-shadow:0 0 30px #8b5cf61a}.card-stella-glow:hover{@apply border-purple-500/50;box-shadow:0 0 40px #8b5cf633}.glass-stella{@apply bg-gray-900/80 backdrop-blur-xl border border-gray-700/50;@apply rounded-2xl;}}@layer components{.text-gradient-primary{@apply bg-clip-text text-transparent;background-image:var(--gradient-primary)}.text-gradient-secondary{@apply bg-clip-text text-transparent;background-image:var(--gradient-secondary)}.text-gradient-rainbow{@apply bg-clip-text text-transparent;background-image:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4,#10b981);background-size:200% auto;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}}@layer components{.spinner-stella{@apply w-8 h-8 border-4 border-purple-500/30 border-t-purple-500 rounded-full;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-stella{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.shimmer-stella{@apply relative overflow-hidden;}.shimmer-stella:after{content:"";@apply absolute inset-0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-stella{@apply h-2 bg-gray-800 rounded-full overflow-hidden;}.progress-stella-bar{@apply h-full rounded-full transition-all duration-500;background:var(--gradient-primary)}}@layer components{.badge-stella{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-stella-primary{@apply badge-stella bg-purple-500/20 text-purple-300 border border-purple-500/30;}.badge-stella-success{@apply badge-stella bg-green-500/20 text-green-300 border border-green-500/30;}.badge-stella-warning{@apply badge-stella bg-yellow-500/20 text-yellow-300 border border-yellow-500/30;}.badge-stella-error{@apply badge-stella bg-red-500/20 text-red-300 border border-red-500/30;}.badge-stella-info{@apply badge-stella bg-blue-500/20 text-blue-300 border border-blue-500/30;}}@layer components{.alert-stella{@apply p-4 rounded-xl border flex items-start gap-3;}.alert-stella-success{@apply alert-stella bg-green-500/10 border-green-500/30 text-green-300;}.alert-stella-warning{@apply alert-stella bg-yellow-500/10 border-yellow-500/30 text-yellow-300;}.alert-stella-error{@apply alert-stella bg-red-500/10 border-red-500/30 text-red-300;}.alert-stella-info{@apply alert-stella bg-blue-500/10 border-blue-500/30 text-blue-300;}}.quick-task-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000e6!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:var(--z-overlay)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quick-task-panel{background:var(--gradient-dark)!important;border:2px solid rgba(139,92,246,.5)!important;border-radius:var(--radius-2xl)!important;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080,0 0 100px #8b5cf626;color:#fff!important;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.qt-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d}.qt-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.1rem;color:#fff}.qt-title:before{content:"⚡";font-size:1.25rem}.qt-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#9ca3af;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:var(--radius-md);transition:all .2s}.qt-close:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.qt-content{flex:1;overflow-y:auto;padding:24px}.qt-label{display:block;font-size:14px;font-weight:500;color:#e5e7eb;margin-bottom:10px}.qt-textarea{width:100%;min-height:120px;padding:16px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:#fff;font-size:15px;line-height:1.6;resize:vertical;transition:all .2s}.qt-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}.qt-textarea::placeholder{color:#6b7280}.qt-btn{padding:12px 24px;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:15px}.qt-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #8b5cf666}.qt-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.qt-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.qt-hint{font-size:13px;color:#6b7280;margin-top:10px}@layer components{.wizard-step{@apply flex items-center gap-3;}.wizard-step-number{@apply w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm;@apply bg-gray-800 text-gray-400 border-2 border-gray-700;@apply transition-all duration-300;}.wizard-step-active .wizard-step-number{@apply bg-purple-600 text-white border-purple-500;box-shadow:0 0 20px #8b5cf666}.wizard-step-complete .wizard-step-number{@apply bg-green-600 text-white border-green-500;}.wizard-step-label{@apply text-gray-400 font-medium text-sm;}.wizard-step-active .wizard-step-label{@apply text-white;}.wizard-step-complete .wizard-step-label{@apply text-green-400;}.wizard-connector{@apply flex-1 h-0.5 bg-gray-700 mx-2;}.wizard-connector-active{background:var(--gradient-primary)}}@layer components{.feature-card{@apply p-4 rounded-xl border-2 border-gray-700 bg-gray-800/50;@apply cursor-pointer transition-all duration-200;@apply hover:border-gray-600 hover:bg-gray-800;}.feature-card-selected{@apply border-purple-500 bg-purple-500/10;box-shadow:0 0 20px #8b5cf633}.feature-card-icon{@apply w-12 h-12 rounded-xl flex items-center justify-center text-2xl;@apply bg-gray-700 mb-3;}.feature-card-selected .feature-card-icon{@apply bg-purple-600;}.feature-card-title{@apply font-semibold text-white mb-1;}.feature-card-desc{@apply text-sm text-gray-400;}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}*{scrollbar-width:thin;scrollbar-color:#374151 transparent}@layer components{.tooltip-stella{@apply relative;}.tooltip-stella:after{content:attr(data-tooltip);@apply absolute bottom-full left-1/2 -translate-x-1/2 mb-2;@apply px-3 py-1.5 rounded-lg text-sm font-medium;@apply bg-gray-800 text-white border border-gray-700;@apply opacity-0 invisible transition-all duration-200;@apply whitespace-nowrap;z-index:var(--z-tooltip)}.tooltip-stella:hover:after{@apply opacity-100 visible;}}@layer utilities{.container-stella{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;}.section-stella{@apply py-16 md:py-24;}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}.btn{@apply font-semibold;}.card{@apply bg-gray-900 border border-gray-800;}.modal-box,.dropdown-content{@apply bg-gray-900 border border-gray-700;}.menu{@apply bg-gray-900;}.menu li a{@apply text-gray-300 hover:text-white hover:bg-gray-800;}.bg-base-100{background-color:#000!important}.bg-base-200{background-color:#111827!important}.bg-base-300{background-color:#1f2937!important}.text-base-content{color:#fff!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.animate-slide-in-right{animation:slide-in-right .3s ease}.animate-slide-in-up{animation:slide-in-up .3s ease}@media print{body{@apply bg-white text-black;}.no-print{display:none!important}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#0ff,#f0f);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#0cc,#c0c)}