:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f5f7;background:#0b0d12;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #12151d;--surface-2: #181c26;--surface-3: #212635;--border: #2a3040;--muted: #9da6ba;--primary: #7c5cff;--primary-2: #957cff;--danger: #ff5f6d;--warning: #f4b74a;--success: #45d39f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,#1a1532 0,#0b0d12 34rem)}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.04em}h2{font-size:1.15rem;letter-spacing:-.02em}h3{font-size:1rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(100%,31rem);display:grid;gap:1.35rem;padding:2rem;background:#12151df0;border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 2rem 6rem #00000061}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:.75rem;background:linear-gradient(135deg,var(--primary),#3d86ff);font-weight:900;box-shadow:0 .5rem 2rem #7c5cff59}.app-shell{min-height:100vh;display:grid;grid-template-columns:17rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.4rem;padding:1.4rem;background:#0d0f15eb;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{display:grid;gap:.35rem}.nav-button{width:100%;justify-content:flex-start!important;background:transparent;border-color:transparent!important}.nav-button.active{background:var(--surface-3);border-color:var(--border)!important}.disclosure-card{margin-top:auto;display:grid;gap:.45rem;padding:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:.8rem}.main{min-width:0;padding:2.2rem clamp(1rem,4vw,4rem) 5rem}.page-header{display:grid;gap:.4rem;margin-bottom:1.5rem}.content-stack{display:grid;gap:1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.65rem 1rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-2);cursor:pointer;font-weight:700;transition:.15s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#48516a}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:linear-gradient(135deg,var(--primary),#5c7cff);border-color:transparent}.button.secondary{background:var(--surface-3)}.button.ghost{background:transparent}.button.danger{background:var(--danger);border-color:transparent;color:#180608}.button.danger-outline{background:transparent;border-color:color-mix(in srgb,var(--danger) 70%,transparent);color:#ff949e}.button.compact{min-height:2rem;padding:.4rem .65rem;font-size:.83rem}.stack{display:grid;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.match-form{display:grid;gap:1.35rem}.field{display:grid;gap:.45rem;color:#c9cfdb;font-size:.88rem;font-weight:650}input,select,textarea{width:100%;color:#f4f5f7;background:#0d1017;border:1px solid var(--border);border-radius:.6rem;padding:.72rem .8rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary-2);box-shadow:0 0 0 3px #7c5cff29}textarea{resize:vertical;line-height:1.5}.form-error{padding:.75rem;border:1px solid rgba(255,95,109,.45);border-radius:.6rem;background:#ff5f6d1a;color:#ffadb5}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.65rem}.checkbox-field{display:flex;align-items:center;gap:.6rem;padding:.7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.6rem;cursor:pointer}.checkbox-field input{width:1rem;height:1rem;accent-color:var(--primary)}.panel{display:grid;gap:1rem;padding:1.25rem;background:#12151de6;border:1px solid var(--border);border-radius:.9rem;overflow:hidden}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem}.match-card{display:grid;gap:.8rem;width:100%;padding:1.1rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:.9rem;cursor:pointer;transition:.15s ease}.match-card:hover{transform:translateY(-2px);border-color:#4c5671;box-shadow:0 1.2rem 3rem #0000003d}.card-top,.title-row,.modal-head,.server-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.2rem}.stat{padding:.55rem;background:var(--surface-2);border-radius:.55rem}.stat-value{font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:.8rem}.metric-value{margin-top:.3rem;font-size:1.55rem;font-weight:850}.action-bar,.inline-actions{display:flex;flex-wrap:wrap;gap:.55rem}.title-row{align-items:flex-start}.status-pill{display:inline-flex;width:fit-content;padding:.3rem .55rem;border-radius:999px;background:#253047;color:#bdcdf4;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-pill.live{background:#45d39f24;color:#7ce7bf}.status-pill.ended{background:#2a2e37;color:#a3a9b5}.status-pill.paused{background:#f4b74a26;color:#ffd27f}.data-table{width:100%;border-collapse:collapse;font-size:.87rem}.data-table th,.data-table td{padding:.75rem .65rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.data-table tbody tr:last-child td{border-bottom:0}.pre-line{white-space:pre-line}.mono,.mono-small,.copy-code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.mono-small{font-size:.78rem}.copy-code{color:#dcd5ff;background:#28203f;border:1px solid #4a3978;border-radius:.45rem;padding:.35rem .5rem;cursor:pointer}.split-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;align-items:start}.server-list{display:grid;gap:.7rem}.server-row{padding:.8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.7rem}.key-value{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.key-value:last-of-type{border-bottom:0}.alert{padding:.85rem 1rem;border-radius:.7rem;border:1px solid var(--border)}.alert.warning{background:#f4b74a1a;border-color:#f4b74a59;color:#ffd995}.alert.danger{background:#ff5f6d1a;border-color:#ff5f6d59;color:#ffb1b9}.empty-state{display:grid;justify-items:start;gap:.75rem;padding:2rem;border:1px dashed #3a4255;border-radius:.9rem}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#020307c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-panel{width:min(96vw,72rem);max-height:92vh;display:flex;flex-direction:column;background:#11141c;border:1px solid var(--border);border-radius:1rem;box-shadow:0 2rem 7rem #0000008c;overflow:hidden}.modal-head{padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.modal-body{min-height:8rem;display:grid;gap:1rem;padding:1.2rem;overflow:auto}.secret-box{display:grid;gap:.6rem;padding:1rem;background:#0b0e14;border:1px solid var(--border);border-radius:.7rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.8rem}.media-tile{position:relative;min-height:12rem;display:grid;place-items:center;background:#050608;border:1px solid var(--border);border-radius:.7rem;overflow:hidden}.media-tile video{width:100%;height:100%;object-fit:contain}.media-tile audio{width:90%}.media-label{position:absolute;z-index:2;left:.5rem;bottom:.5rem;padding:.28rem .45rem;border-radius:.35rem;background:#000000b8;font-size:.72rem}.toast{position:fixed;z-index:200;right:1rem;bottom:1rem;max-width:26rem;padding:.8rem 1rem;border-radius:.65rem;box-shadow:0 1rem 3rem #00000059;animation:toast-in .2s ease}.toast.success{background:#174b3a;color:#bff7df}.toast.danger{background:#60252d;color:#ffd2d6}.toast.warning{background:#60471d;color:#ffe1a7}@keyframes toast-in{0%{transform:translateY(.5rem);opacity:0}}.muted{color:var(--muted)}.small{font-size:.8rem;line-height:1.45}.error-text{color:#ff8994}.break-all{overflow-wrap:anywhere}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(3,1fr)}.disclosure-card{display:none}.metric-grid,.form-grid,.split-layout{grid-template-columns:1fr 1fr}}@media(max-width:620px){.main{padding:1.2rem .8rem 4rem}.metric-grid,.form-grid,.split-layout,.nav,.stats-row{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}.server-row,.title-row{align-items:flex-start;flex-direction:column}}
