:root{color-scheme:dark;--bg:#030914;--panel:#08172a;--line:#1e5274;--cyan:#23d7ff;--text:#eef8ff;--muted:#93abc0;--danger:#ff5571;--ok:#42e6a4}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 15% 0,#0d2d50 0,transparent 36%),linear-gradient(135deg,#020611,#071323 55%,#020711);color:var(--text);font-family:Tahoma,"Segoe UI",sans-serif;min-height:100vh}
button,input,textarea,select{font:inherit}
a{color:#72e9ff}
.auth-body{display:grid;place-items:center;padding:24px}
.auth-card{width:min(470px,100%);padding:34px;border:1px solid #2a759e;border-radius:24px;background:#061529ef;box-shadow:0 24px 80px #000b}
.brand{font-weight:900;font-size:25px;letter-spacing:.5px}.brand span{color:var(--cyan);white-space:nowrap}
h1{font-size:24px}h2{margin:0 0 7px;font-size:22px}p{color:var(--muted);line-height:1.7}
.auth-card form,.auth-card label{display:grid;gap:9px}.auth-card form{gap:18px}
.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px clamp(18px,4vw,64px);background:#020813ed;border-bottom:1px solid #153c58;backdrop-filter:blur(12px)}
.topbar small{color:var(--muted)}
.shell{width:min(1280px,calc(100% - 28px));margin:28px auto 110px}
.panel{margin:18px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#08182cef,#04101ff2);box-shadow:0 12px 42px #0006}
.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.section-head p{margin:0}
.badge{display:inline-block;padding:8px 12px;border:1px solid #2289ad;border-radius:999px;color:#7de9ff;background:#07324a}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.theme-card{position:relative;display:grid;gap:7px;padding:18px;border:1px solid #275774;border-radius:16px;background:#06111f;cursor:pointer}
.theme-card:has(>input:checked){border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan),0 0 26px #00cfff24}.theme-card>input{position:absolute;opacity:0}
.theme-switch{width:42px;height:23px;border-radius:20px;background:#263e50;position:absolute;left:15px;top:16px}.theme-switch:after{content:"";position:absolute;width:17px;height:17px;top:3px;right:3px;border-radius:50%;background:#9db0bf;transition:.2s}.theme-card>input:checked+.theme-switch{background:#0b7995}.theme-card>input:checked+.theme-switch:after{transform:translateX(-19px);background:#fff}
.theme-card small,.hint{color:var(--muted)}.default-radio{margin-top:8px;color:#bdd2e2}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid.two{grid-template-columns:1fr 1fr}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}
label{color:#cde3f0}
input,textarea,select{width:100%;margin-top:7px;padding:12px 13px;color:var(--text);background:#020b16;border:1px solid #2b5873;border-radius:11px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #18cfee20}
input[type=file]{font-size:12px;color:var(--muted)}textarea{min-height:88px;resize:vertical;direction:ltr;text-align:left}
.service-row{padding:18px;margin:13px 0;border:1px solid #1a4562;border-radius:15px;background:#03101e}.service-fields{display:grid;grid-template-columns:220px 1fr auto;gap:12px;align-items:end}
.checks{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.checks label{padding:11px 14px;border:1px solid #26536e;border-radius:12px;background:#061321}.checks input,.default-radio input{width:auto;margin:0 0 0 6px}
.primary,.secondary,.ghost,.danger{border-radius:11px;padding:11px 18px;cursor:pointer;font-weight:700}.primary{border:1px solid #63e6ff;color:#001019;background:linear-gradient(135deg,#25dfff,#2a91ff)}.secondary{border:1px solid #2ebee6;color:#dff9ff;background:#09324a}.ghost{border:1px solid #31556d;color:#d7ebf6;background:#081522}.danger{border:1px solid #b93c56;color:#ffdbe2;background:#3b0b18}button:disabled{opacity:.45;cursor:not-allowed}
.notice{padding:14px 17px;margin:14px 0;border-radius:12px}.notice.success{background:#063524;border:1px solid #1da76b;color:#a8ffda}.notice.error{background:#3a0b18;border:1px solid #c33a58;color:#ffd1db}
.sticky-actions{position:fixed;z-index:9;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px clamp(18px,4vw,64px);background:#020813f2;border-top:1px solid #1d4c69;backdrop-filter:blur(12px)}.sticky-actions span{margin-left:auto;color:var(--muted)}
.history>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #14364e}.history form{margin:0}.history a{padding:7px 10px}
.project-switcher{min-width:min(320px,35vw)}.project-switcher label{display:block}
.project-hero{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.4fr) auto;align-items:center;gap:18px}.project-hero h1{margin:10px 0 0}.project-hero p{margin:5px 0}
.project-links{display:grid;gap:8px;direction:ltr}.project-links code{display:block;overflow-wrap:anywhere;padding:9px 11px;border:1px solid #1d4965;border-radius:9px;background:#020a13;color:#aeefff}
.inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-actions form{margin:0}
.create-project summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;color:var(--text)}.create-project summary span{color:var(--muted)}.create-project[open] summary{margin-bottom:20px}.stack-gap{display:grid;gap:15px}
.inline-form{display:flex;gap:10px;align-items:end}.inline-form input{min-width:260px}.checkbox-line{display:flex;align-items:center;gap:8px;padding-top:28px}.checkbox-line input{width:auto;margin:0}
.audit-list{display:grid;gap:8px}.audit-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #14364e}.audit-list span{color:var(--muted);direction:ltr}
@media(max-width:1000px){.project-hero{grid-template-columns:1fr}.project-switcher{min-width:0}.topbar{flex-wrap:wrap}.inline-form{align-items:stretch;flex-direction:column}.inline-form input{min-width:0}.audit-list>div{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.theme-grid,.form-grid,.form-grid.two,.color-grid{grid-template-columns:1fr}.service-fields{grid-template-columns:1fr}.sticky-actions span{display:none}.section-head{align-items:flex-start;flex-direction:column}.topbar{position:static}.create-project summary{flex-direction:column}.history>div{align-items:flex-start;flex-direction:column}}