:root{
  --bg:#08111f;
  --panel:#101c2f;
  --panel2:#14243a;
  --text:#edf5ff;
  --muted:#92a4bc;
  --line:rgba(255,255,255,.11);
  --brand:#38d6ff;
  --brand2:#7c4dff;
  --danger:#ff4d6d;
  --ok:#2af59b;
  --warn:#ffd166;
  --shadow:0 18px 60px rgba(0,0,0,.35);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(56,214,255,.18),transparent 34%),radial-gradient(circle at bottom right,rgba(124,77,255,.2),transparent 32%),var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
.app-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:20px;background:linear-gradient(180deg,rgba(16,28,47,.98),rgba(8,17,31,.98));border-right:1px solid var(--line);overflow:auto;z-index:10}
.brand{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}
.brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 28px rgba(56,214,255,.2)}
.brand b{display:block;font-size:18px;line-height:1.1}.brand em{display:block;color:var(--muted);font-style:normal;font-size:12px;margin-top:3px}
.server-pill,.domain-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid rgba(56,214,255,.25);border-radius:999px;background:rgba(56,214,255,.08);color:#bff4ff;font-size:12px;white-space:nowrap}
.server-pill{width:100%;margin:14px 0}.nav-list{display:grid;gap:8px}.nav{display:block;width:100%;border:1px solid transparent;border-radius:15px;padding:12px 13px;color:#c9d7e8;background:transparent;cursor:pointer;position:relative;z-index:2}.nav:hover,.nav.active{background:linear-gradient(135deg,rgba(56,214,255,.16),rgba(124,77,255,.14));border-color:rgba(56,214,255,.28);color:#fff}.side-note{margin:16px 0;padding:13px;border:1px dashed rgba(255,255,255,.16);border-radius:16px;color:var(--muted);font-size:13px;line-height:1.45}.logout{display:block;text-align:center;margin-top:10px;padding:11px;border-radius:14px;background:rgba(255,77,109,.12);border:1px solid rgba(255,77,109,.28);color:#ffd5dd}
.main{min-width:0;padding:22px}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:18px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(16,28,47,.78);backdrop-filter:blur(12px);box-shadow:var(--shadow);position:sticky;top:12px;z-index:6}.topbar h1{margin:0;font-size:26px}.topbar p{margin:4px 0 0;color:var(--muted)}.hamburger{display:none;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);border-radius:12px;padding:9px 12px;cursor:pointer}
.page{scroll-margin-top:110px;margin-bottom:18px}.js .page{display:none}.js .page.show{display:block}.no-js .page{display:block}.panel,.hero-panel,.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(16,28,47,.92),rgba(13,24,42,.88));box-shadow:var(--shadow)}.panel{padding:20px;margin-bottom:18px}.panel h2,.card h3{margin-top:0}.panel p,.card p{color:var(--muted);line-height:1.55}.hero-panel{padding:28px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:20px;align-items:center;margin-bottom:18px}.eyebrow{display:inline-block;padding:7px 10px;border-radius:999px;background:rgba(42,245,155,.09);border:1px solid rgba(42,245,155,.22);color:#bdf8dc;font-size:12px;letter-spacing:.08em}.hero-panel h2{font-size:42px;line-height:1.05;margin:12px 0}.hero-panel p{font-size:16px;color:var(--muted);line-height:1.6}.hero-stats{display:grid;gap:12px}.hero-stats div{padding:18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.hero-stats b{display:block;font-size:24px}.hero-stats span{color:var(--muted);font-size:13px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:block;padding:20px;min-height:148px;transition:.16s transform,.16s border-color,.16s background;cursor:pointer;position:relative;z-index:1}.card:hover{transform:translateY(-3px);border-color:rgba(56,214,255,.36);background:linear-gradient(180deg,rgba(20,36,58,.96),rgba(16,28,47,.92))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin-bottom:12px}label{display:grid;gap:7px;color:#dce9fb;font-weight:700;font-size:13px}.check{display:flex;align-items:center;gap:10px;min-height:44px}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--text);border-radius:14px;padding:12px 13px;outline:none}select option{background:#101c2f;color:#fff}textarea{min-height:240px;resize:vertical;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:var(--text);border-radius:14px;padding:11px 15px;cursor:pointer;min-height:42px;position:relative;z-index:3}.btn:hover{filter:brightness(1.08)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent;color:#fff;font-weight:800}.btn.danger{background:rgba(255,77,109,.14);border-color:rgba(255,77,109,.38);color:#ffd5dd}.btn.mini{padding:8px 11px;min-height:34px}.btn.full{width:100%}.tool-tabs{display:flex;gap:10px;flex-wrap:wrap}.tool-tab{border:1px solid var(--line);border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.05);color:#cbd8e9;position:relative;z-index:2}.tool-tab.active,.tool-tab:hover{background:rgba(56,214,255,.13);border-color:rgba(56,214,255,.35);color:#fff}.tool-box{display:none}.tool-box.show{display:block}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.result-head h2{margin-bottom:2px}#output{min-height:420px}.log-box{margin:12px 0 0;white-space:pre-wrap;word-break:break-word;padding:14px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid var(--line);color:#cde0ff;max-height:260px;overflow:auto}.alert{box-shadow:none}.info-alert{border-color:rgba(56,214,255,.25);background:rgba(56,214,255,.07)}.warning-alert{border-color:rgba(255,209,102,.28);background:rgba(255,209,102,.08)}.danger-alert{border-color:rgba(255,77,109,.32);background:rgba(255,77,109,.12);color:#ffe5eb}.running{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;border-radius:18px;border:1px solid rgba(56,214,255,.28);background:rgba(56,214,255,.08);position:sticky;top:106px;z-index:5}.running[hidden]{display:none!important}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:var(--brand);animation:spin .9s linear infinite}.runbar{height:8px;flex:1;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.1)}.runbar i{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px;animation:bar 1.1s ease-in-out infinite}.login-body{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(440px,100%);padding:28px;border:1px solid var(--line);border-radius:28px;background:rgba(16,28,47,.92);box-shadow:var(--shadow)}.brand-badge{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,var(--brand),var(--brand2));font-size:28px;margin-bottom:14px}.login-card h1{margin:0 0 6px}.login-card p,.login-card small{color:var(--muted)}.login-card form{display:grid;gap:14px;margin:18px 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bar{0%{transform:translateX(-130%)}100%{transform:translateX(330%)}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-310px;top:0;width:286px;transition:.2s left;box-shadow:var(--shadow)}body.sidebar-open .sidebar{left:0}.hamburger{display:inline-flex}.topbar{top:8px}.domain-pill{display:none}.main{padding:14px}.running{top:96px}}
@media(max-width:680px){.cards,.form-grid{grid-template-columns:1fr}.hero-panel h2{font-size:31px}.topbar{align-items:flex-start}.result-head{display:grid}.panel,.hero-panel{padding:16px}textarea{min-height:210px}.row .btn{flex:1}.tool-tabs{display:grid;grid-template-columns:1fr 1fr}.tool-tab{text-align:center}.running{align-items:flex-start;flex-wrap:wrap}.runbar{width:100%;flex-basis:100%}}

.small-textarea{min-height:120px}
.mini-alert{margin-top:14px;margin-bottom:0;font-size:13px}