:root{color-scheme:dark;--ops-bg:#171717;--ops-panel:#212121;--ops-text:#eee;--ops-muted:#aaa;--ops-line:#424242;--ops-accent:#91a9ff}html[data-theme=light]{color-scheme:light;--ops-bg:#fff;--ops-panel:#f5f5f5;--ops-text:#202124;--ops-muted:#5f6368;--ops-line:#ccc;--ops-accent:#305ecc}body{margin:0;background:var(--ops-bg);color:var(--ops-text);font:16px/1.55 "Segoe UI",Arial,sans-serif}.ops{max-width:1050px;margin:0 auto;padding:32px 20px 80px}.ops nav,.ops-buttons{display:flex;gap:20px;flex-wrap:wrap}.ops a{color:var(--ops-accent)}.ops h1{font-size:32px}.ops h2{font-size:22px}.ops section,.ops form,.ops-card{margin:24px 0;padding:20px;border:1px solid var(--ops-line);border-radius:10px;background:var(--ops-panel)}.ops label{display:grid;gap:6px;margin:14px 0}.ops textarea,.ops input,.ops select,.ops button{font:inherit;color:inherit;border:1px solid var(--ops-line);border-radius:6px;padding:10px;background:var(--ops-bg);box-sizing:border-box;max-width:100%}.ops textarea{width:100%;resize:vertical}.ops button{cursor:pointer}.ops button:disabled{opacity:.55;cursor:wait}.ops :focus-visible{outline:2px solid var(--ops-accent);outline-offset:3px}.ops .ops-check{display:flex;align-items:center}.ops-note{color:var(--ops-muted);font-size:14px}.ops-alert{padding:12px;border-left:3px solid #d99546;background:var(--ops-panel);margin:12px 0}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.ops-grid article{padding:16px;border:1px solid var(--ops-line);border-radius:8px}.ops-grid strong{display:block;font-size:26px}.ops-table{overflow:auto}.ops table{width:100%;border-collapse:collapse}.ops th,.ops td{text-align:left;padding:10px;border-bottom:1px solid var(--ops-line)}.ops-card p{white-space:pre-wrap;overflow-wrap:anywhere}.ops-card details{font-size:14px;color:var(--ops-muted)}#ops-status{min-height:24px}.ops-card .ops-buttons{gap:8px}
.ops-admin{max-width:1380px}.ops-admin nav{padding-bottom:24px;border-bottom:1px solid var(--ops-line);gap:24px}.ops-admin nav a{text-decoration:none}.ops-admin nav a:hover{text-decoration:underline}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ops-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:8px 0}.ops-eyebrow{font-size:12px;letter-spacing:.18em;color:var(--ops-accent);margin-top:32px}.ops-heading .ops-buttons{align-items:center;gap:12px}.ops-admin .ops-grid article{background:var(--ops-bg);min-width:0}.ops-admin .ops-grid span{color:var(--ops-muted);font-size:13px}.ops-admin .ops-grid strong{font-variant-numeric:tabular-nums;font-size:30px;margin-top:8px}.ops-ok{color:#6abf91}.ops-admin figure{margin:26px 0 10px}.ops-admin figcaption{font-size:14px;color:var(--ops-muted);margin-bottom:10px}#traffic-chart svg{display:block;width:100%;max-height:200px;fill:var(--ops-accent)}.ops-admin details{margin-top:14px}.ops-user{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,2fr);gap:20px;padding:20px 0;border-top:1px solid var(--ops-line);overflow-wrap:anywhere}.ops-user h3{margin:0}.ops-user p{margin:6px 0}.ops-user form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:0;border:0;background:none}.ops-user input{width:160px}.ops-user small{display:block;color:var(--ops-muted)}.ops-user .ops-buttons{width:100%;gap:10px;align-items:center}.ops-admin section{scroll-margin-top:20px;min-width:0}.ops-admin button:hover:enabled{border-color:var(--ops-accent)}.ops-admin .ops-alert{border-radius:6px}.ops-admin .ops-table th{font-size:13px;color:var(--ops-muted)}.ops-admin .ops-table td{font-variant-numeric:tabular-nums}@media(max-width:650px){.ops-admin{padding:20px 12px 50px}.ops-admin section{padding:14px}.ops-admin nav{gap:14px}.ops-user{grid-template-columns:1fr;gap:12px}.ops-admin .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-admin .ops-grid article{padding:12px}.ops-admin .ops-grid strong{font-size:24px}.ops-heading{gap:8px}.ops-heading .ops-buttons{display:block}}
/* «Shard»: ops tokens follow the shared black palette; square fields, metal primary button. */
html[data-theme]{--ops-bg:var(--bg);--ops-panel:var(--panel);--ops-text:var(--text);--ops-muted:var(--muted);--ops-line:var(--line);--ops-accent:var(--accent)}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("./fonts/Manrope.ttf") format("truetype")}
html[data-theme] body{font-family:Inter,"Segoe UI",Arial,sans-serif}
html[data-theme] .ops :is(h1,h2){font-family:Manrope,Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.02em}
html[data-theme] .ops h1{padding-bottom:.08em;background:linear-gradient(180deg,#fff 0%,#d9d9d9 42%,#8a8a8a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme] .ops a{color:#fff}
html[data-theme] .ops :is(section,form,.ops-card,.ops-grid article,.ops-alert){border-radius:0}
html[data-theme] .ops :is(textarea,input,select,button){border-radius:0}
[data-service-page=support] .ops{max-width:880px;padding-top:56px}
[data-service-page=support] .ops nav{gap:8px}
[data-service-page=support] .ops nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid #262626;background:#000;color:#fff;text-decoration:none;font-size:14px;font-weight:600}
[data-service-page=support] .ops nav a:hover{border-color:#444}
[data-service-page=support] .ops h1{margin:48px 0 14px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:clamp(40px,5.4vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.045em}
[data-service-page=support] .ops>p{color:var(--muted)}
[data-service-page=support] .ops :is(section,form){padding:32px;border:1px solid var(--line);background:#050505;box-shadow:none}
[data-service-page=support] .ops :is(textarea,input:not([type=checkbox]),select){border:1px solid var(--line-strong);padding:12px 14px;background:#000;color:var(--text)}
[data-service-page=support] .ops :is(textarea,input,select):focus{outline:0;border-color:#8f8f8f;box-shadow:none}
[data-service-page=support] .ops input[type=checkbox]{width:16px;height:16px;accent-color:#e6e6e6}
[data-service-page=support] .ops button{min-height:46px;padding:0 24px;border:1px solid #d6d6d6;border-radius:2px;background:linear-gradient(105deg,#a9a9a9 0%,#ececec 28%,#c4c4c4 48%,#f7f7f7 72%,#b5b5b5 100%);background-size:220% 100%;color:#0a0a0a;font-weight:500;box-shadow:inset 0 1px 0 rgb(255 255 255 / 70%);transition:background-position .7s cubic-bezier(.2,.7,.2,1)}
[data-service-page=support] .ops button:hover:not(:disabled){background-position:100% 0}
