:root{color-scheme:dark;--bg:#080b12;--panel:#101625;--panel2:#151d30;--text:#eef4ff;--muted:#94a3b8;--line:#243044;--accent:#6ee7f9;--accent2:#a78bfa;--ok:#34d399;--bad:#fb7185;--warn:#fbbf24}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#172554 0,#080b12 34%,#05060a 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}button,.btn{user-select:none}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;padding:11px 14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06111f;font-weight:800;cursor:pointer}button.secondary{background:#1e293b;color:var(--text);border:1px solid var(--line)}button.danger{background:linear-gradient(135deg,#fb7185,#f97316);color:#fff}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:52px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border-radius:12px;background:rgba(30,41,59,.82);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;font-size:1rem;line-height:1}.password-toggle:hover{background:rgba(51,65,85,.95)}.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{width:min(1180px,calc(100vw - 28px));margin:0 auto;padding:28px 0 50px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}.card{background:linear-gradient(180deg,rgba(16,22,37,.92),rgba(9,13,24,.92));border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.35);backdrop-filter:blur(14px)}h1{font-size:clamp(2rem,5vw,4.6rem);line-height:.95;margin:0 0 16px;letter-spacing:-.07em}h2{margin:0 0 12px;font-size:1.35rem}p{color:var(--muted);line-height:1.6}.brand{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin-bottom:28px}.dot{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 24px var(--accent)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.stat{background:rgba(15,23,42,.75);border:1px solid var(--line);border-radius:20px;padding:16px}.stat strong{font-size:1.7rem}.muted{color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tab{background:#111827;border:1px solid var(--line);color:var(--muted);padding:10px 12px;border-radius:999px}.tab.active{background:linear-gradient(135deg,rgba(110,231,249,.18),rgba(167,139,250,.18));color:var(--text);border-color:rgba(110,231,249,.45)}.layout{display:grid;grid-template-columns:360px 1fr;gap:18px}.list{display:grid;gap:10px}.item{background:rgba(15,23,42,.68);border:1px solid var(--line);border-radius:18px;padding:14px;cursor:pointer}.item:hover{border-color:rgba(110,231,249,.55)}.item h3{margin:0 0 8px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#1e293b;color:#cbd5e1;font-size:.78rem;margin:2px}.form{display:grid;gap:10px}.form label{display:grid;gap:6px;color:#cbd5e1;font-size:.9rem}.form input,.form select,.form textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:#0b1120;color:var(--text);padding:12px;outline:none}.form textarea{min-height:110px;resize:vertical}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hide{display:none!important}.notice{padding:13px 14px;border-radius:16px;background:rgba(110,231,249,.1);border:1px solid rgba(110,231,249,.24);color:#bae6fd}.err{background:rgba(251,113,133,.12);border-color:rgba(251,113,133,.35);color:#fecdd3}.domainIcon{font-size:1.35rem}.search{display:flex;gap:10px}.search input{flex:1;border-radius:14px;border:1px solid var(--line);background:#0b1120;color:var(--text);padding:12px}.footer{margin-top:18px;color:var(--muted);font-size:.85rem}@media(max-width:900px){.hero,.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.split,.grid{grid-template-columns:1fr}.card{padding:18px;border-radius:22px}.top{align-items:flex-start;flex-direction:column}}