:root{--bg:#05070b;--panel:#0a0f18;--card:#0d121b;--line:#243040;--text:#f8fafc;--muted:#9aa4b2;--gold:#ffbf00;--green:#00ff66;--red:#ff2d2d;--cyan:#00d4ff;--pink:#ff2bbf;--violet:#8b5cf6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#151d2b 0,#05070b 45%,#020308 100%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}a{color:inherit}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#080c13,#05070b);border-right:1px solid #1c2733;padding:24px 22px;position:sticky;top:0;height:100vh}.brandbox{text-align:center;margin-bottom:26px}.hivelogo{width:205px;height:170px;margin:0 auto 12px;border-radius:0;display:grid;place-items:center;background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important;overflow:visible}.hivelogo img{width:205px;height:170px;max-width:205px;max-height:170px;object-fit:contain;display:block;filter:drop-shadow(0 0 24px rgba(255,191,0,.55))}.techbee{width:165px;height:165px;display:block;filter:drop-shadow(0 0 24px rgba(255,191,0,.55))}.login-logo{width:64px;height:64px;display:block;margin:0 auto 14px;filter:drop-shadow(0 0 20px #ffbf00aa)}.hex{width:92px;height:104px;background:linear-gradient(135deg,#ffcf22,#ff8a00);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);box-shadow:0 0 30px var(--gold)}.brandname{font-size:38px;font-weight:950;letter-spacing:.02em;margin-top:4px}.slogan{font-size:15px;line-height:1.5;margin-top:8px;color:#f8fafc}.slogan b{color:var(--gold);font-weight:950}.nav a{display:flex;gap:12px;align-items:center;padding:13px 16px;margin:8px 0;border-radius:14px;color:#c9d0dc;text-decoration:none;font-size:16px}.nav a.active,.nav a:hover{background:linear-gradient(90deg,#2a2004,#12161d);color:#fff;border:1px solid #815d00;box-shadow:0 0 22px #ffbf0026}.usage,.userbox{margin-top:22px;padding:18px;border:1px solid #1e2a38;border-radius:18px;background:#080c12}.usage-grid{display:grid;gap:8px;margin-top:12px}.usage-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#cbd5e1}.usage-line b{color:var(--gold)}.usage h2{margin:8px 0 4px}.save-ok{border:1px solid rgba(255,191,0,.45);background:rgba(255,191,0,.08);box-shadow:0 0 22px rgba(255,191,0,.12);border-radius:16px;padding:12px 14px;margin-bottom:16px;color:#ffe08a}.btn.saving{opacity:.75;pointer-events:none}.btn.saving:before{content:'🐝';display:inline-block;margin-right:6px;animation:bee 1s linear infinite}@keyframes bee{0%{transform:translateX(0) rotate(0)}50%{transform:translateX(4px) rotate(8deg)}100%{transform:translateX(0) rotate(0)}}.bee-build{min-height:260px;display:grid;place-items:center;text-align:center;position:relative}.bee-build .bee{position:absolute;font-size:32px;filter:drop-shadow(0 0 14px var(--gold));animation:fly 4s ease-in-out infinite}.bee-build .b1{left:28%;top:28%}.bee-build .b2{right:25%;top:35%;animation-delay:.7s}.bee-build .b3{left:45%;bottom:22%;animation-delay:1.2s}@keyframes fly{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(40px,-20px) rotate(12deg)}50%{transform:translate(15px,34px) rotate(-10deg)}75%{transform:translate(-35px,-12px) rotate(8deg)}}.main{padding:28px 34px}.topbar{display:flex;justify-content:space-between;align-items:center;border:1px solid #1d2936;border-radius:22px;padding:18px 24px;margin-bottom:34px;background:rgba(7,10,16,.86);box-shadow:0 0 40px #0008}.stats{display:flex;gap:34px;align-items:center}.stat{display:flex;gap:12px;align-items:center}.stat b{font-size:24px}.gold{color:var(--gold)}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.h1{font-size:38px;font-weight:950;letter-spacing:-.04em}.small{color:var(--muted);font-size:13px}.search{display:flex;gap:14px;align-items:center}.input,textarea,select{background:#080d14;border:1px solid #263240;color:#fff;border-radius:14px;padding:13px 14px;outline:none;width:100%;margin:8px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px}.sota{position:relative;min-height:260px;padding:28px;border-radius:24px;background:linear-gradient(180deg,#0e141f,#080c12);border:1px solid #263240;box-shadow:0 0 0 1px #000,0 0 45px #0008;overflow:hidden}.sota:before{content:'';position:absolute;pointer-events:none;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(135deg,var(--glow,#ffbf00),transparent 35%,var(--glow,#ffbf00));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.72}.sota>*{position:relative;z-index:1}.sota.add{display:grid;place-items:center;text-align:center;border-style:dashed;text-decoration:none}.sota.add:hover{transform:translateY(-2px);box-shadow:0 0 48px rgba(255,191,0,.18)}.sota.add>div{display:grid;place-items:center;text-align:center;width:100%}.sota.add .avatar{width:88px;height:88px;border-radius:999px;margin:0 auto 24px;display:grid;place-items:center;position:relative;font-size:0;line-height:0}.sota.add .avatar:before,.sota.add .avatar:after{content:'';position:absolute;background:#fff;border-radius:999px;box-shadow:0 0 14px rgba(255,255,255,.65)}.sota.add .avatar:before{width:36px;height:5px;top:50%;left:50%;transform:translate(-50%,-50%)}.sota.add .avatar:after{width:5px;height:36px;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font-size:34px;background:#111827;box-shadow:0 0 30px var(--glow,#ffbf00);border:1px solid var(--glow,#ffbf00);margin-bottom:18px}.title{font-size:22px;font-weight:900}.status{font-weight:800;margin:18px 0}.ok{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--gold)}.meta{color:#c8d0dc;line-height:1.8}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,#ffd21a,#ff9a00);font-weight:900;color:#111;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn.dark{background:#111827;color:#fff;border:1px solid #374151}.btn.danger{background:linear-gradient(135deg,#ef4444,#f97316);color:white}.btn.good{background:linear-gradient(135deg,#22c55e,#00d4ff);color:#001}.btn.ghost{background:transparent;color:#e5e7eb;border:1px solid #334155}.box{background:#080d14;border:1px solid #263240;border-radius:22px;padding:22px;margin-bottom:20px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.logs{font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;max-height:560px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #1f2937;text-align:left}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(rgba(2,3,8,.68),rgba(2,3,8,.86)),url(/branding/login-bg.png) center/cover no-repeat}.login-card{width:min(430px,92vw);padding:34px;border-radius:24px;background:#080d14;border:1px solid #263240;box-shadow:0 0 70px #000;text-align:left}.login-title{display:flex;align-items:center;gap:14px;font-size:32px;font-weight:950;margin:0 0 10px}.login-title .login-logo{margin:0;width:54px;height:54px}.login-help{display:none}.modalgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.choice{padding:22px;border-radius:20px;border:1px solid #303b4b;background:#0a1018;text-decoration:none}.choice:hover{border-color:var(--gold);box-shadow:0 0 28px #ffbf0033}.css-toolbar{display:flex;gap:12px;align-items:center;margin:16px 0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:none;z-index:9999;place-items:center;padding:24px}.modal:target{display:grid}.modal-card{width:min(980px,96vw);max-height:90vh;overflow:auto;border:1px solid #334155;border-radius:24px;background:#080d14;box-shadow:0 0 80px #000;padding:24px}.css-editor{min-height:430px;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.55;resize:vertical}.preview-note{border:1px dashed #334155;border-radius:16px;padding:14px;color:#9aa4b2;background:#050912}@media(max-width:900px){.app{grid-template-columns:1fr}.side{height:auto;position:relative}.topbar,.pagehead{display:block}.split{grid-template-columns:1fr}}
/* Пользовательский CSS из Настройки → CSS */