:root{--primary:#ff0000;--bg:#f9fafb;--card-bg:#ffffff;--border:#e5e7eb;--text-main:#111827;--text-muted:#6b7280;--radius:12px}body,html{padding:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased}.container{max-width:1400px;margin:0 auto;padding:40px 20px;width:100%;box-sizing:border-box}.card{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:var(--card-bg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.row{display:flex;gap:24px;flex-wrap:wrap}.col{flex:1 1 350px}.h1{font-size:28px;font-weight:800;margin:0 0 12px;letter-spacing:-.025em}.h2{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text-main)}.muted{color:var(--text-muted);font-size:14px;line-height:1.5}.btn{border:1px solid var(--primary);background:var(--primary);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn:hover{background:#cc0000;border-color:#cc0000;transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--primary)}.btn.secondary:hover{background:#fff5f5}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.tab{border:1px solid var(--border);background:#fff;padding:8px 14px;border-radius:99px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s;color:var(--text-muted)}.tab:hover{color:var(--primary)}.tab.active,.tab:hover{border-color:var(--primary)}.tab.active{background:var(--primary);color:#fff}.input,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s;background-color:#fff}.input:focus,select:focus{outline:none;border-color:var(--primary);ring:2px solid rgba(255,0,0,.1)}.label{font-weight:600;color:#374151;margin:16px 0 8px;display:block}.label,table{font-size:13px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left}th{font-size:12px;color:#374151}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.card{min-height:100px}