:root{--bg:#0b1020;--panel:#121a2f;--panel2:#18233d;--line:#263552;--text:#eef4ff;--muted:#93a4bf;--accent:#6ea8fe;--accent2:#8bd3ff;--good:#4fd1a5;--warn:#f6c85f;--bad:#ff7b86;--run:#7c9cff;--shadow:0 16px 40px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:linear-gradient(180deg,#09101e,#0d1424 38%,#0b1020);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:#a9d3ff;text-decoration:none}a:hover{text-decoration:none;color:#d7ebff}.container{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:34px 0 70px}.narrow{max-width:780px}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:28px;background:rgba(9,15,28,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brandmark{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111f;font-weight:900;box-shadow:0 8px 20px rgba(110,168,254,.25)}.mark.large{width:52px;height:52px;border-radius:15px;font-size:18px}.topbar nav{display:flex;gap:4px;flex:1}.topbar nav a{color:var(--muted);padding:10px 12px;border-radius:9px;font-size:14px}.topbar nav a.active,.topbar nav a:hover{background:var(--panel2);color:#fff}.userbox{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px}.linkbtn{background:none;border:0;color:#a9d3ff;padding:0;cursor:pointer}.pagehead,.flex{display:flex;align-items:center}.pagehead{justify-content:space-between;gap:20px;margin-bottom:24px}.between{justify-content:space-between;gap:12px}.pagehead h1,h1{font-size:30px;margin:4px 0 6px;letter-spacing:-.02em}h2{font-size:18px;margin:0 0 16px}h3{margin:18px 0 10px}.eyebrow{color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.13em}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.card{background:rgba(18,26,47,.92);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-bottom:24px}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span12{grid-column:span 12}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:24px}.metric{background:rgba(18,26,47,.86);border:1px solid var(--line);border-radius:14px;padding:16px}.metric-value{font-size:27px;font-weight:850}.metric-label{font-size:12px;color:var(--muted);margin-top:3px}.btn,button{appearance:none;border:0;border-radius:10px;background:linear-gradient(135deg,#629dff,#7dc7ff);color:#07111f;font-weight:800;padding:10px 14px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.btn:hover,button:hover{filter:brightness(1.06);color:#07111f}.secondary{background:#1a2742;color:#dceaff;border:1px solid #314263}.secondary:hover{color:#fff}.danger{background:#55232c;color:#ffd9dd;border:1px solid #8e3543}.wide{width:100%}.smallbtn{padding:8px 11px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.actions form{margin:0}.space-top{margin-top:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.span2{grid-column:span 2}.field label,.asset-label{font-size:12px;font-weight:750;color:#c5d2e6}.field input,.field textarea,.copyrow input{width:100%;border:1px solid #30415f;border-radius:10px;padding:10px 11px;background:#0c1425;color:#fff;outline:none;font:inherit}.field input:focus,.field textarea:focus{border-color:#679eff;box-shadow:0 0 0 3px rgba(103,158,255,.12)}.field textarea{resize:vertical}.formgrid+.actions,form>.actions{margin-top:18px}.flash{padding:13px 15px;border-radius:10px;margin-bottom:18px;border:1px solid}.flash.success{background:#12342d;border-color:#275f50;color:#b9f4df}.flash.error{background:#381921;border-color:#74303c;color:#ffd7dc}.notice{background:#0c1629;border:1px solid #2b4064;border-radius:12px;padding:13px 14px;color:#d5e2f5}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;letter-spacing:.03em;white-space:nowrap}.badge.good{background:rgba(79,209,165,.14);color:#7ce0bf;border:1px solid rgba(79,209,165,.35)}.badge.warn{background:rgba(246,200,95,.12);color:#ffd982;border:1px solid rgba(246,200,95,.3)}.badge.bad{background:rgba(255,123,134,.12);color:#ffa1aa;border:1px solid rgba(255,123,134,.3)}.badge.run,.badge.pending{background:rgba(124,156,255,.13);color:#a9bdff;border:1px solid rgba(124,156,255,.3)}.badge.muted-status{background:#182236;color:#98a7bd;border:1px solid #2e3b53}.brandlist{display:flex;flex-direction:column;margin-top:8px}.brandrow{display:grid;grid-template-columns:minmax(220px,1fr) minmax(400px,2fr) 30px;gap:18px;align-items:center;padding:14px 4px;border-top:1px solid var(--line);color:#fff}.brandrow:hover{background:rgba(255,255,255,.018)}.brandname{font-weight:800}.mini-statuses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.platform-mini{display:flex;align-items:center;gap:6px;font-size:10px}.arrow{font-size:22px;color:#6d7f9c}.empty{text-align:center;padding:46px 20px}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.platform-card{background:rgba(18,26,47,.92);border:1px solid var(--line);border-radius:16px;padding:18px}.platform-title{font-size:17px;font-weight:850}.compact-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.compact-form .field:nth-of-type(3){grid-column:span 2}.compact-form button{justify-self:start}.section-title{margin:28px 0 14px}.assetgrid{display:grid;grid-template-columns:120px 1fr;gap:14px}.asset{margin-top:8px;border-radius:12px;border:1px solid var(--line);background:#09111f;object-fit:cover}.asset.avatar{width:112px;height:112px}.asset.banner{width:100%;height:112px}.asset-placeholder{margin-top:8px;width:112px;height:112px;border:1px dashed #3a4a64;border-radius:12px;display:grid;place-items:center;color:var(--muted);font-size:11px}.bannerph{width:100%}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-top:1px solid var(--line);font-size:13px}th{color:#9cacbf;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.event{padding:11px 0;border-top:1px solid var(--line)}.details{display:grid;grid-template-columns:130px 1fr;gap:9px 14px;margin:20px 0}.details dt{color:var(--muted);font-size:12px}.details dd{margin:0;min-width:0;word-break:break-word}.badtext{color:#ff9aa4}.screenshot{width:100%;border-radius:12px;border:1px solid var(--line)}.worker{padding:12px 0;border-top:1px solid var(--line)}pre{background:#09111f;border:1px solid #23344f;border-radius:12px;padding:14px;overflow:auto;color:#d8e8ff;font-size:12px;line-height:1.5}.loginbody{display:grid;place-items:center}.loginwrap{width:min(430px,calc(100% - 32px));margin:10vh auto}.loginhead,.hero{display:flex;align-items:center;gap:14px;margin-bottom:20px}.loginhead h1,.hero h1{margin:0}.setup{padding-top:52px}.success-card{border-color:#2a6454}.copyrow{display:grid;grid-template-columns:1fr auto;gap:8px}.copyrow input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nowrap{white-space:nowrap}
@media(max-width:900px){.metrics{grid-template-columns:repeat(3,1fr)}.span5,.span6,.span7,.span12{grid-column:span 12}.platform-grid{grid-template-columns:1fr}.brandrow{grid-template-columns:1fr}.mini-statuses{grid-template-columns:repeat(2,1fr)}.arrow{display:none}.topbar nav{display:none}.userbox{margin-left:auto}}
@media(max-width:620px){.container{width:min(100% - 24px,1240px);padding-top:22px}.metrics{grid-template-columns:repeat(2,1fr)}.pagehead{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}.field.span2{grid-column:span 1}.compact-form{grid-template-columns:1fr}.compact-form .field:nth-of-type(3){grid-column:span 1}.assetgrid{grid-template-columns:1fr}.asset.banner{height:140px}.topbar{padding:0 14px}.userbox>span{display:none}}