:root{--bg: #ffffff;--fg: #0f172a;--muted: #64748b;--surface: #f8fafc;--primary: #4f46e5;--primary-ink: #ffffff;--danger: #ef4444;--warning: #f59e0b;--border: #e5e7eb;--ring: rgba(79, 70, 229, .35);--radius: 12px;--space: 12px;--maxw: 1100px;--font: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:var(--space)}.row{display:flex;gap:var(--space);flex-wrap:wrap;align-items:center}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card.surface{background:var(--surface)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;color:var(--fg);border-radius:10px;padding:6px 12px;cursor:pointer;transition:box-shadow .15s,transform .02s,background .15s;-webkit-user-select:none;user-select:none}.btn:hover{box-shadow:0 1px #00000008}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent}.btn.danger{border-color:var(--danger);color:var(--danger);background:#fff}.badge{display:inline-block;padding:0 6px;min-width:18px;line-height:18px;text-align:center;border-radius:999px;font-size:11px;background:var(--danger);color:#fff}.badge.muted{background:#e5e7eb;color:#111827}.badge.warn{background:var(--warning);color:#111827}.input,.select,input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit;color:var(--fg);background:#fff}.input:focus,.select:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:transparent}.h1{font-size:42px;font-weight:800;line-height:1.1;margin:16px 0}.h2{font-size:28px;font-weight:700;margin:12px 0}.muted{color:var(--muted)}.spacer{height:var(--space)}.hr{height:1px;background:var(--border);border:0;margin:12px 0}.grid{display:grid;gap:var(--space)}