@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #16181c;--bg-tertiary: #1e2024;--border: #2f3336;--border-hover: #F97316;--text-primary: #e7e9ea;--text-secondary: #71767b;--accent: #F97316;--accent-hover: #EA580C;--success: #00D37F;--error: #F43F5E;--warning: #F59E0B;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-ui: "Fira Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.monospace{font-family:var(--font-mono)}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .2s ease;animation:fadeIn .3s ease}.card:hover{border-color:var(--border-hover);box-shadow:0 0 20px #f973161a}.card h2{margin-bottom:var(--spacing-md);font-size:1.25rem;color:var(--text-primary);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}button{background:var(--accent);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:6px;font-weight:600;cursor:pointer;font-size:.875rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:var(--border);cursor:not-allowed;transform:none;opacity:.5}input,textarea,select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:var(--spacing-sm);border-radius:6px;font-size:.875rem;font-family:var(--font-mono);width:100%;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f973161a}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.6}.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;margin-bottom:var(--spacing-xs);font-family:var(--font-mono);font-size:.875rem;transition:all .2s ease}.list-item:hover{border-color:var(--accent);background:#f973160d}.list-item span{flex:1;color:var(--text-primary)}.list-item button{padding:.25rem .75rem;font-size:.75rem;min-width:auto}.list-item button.danger{background:var(--error)}.list-item button.danger:hover{background:#dc2626}input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer}