:root{--bg: #0a0f1e;--surface: #111a2e;--surface-2: #182238;--border: #1f2a44;--text: #e8eefc;--text-dim: #8c98b6;--accent: #38bdf8;--accent-hover: #0ea5e9;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--radius: 10px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-size:14px;background:var(--accent);color:#00121f;border:0;border-radius:var(--radius);padding:.6rem 1rem;cursor:pointer;font-weight:600}button:hover{background:var(--accent-hover);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--surface-2);color:var(--text)}button.danger{background:var(--danger);color:#fff}input,textarea,select{font-family:inherit;font-size:14px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .7rem;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:.25rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar .brand{font-weight:700;font-size:16px;letter-spacing:.02em}.topbar .brand span{color:var(--accent)}.topbar nav{display:flex;gap:.25rem;flex-wrap:wrap}.topbar nav a{padding:.4rem .75rem;border-radius:var(--radius);color:var(--text-dim);font-weight:500}.topbar nav a.active,.topbar nav a:hover{background:var(--surface-2);color:var(--text)}.topbar .user{font-size:12px;color:var(--text-dim)}main{flex:1;padding:1.25rem;max-width:1280px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.stat-grid .card{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:24px;font-weight:700}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.card{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:.55rem .7rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-dim);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.06em}tr.me{background:#38bdf814}table .wrap,td.wrap,th.wrap{white-space:normal}.badge{display:inline-block;padding:.15rem .55rem;border-radius:9999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--text-dim)}.badge.draft{background:#44475c;color:#e8eefc}.badge.active{background:#10b98133;color:#34d399}.badge.paused{background:#f59e0b33;color:#fbbf24}.badge.ended{background:#94a3b82e;color:#cbd5e1}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1rem;gap:.25rem;flex-wrap:wrap}.tabs button{background:transparent;color:var(--text-dim);border:0;border-bottom:2px solid transparent;border-radius:0;padding:.5rem .9rem;font-weight:500}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:760px;max-height:90vh;overflow:auto;padding:1.25rem}.muted{color:var(--text-dim)}.small{font-size:12px}.progress{height:8px;background:var(--surface-2);border-radius:9999px;overflow:hidden}.progress>div{height:100%;background:var(--accent)}.kbd{background:var(--surface-2);border:1px solid var(--border);padding:.1rem .4rem;border-radius:6px;font-family:monospace;font-size:12px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.error{padding:.75rem 1rem;background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius)}.success-banner{padding:.75rem 1rem;background:#10b9811a;color:#6ee7b7;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius)}.notice{padding:.75rem 1rem;background:#38bdf81a;color:#7dd3fc;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius)}.spinner{width:28px;height:28px;border-radius:9999px;border:3px solid var(--surface-2);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){main{padding:.75rem}.topbar{flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem}.topbar .brand{font-size:14px}.topbar nav{width:100%;order:3;overflow-x:auto;flex-wrap:nowrap}.topbar nav a{padding:.35rem .6rem;font-size:13px;white-space:nowrap}.topbar .user{display:none}.modal-backdrop{padding:0;align-items:stretch}.modal{max-height:100vh;height:100vh;max-width:100%;border-radius:0;padding:1rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-grid .card{padding:.6rem}.stat-value{font-size:18px}.stat-label{font-size:10px}.grid-2{grid-template-columns:1fr;gap:.75rem}.grid-3{grid-template-columns:1fr;gap:.5rem}th,td{padding:.45rem .55rem;font-size:12px}.row{gap:.5rem}.modal h2{font-size:18px}.modal h3{font-size:16px}.modal h4{font-size:14px}.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{white-space:nowrap;padding:.5rem .75rem}.card:has(.responsive-table){overflow-x:visible}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table tfoot,.responsive-table tr,.responsive-table td,.responsive-table th{display:block;width:100%;box-sizing:border-box}.responsive-table thead{display:none}.responsive-table tr{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.5rem;padding:.5rem .6rem;background:var(--surface-2)}.responsive-table td{border:0!important;padding:.2rem 0;text-align:left!important;display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;white-space:normal;word-break:break-word}.responsive-table td:before{content:attr(data-label);color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.responsive-table td:not([data-label]):before,.responsive-table td[data-label=""]:before{content:"";display:none}.responsive-table tfoot tr{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0}.responsive-table tfoot th{color:var(--text-dim);text-align:left;padding:.3rem 0}}@media (max-width: 400px){.stat-grid{grid-template-columns:1fr}}