:root{--bg-primary: #0a0c10;--bg-secondary: #11141b;--bg-tertiary: #181d28;--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .4);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-accent: #14b8a6;--color-accent-hover: #0d9488;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-success: #10b981;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glass-bg: rgba(17, 20, 27, .7);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(16px);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-inset: inset 0 1px 1px 0 rgba(255, 255, 255, .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(20,28,166,.05) 0%,transparent 40%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg),var(--shadow-inset);border-radius:var(--radius-lg);padding:1.5rem;transition:transform var(--transition-normal),border-color var(--transition-normal)}.card-glass:hover{border-color:#ffffff1a}.title-gradient{background:linear-gradient(135deg,#fff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-gradient{background:linear-gradient(135deg,#a5b4fc,#818cf8 40%,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-display);font-weight:800}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.input-field{width:100%;background:#0003;border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--border-focus)}.label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;font-family:var(--font-display)}.checkbox-group{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.checkbox-group input{cursor:pointer;accent-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--text-muted)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 4px 14px #14b8a64d}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn-sm{padding:.4rem .8rem;font-size:.85rem;border-radius:var(--radius-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-full);font-family:var(--font-display)}.badge-primary{background:#6366f126;color:#a5b4fc}.badge-accent{background:#14b8a626;color:#2dd4bf}.badge-success{background:#10b98126;color:#34d399}.badge-warning{background:#f59e0b26;color:#fbbf24}.badge-danger{background:#ef444426;color:#f87171}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;background:#ffffff03;transition:all var(--transition-normal)}.upload-zone.dragging{border-color:var(--color-primary);background:#6366f10d}.upload-zone:hover{border-color:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{width:90%;max-width:550px;max-height:90vh;overflow-y:auto}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background:#0a0c10cc;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;top:0;z-index:100}.logo-container{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;text-decoration:none}.dev-outbox-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;box-shadow:0 4px 20px #00000080}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.file-item:hover{background:#ffffff0d;border-color:#ffffff26}@media (max-width: 768px){.navbar,.container{padding:1rem}}