:root{--bg:#eef3f8;--card:#fff;--text:#0e1a2b;--muted:#65748a;--line:#d8e3ef;--accent:#ff542f;--accent2:#ff7b48;--green:#17c964;--blue:#2f80ed;--shadow:0 24px 70px rgba(23,42,72,.12);--r:24px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#edf4fb,#f6f9fd);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.wrap{width:min(1320px,calc(100% - 40px));margin:0 auto}.top{margin:28px auto 0;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:12px;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:24px}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#ff7b43);display:grid;place-items:center;color:#fff;font-weight:900}.nav{display:flex;gap:26px;color:var(--muted);font-weight:700}.nav a,.link{color:inherit;text-decoration:none}.active{color:var(--accent)}.actions{display:flex;gap:12px;align-items:center}.pill{padding:10px 14px;background:#f4f8fc;border:1px solid var(--line);border-radius:14px;font-weight:800}.btn{padding:14px 22px;border-radius:14px;font-weight:900;background:var(--accent);color:#fff;box-shadow:0 16px 36px rgba(255,84,47,.25)}.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.dark{background:#17202b}.btn.small{padding:9px 13px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:560px}.hero h1{font-size:66px;line-height:.98;margin:0 0 24px}.lead{font-size:21px;color:var(--muted);line-height:1.55}.shield3d{width:360px;height:360px;border-radius:70px;background:linear-gradient(145deg,#ff8a45,#ff4d25);margin:auto;box-shadow:0 45px 95px rgba(255,84,47,.28);position:relative}.shield3d:before{content:"";position:absolute;inset:75px 100px 60px;background:#fff;border-radius:0 0 90px 90px;clip-path:polygon(50% 0,100% 20%,90% 65%,50% 100%,10% 65%,0 20%)}.section{margin:50px 0}.section h2{font-size:34px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 50px rgba(20,42,70,.08)}.card.orange{background:linear-gradient(135deg,#ff713c,#ff4d2b);color:#fff}.muted{color:var(--muted)}.footer{margin:70px 0 30px;color:var(--muted);display:flex;justify-content:space-between}.modal{position:fixed;inset:0;background:rgba(8,13,20,.55);display:grid;place-items:center;z-index:100;padding:20px}.modal[hidden]{display:none}.box{width:min(520px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:8px;margin:12px 0}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdff;outline:none}.field textarea{min-height:110px}.toast{position:fixed;right:22px;bottom:22px;background:#17202b;color:#fff;padding:14px 18px;border-radius:16px;z-index:200}.appShell{display:grid;grid-template-columns:260px 1fr;gap:28px;margin-top:28px}.side{display:flex;flex-direction:column;gap:18px}.panelCard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.menu{display:flex;flex-direction:column;gap:8px}.menu button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#5e718a;font-weight:900;padding:14px 16px;border-radius:14px}.menu button.sel{background:#fff0ea;color:#111;border-left:3px solid var(--accent)}.ico{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.main{min-width:0}.heroPanel{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 26px;box-shadow:var(--shadow);margin-bottom:24px}.titleRow{display:flex;align-items:center;gap:16px;margin:26px 0 20px}.bigIcon{width:54px;height:54px;border-radius:18px;background:#fff;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent);box-shadow:0 14px 30px rgba(20,42,70,.08)}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{padding:0 0 14px;background:transparent;font-weight:900;color:#65748a}.tabs button.sel{color:var(--accent);border-bottom:2px solid var(--accent)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}.status{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:12px;font-weight:900;font-size:13px;background:#e9fff3;color:#07994a}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.domainRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.empty{border:1px dashed #cbd8e8;border-radius:20px;padding:24px;color:#65748a;background:#fff}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.chat{height:360px;overflow:auto;background:#f7fbff;border:1px solid var(--line);border-radius:18px;padding:14px}.msg{max-width:75%;padding:10px 12px;margin:8px 0;border-radius:14px;background:#fff;border:1px solid var(--line)}.msg.me{margin-left:auto;background:#fff0ea}.danger{color:#e11d48}.code{font-family:ui-monospace,monospace;background:#f1f5f9;border:1px solid var(--line);border-radius:12px;padding:12px;white-space:pre-wrap}.mobileMenu{display:none}@media(max-width:980px){.hero{grid-template-columns:1fr}.grid,.cols3,.cols2{grid-template-columns:1fr}.appShell{grid-template-columns:1fr}.side{order:2}.top{width:calc(100% - 20px);padding:0 14px}.nav{display:none}.hero h1{font-size:44px}.shield3d{width:260px;height:260px}.wrap{width:min(100% - 20px,1320px)}}@media(max-width:620px){.top{height:auto;min-height:70px;flex-wrap:wrap;gap:10px}.actions{flex-wrap:wrap}.brand{font-size:20px}.btn{padding:12px 14px}.appShell{margin-top:16px}.heroPanel,.domainRow{align-items:flex-start;flex-direction:column}.table{display:block;overflow:auto}.card{padding:18px}}

/* emergency no-blank fallback */
#app:empty::before {
  content: "Турбо загружается. Если экран не меняется, обновите страницу с Ctrl+F5.";
  display: block;
  max-width: 720px;
  margin: 120px auto;
  padding: 28px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #dbe5f0;
  box-shadow: 0 24px 80px rgba(21, 38, 60, .12);
  color: #122033;
  font: 700 22px/1.35 Inter, Arial, sans-serif;
  text-align: center;
}