:root{--bg:#0b0d10;--bg2:#12151a;--panel:#171a21;--line:#2a303a;--text:#eef2f7;--muted:#9aa3b2;--accent:#00cfea;--ok:#2e7d32;--warn:#e6a23c;--danger:#e74c3c;--radius:12px;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #12303a 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #1a2230 0%, transparent 50%), var(--bg);font-family:Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}a{color:var(--accent)}.app-shell{max-width:1200px;margin:0 auto;padding:16px}.topbar{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.brand{letter-spacing:.02em;font-weight:700}.brand span{color:var(--accent)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px}.tab.active{color:#041016;background:var(--accent);border-color:var(--accent);font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.input,.select{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:10px;min-width:0;padding:10px 12px}.input{flex:1}.btn{border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 12px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#041016;border-color:var(--accent);font-weight:600}.btn.danger{color:#ffd7d2;border-color:color-mix(in srgb, var(--danger) 55%, var(--line))}.btn.ok{color:#d8ffe0;border-color:color-mix(in srgb, var(--ok) 55%, var(--line))}.btn.warn{color:#ffe8c2;border-color:color-mix(in srgb, var(--warn) 55%, var(--line))}.btn:disabled{opacity:.5;cursor:not-allowed}.list{gap:10px;display:grid}.card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px}.card h3{margin:0 0 4px;font-size:1rem}.meta{color:var(--muted);white-space:pre-wrap;font-size:.9rem}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.actions{flex-wrap:wrap;gap:6px;display:flex}.badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge.pending{background:color-mix(in srgb, var(--warn) 25%, transparent);color:#ffd58a}.badge.accepted,.badge.active{background:color-mix(in srgb, var(--ok) 25%, transparent);color:#9be7a6}.badge.refused{background:color-mix(in srgb, var(--danger) 25%, transparent);color:#ffb4aa}.badge.live{background:color-mix(in srgb, var(--danger) 35%, transparent);color:#ffc9c2}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(420px,100%);padding:24px;box-shadow:0 20px 60px #00000059}.login-card h1{margin:0 0 6px;font-size:1.4rem}.login-card p{color:var(--muted);margin:0 0 18px}.stack{gap:10px;display:grid}.confirm-modal{max-width:440px;position:relative;overflow:hidden}.confirm-accent{height:3px;position:absolute;top:0;left:0;right:0}.confirm-accent.accent{background:linear-gradient(90deg, var(--accent), #4dd0e1)}.confirm-accent.danger{background:linear-gradient(90deg, var(--danger), #ff8a80)}.confirm-modal label{font-size:.85rem}.crop-viewport{border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0d10;position:relative;overflow:hidden}.error{color:#ffb4aa;background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, var(--line));border-radius:10px;padding:10px 12px;font-size:.9rem}.muted{color:var(--muted)}.grid-stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.stat{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px}.stat strong{font-size:1.3rem;display:block}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(560px,100%);max-height:90vh;padding:16px;overflow:auto}.hit{text-align:left;background:var(--bg2);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;border-radius:10px;padding:10px}.hit:hover{border-color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:40px 12px}.toast{border:1px solid color-mix(in srgb, var(--ok) 50%, var(--line));color:#d8ffe0;z-index:60;background:#102018;border-radius:10px;max-width:min(420px,100vw - 32px);padding:10px 14px;position:fixed;bottom:16px;right:16px}.toast.err{border-color:color-mix(in srgb, var(--danger) 50%, var(--line));color:#ffd7d2;background:#201010}img.preview{background:#000;border-radius:10px;max-width:100%;max-height:280px}@media (width<=640px){.app-shell{padding:10px}.topbar{align-items:stretch}.tabs{width:100%}.tab{text-align:center;flex:1}}