:root{--bg-color: #f8f9fa;--surface-color: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--accent-primary: #d32f2f;--accent-hover: #b71c1c;--border-color: #e5e7eb;--status-success: #10b981;--status-warning: #f59e0b;--status-danger: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:40px;box-shadow:0 4px 20px #00000008;border-top:4px solid var(--border-color);transition:border-color .3s ease}.glass-panel:hover{border-top-color:var(--accent-primary)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em;margin-bottom:.5em;color:var(--text-primary)}h1{text-transform:uppercase}.title-glow{color:var(--accent-primary)}input,select,textarea{width:100%;background:#fff;border:1px solid #d1d5db;color:var(--text-primary);padding:12px 16px;border-radius:6px;font-family:var(--font-sans);font-size:.95rem;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #d32f2f1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text-primary);border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;letter-spacing:.05em}.btn:hover:not(:disabled){background:#f9fafb;border-color:var(--text-primary)}.btn-primary{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);box-shadow:0 4px 14px #d32f2f33}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d32f2f4d}.btn:disabled{opacity:.5;cursor:not-allowed;background:#e5e7eb;border-color:#d1d5db;color:#9ca3af;box-shadow:none;transform:none}.app-container{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background-color:var(--bg-color)}.sidebar{border-right:1px solid var(--border-color);background:var(--surface-color);padding:32px 0;display:flex;flex-direction:column}.main-content{padding:40px;overflow-y:auto;position:relative}pre{background:#f3f4f6;padding:16px;border-radius:6px;border:1px solid var(--border-color);overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.data-chip{display:inline-block;background:#fef2f2;color:var(--accent-primary);border:1px solid #fee2e2;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}