:root{--bg:#070b16;--panel:rgba(18,27,47,.88);--line:rgba(148,163,184,.22);--text:#f8fafc;--muted:#94a3b8;--primary:#38bdf8;--primary-strong:#2563eb;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 32rem),radial-gradient(circle at 85% 10%,rgba(99,102,241,.2),transparent 28rem),linear-gradient(135deg,#050816 0%,#0b1020 45%,#050816 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 80%)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}h2{margin-bottom:.4rem;font-size:1.25rem;letter-spacing:-.025em}button,input,select,textarea{font:inherit}a{color:inherit}code{border:1px solid var(--line);border-radius:8px;background:rgba(15,23,42,.75);padding:.1rem .35rem}.topbar{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:38px 24px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.compact-topbar{padding-bottom:12px}.container{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:18px 24px 56px}.container.narrow{max-width:980px}.eyebrow{margin-bottom:.35rem;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:.9rem}.btn{appearance:none;border:1px solid transparent;border-radius:999px;padding:.78rem 1.05rem;background:rgba(148,163,184,.12);color:var(--text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 14px 34px rgba(37,99,235,.32)}.btn-danger{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.35);color:#fecaca}.btn-ghost{border-color:var(--line);background:rgba(15,23,42,.58)}.btn-soft{border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.12);color:#bae6fd}.btn.full{width:100%;margin-bottom:.7rem}.panel,.event-card,.stat-card,.empty-state{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(15,23,42,.78));box-shadow:var(--shadow);backdrop-filter:blur(16px)}.panel{padding:22px;margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{padding:20px}.stat-number{display:block;font-size:2.2rem;font-weight:900;letter-spacing:-.06em}.stat-label{color:var(--muted)}.toolbar{display:grid;grid-template-columns:1fr 220px auto auto;gap:14px;align-items:end}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.event-card{padding:22px;overflow:hidden;position:relative}.event-card:after{content:"";position:absolute;inset:auto -30% -45% 20%;height:180px;background:radial-gradient(circle,rgba(56,189,248,.15),transparent 70%);pointer-events:none}.card-header,.section-heading,.card-actions,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-header h2{margin-bottom:0;word-break:break-word}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .7rem;border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.1);color:#bbf7d0;font-size:.82rem;font-weight:700}.status-paused .badge{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.12);color:#fde68a}.status-archived .badge{border-color:rgba(148,163,184,.35);background:rgba(148,163,184,.12);color:#cbd5e1}.card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.card-meta div{padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(15,23,42,.52)}.card-meta span{display:block;color:var(--muted);font-size:.78rem}.card-meta strong{display:block;margin-top:.2rem;font-size:.92rem}.url-line{margin:0 0 16px;color:var(--muted);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.side-panel{position:sticky;top:18px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:.86rem;color:#cbd5e1;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(2,6,23,.45);color:var(--text);padding:.78rem .9rem;outline:none}.field textarea{resize:vertical}.field small{color:var(--muted)}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(56,189,248,.11)}.form-panel{display:flex;flex-direction:column;gap:18px}.inner-form{gap:16px}.slot-heading{margin-top:8px}.slot-list{display:flex;flex-direction:column;gap:12px}.slot-list.compact{gap:14px}.slot-row,.slot-edit-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end}.slot-row.standalone{grid-template-columns:repeat(5,minmax(0,1fr)) auto}.slot-card{display:flex;gap:12px;align-items:end;border:1px solid var(--line);border-radius:22px;background:rgba(15,23,42,.58);padding:14px}.slot-card.is-inactive{opacity:.58}.slot-card>form:first-child{flex:1}.switch-field{display:flex;align-items:center;gap:8px;padding:.72rem .85rem;border:1px solid var(--line);border-radius:16px;color:#cbd5e1;background:rgba(2,6,23,.3)}.switch-field input{width:18px;height:18px}.empty-state{padding:36px;text-align:center}.empty-inline{padding:18px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:880px}th,td{text-align:left;padding:.8rem;border-bottom:1px solid rgba(148,163,184,.14)}th{color:#cbd5e1;background:rgba(15,23,42,.75);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}td{color:#e2e8f0}.alert{border:1px solid var(--line);border-radius:22px;padding:16px 18px;margin-bottom:18px;background:rgba(15,23,42,.78)}.alert-success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.1)}.alert-warning{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.1)}.alert-danger{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.1)}.mini-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mini-stats span,.log-pill{border:1px solid var(--line);border-radius:999px;padding:.35rem .6rem;color:#cbd5e1;background:rgba(15,23,42,.48);font-size:.86rem}.log-pill{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-list{display:flex;flex-direction:column;gap:10px}.log-row{display:grid;grid-template-columns:90px 170px 1fr;gap:12px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(15,23,42,.48)}.log-row strong{text-transform:uppercase;font-size:.78rem}.log-row.ok strong,.log-row.dry_run strong{color:#86efac}.log-row.partial strong{color:#fde68a}.log-row.error strong{color:#fecaca}.log-row span{color:var(--muted);font-size:.86rem}.log-row p{grid-column:1/-1;margin:0;color:#e2e8f0}.empty-state .btn{margin-top:12px}@media (max-width:980px){.topbar{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar,.layout-grid,.slot-row,.slot-row.standalone,.slot-edit-form{grid-template-columns:1fr}.slot-card{display:block}.slot-card form+form{margin-top:12px}.form-grid.two{grid-template-columns:1fr}.side-panel{position:static}.card-actions,.form-actions,.section-heading{align-items:flex-start;flex-direction:column}.log-row{grid-template-columns:1fr}}@media (max-width:560px){.container,.topbar{padding-left:16px;padding-right:16px}.stats-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr}.panel,.event-card,.stat-card{border-radius:22px}.btn{width:100%}}
