:root{--bg:#f3f4f6;--surface:#ffffff;--text:#0f172a;--muted:#475569;--border:#cbd5e1;--accent:#0369a1;--danger:#b91c1c;--success:#15803d}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#e0f2fe 0,var(--bg) 50%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 4px 16px rgba(15,23,42,.08)}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}h1,h2,h3{margin-top:0}label{display:block;margin-bottom:.35rem;font-weight:600}button,input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem;font:inherit;background:#fff}button{cursor:pointer;font-weight:700}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.ghost{background:#fff}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.field{margin-bottom:.75rem}.inline{display:flex;align-items:center;gap:.5rem}.inline>*{width:auto}.small{font-size:.9rem;color:var(--muted)}.success{color:var(--success)}.error{color:var(--danger)}.table{width:100%;border-collapse:collapse}.table td,.table th{border:1px solid var(--border);padding:.5rem;vertical-align:top;text-align:left}.table th{background:#f8fafc}.video{width:100%;max-width:100%;border-radius:10px;border:1px solid var(--border);background:#000}@media (max-width:720px){.container{padding:1rem}.table{display:block;overflow-x:auto}}