:root{color-scheme:dark;--bg:#06101e;--panel:#0d1a2d;--panel2:#101e33;--line:#253752;--text:#f3f6fb;--muted:#9aa9bd;--green:#38d9a9;--red:#ff6484;--blue:#61b5ff;--shadow:0 20px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 15% -10%,#142844 0,transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100%}button,input,select{font:inherit}.app-shell{max-width:1480px;margin:auto;padding:34px 30px 80px}.hero{padding-bottom:22px}.hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h1{margin:0;font-size:clamp(30px,4vw,54px);letter-spacing:-.045em;line-height:1}.hero h1 span{font-size:.36em;color:var(--blue);vertical-align:top;margin-left:5px}.hero p{font-size:20px;color:var(--muted);margin:16px 0 8px}.updated{color:var(--muted);font-size:17px}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);width:48px;height:48px;border-radius:16px;cursor:pointer;font-size:25px}.icon-btn.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px;margin:2px 0 28px}.summary-card{background:linear-gradient(145deg,rgba(18,33,55,.96),rgba(11,24,43,.96));border:1px solid var(--line);border-radius:22px;padding:22px 24px;min-height:132px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 1px rgba(255,255,255,.02)}.summary-card .label{font-size:14px;letter-spacing:.09em;color:var(--muted);margin-bottom:10px}.summary-card .value{font-size:38px;font-weight:800;letter-spacing:.02em}.summary-card .value.small{font-size:32px}.summary-card.online .value{color:var(--green)}.summary-card.offline .value{color:var(--red)}
.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0 16px;margin-bottom:0}.search-wrap{height:62px;border:1px solid var(--line);border-radius:18px;background:#0a1628;display:flex;align-items:center;padding:0 18px;max-width:100%}.search-wrap:focus-within{border-color:#4d6e9d;box-shadow:0 0 0 3px rgba(97,181,255,.08)}.search-wrap svg{width:23px;height:23px;fill:none;stroke:#71839b;stroke-width:2;margin-right:12px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:19px}.search-wrap input::placeholder{color:#6f7c8e}.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);padding:14px 4px 0}.toolbar-row select{background:#0b1729;color:#d8e0eb;border:1px solid var(--line);padding:9px 12px;border-radius:11px;outline:none}.error-box{margin:18px 0;padding:16px 18px;border:1px solid rgba(255,100,132,.35);background:rgba(255,100,132,.08);color:#ffd9e1;border-radius:16px}.table-card{border-bottom:1px solid var(--line)}.table-scroll{overflow:auto;max-height:calc(100vh - 315px);scrollbar-color:#334966 #0a1424}.table-scroll table{width:100%;border-collapse:collapse;min-width:1220px}.table-scroll thead{position:sticky;top:0;z-index:2;background:#071321}.table-scroll th{text-align:left;color:#95a6bc;font-size:12px;letter-spacing:.075em;text-transform:uppercase;padding:16px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.table-scroll td{padding:14px 13px;border-bottom:1px solid rgba(37,55,82,.65);color:#dde6f2;font-size:14px;white-space:nowrap}.table-scroll tbody tr{transition:.15s ease}.table-scroll tbody tr:hover{background:rgba(255,255,255,.025)}.user-link{color:#f5f7fa;background:none;border:0;padding:0;font-weight:700;cursor:pointer;text-align:left}.user-link:hover{color:#75c3ff}.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-weight:700;font-size:12px}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.status-badge.online{color:var(--green);background:rgba(56,217,169,.1)}.status-badge.offline{color:var(--red);background:rgba(255,100,132,.1)}.tag-isolir{font-size:10px;margin-left:7px;padding:3px 6px;border-radius:6px;background:rgba(255,191,74,.14);color:#ffc76d}.muted{color:#8495aa}.loading{text-align:center!important;padding:55px!important;color:var(--muted)!important}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,5,13,.74);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:30}.modal-backdrop[hidden]{display:none}.user-modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:linear-gradient(165deg,#101e33,#0a1728);border:1px solid #2a3e5d;border-radius:30px;box-shadow:var(--shadow);padding:8px 28px 28px}.drag-handle{width:72px;height:7px;border-radius:20px;background:#465a79;margin:4px auto 22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:27px;margin:0 0 9px}.close-btn{width:58px;height:58px;border-radius:18px;border:1px solid var(--line);background:#13223a;color:#eef4fb;font-size:33px;line-height:1;cursor:pointer}.details{padding-top:8px}.detail-row{display:grid;grid-template-columns:42% 58%;gap:12px;padding:18px 0;border-bottom:1px solid rgba(37,55,82,.65)}.detail-row .k{font-weight:800;font-size:13px;letter-spacing:.06em;color:#91a3bc;text-transform:uppercase}.detail-row .v{text-align:right;color:#e8eef7;overflow-wrap:anywhere}.bottom-close{margin-top:28px;width:255px;max-width:100%;height:72px;border:1px solid var(--line);border-radius:18px;background:#112039;color:#fff;font-size:20px;font-weight:800;cursor:pointer}
@media(max-width:980px){.app-shell{padding:26px 20px 70px}.summary-grid{grid-template-columns:repeat(3,1fr)}.hero p{font-size:17px}.updated{font-size:15px}.table-scroll{max-height:none}}
@media(max-width:650px){.app-shell{padding:25px 20px 50px}.hero-title-row{align-items:flex-start}.hero h1{font-size:34px;max-width:85%}.hero p{font-size:16px;line-height:1.5;margin:14px 0 7px}.updated{font-size:14px;line-height:1.45}.icon-btn{width:43px;height:43px;border-radius:14px}.summary-grid{display:flex;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 10px;scroll-snap-type:x mandatory}.summary-card{min-width:202px;min-height:132px;scroll-snap-align:start}.toolbar{padding-top:19px}.search-wrap{height:58px}.search-wrap input{font-size:16px}.toolbar-row{font-size:14px}.toolbar-row select{max-width:145px}.table-card{margin-left:-20px;margin-right:-20px}.table-scroll{padding:0 20px}.modal-backdrop{padding:0;align-items:flex-end}.user-modal{width:100%;max-height:92vh;border-radius:30px 30px 0 0;padding:8px 30px 28px}.detail-row{grid-template-columns:43% 57%;gap:8px}.bottom-close{width:255px;height:68px}.table-scroll table{min-width:1150px}}

.domain-badge{display:inline-flex;align-items:center;gap:9px;margin:2px 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(13,26,45,.72);color:#dce8f6;text-decoration:none;font-size:13px;transition:.15s ease}.domain-badge:hover{border-color:#4d6e9d;background:#10213a}.domain-badge strong{letter-spacing:.08em;font-size:12px}.domain-badge span:last-child{color:var(--blue)}.domain-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(56,217,169,.7)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 4px 0;color:var(--muted);font-size:13px}.site-footer a{color:var(--blue);text-decoration:none}.site-footer a:hover{text-decoration:underline}@media(max-width:650px){.domain-badge{font-size:12px;max-width:100%}.site-footer{flex-direction:column;align-items:flex-start}}