@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#07101f;--panel:#101c2f;--line:#22314a;--text:#f4f7fb;--muted:#8ea0b9;--mint:#00c7a7;--blue:#6e9cff;--red:#ff7b87}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.glow{position:fixed;width:700px;height:700px;top:-400px;right:-200px;background:radial-gradient(circle,#143d55 0,transparent 70%);pointer-events:none}main{max-width:1260px;margin:auto;padding:30px 30px 80px;position:relative}header,.brand,.welcome,.panelHead,.tabs,.chips,.inline,.live{display:flex;align-items:center}.brand{gap:12px}.mark{width:40px;height:40px;border-radius:13px;background:var(--mint);color:#04211e;font-size:25px;display:grid;place-items:center;font-weight:700}.brand b{display:block;letter-spacing:.13em;font-family:'Space Grotesk'}.brand small{color:var(--muted);font-size:11px;letter-spacing:.06em}.ghost{margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--muted);padding:10px 15px;cursor:pointer}.auth{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;min-height:calc(100vh - 130px);max-width:1100px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--mint);font-weight:700}.hero h1{font:600 clamp(42px,6vw,78px)/1.05 'Space Grotesk';margin:20px 0}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{max-width:500px;color:var(--muted);font-size:17px;line-height:1.7}.chips{gap:9px;margin-top:30px;flex-wrap:wrap}.chips span{border:1px solid var(--line);border-radius:99px;padding:8px 13px;color:#bac8da;font-size:12px}.card,.panel{background:linear-gradient(145deg,#14233a,#0d1728);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 70px #0003}.card{padding:28px}.tabs{gap:4px;border-bottom:1px solid var(--line);margin:-28px -28px 25px;padding:17px 28px}.tabs button{background:none;border:0;color:var(--muted);padding:9px 3px;margin-right:22px;cursor:pointer}.tabs button.active{color:var(--text);border-bottom:2px solid var(--mint)}h2{font:600 21px 'Space Grotesk';margin:7px 0}label{display:block;color:#bcc9da;font-size:12px;margin:18px 0}input{display:block;width:100%;margin-top:7px;background:#081322;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:12px 13px;outline:none}input:focus{border-color:var(--mint)}.primary,.secondary{border:0;border-radius:9px;padding:13px 16px;color:#031b1a;font-weight:700;background:var(--mint);cursor:pointer}.primary{width:100%;margin-top:10px}.primary span{float:right}.secondary{background:#1c3150;color:#dce8f8;width:100%;margin-top:8px}.msg{font-size:12px;color:var(--red);min-height:18px;margin-top:12px}.welcome{justify-content:space-between;padding:72px 0 30px}.welcome .ghost{margin:0}.welcome h1{font:600 42px 'Space Grotesk';margin:7px 0}.welcome p,.hint{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.stats article{background:#0d192b;border:1px solid var(--line);padding:22px;border-radius:15px}.stats small{color:var(--muted);display:block}.stats strong{display:block;font:600 33px 'Space Grotesk';margin:13px 0 5px}.stats span{font-size:11px;color:#57718d}.grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.panel{padding:23px}.wide{min-width:0}.panelHead{justify-content:space-between;margin-bottom:18px}.live{color:var(--mint);font-size:10px;gap:7px;letter-spacing:.1em}.live i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#657d99;font-weight:500;padding:11px 8px;border-bottom:1px solid var(--line)}td{padding:13px 8px;border-bottom:1px solid #1b2a40;color:#c5d1df;white-space:nowrap}.badge{border-radius:99px;padding:4px 8px;font-size:10px;background:#193b39;color:var(--mint)}.badge.warn{background:#3d2833;color:var(--red)}.inline{gap:7px;margin-top:15px}.inline input{margin:0}.inline button{width:auto;white-space:nowrap}.hint{font-size:11px;line-height:1.6;margin:12px 0 20px}.newLink{border-top:1px solid var(--line);padding-top:18px}.newLink input{margin:8px 0}.link{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.link b{display:block}.link small{color:var(--muted);word-break:break-all}.hidden{display:none!important}@media(max-width:850px){main{padding:22px 16px}.auth{grid-template-columns:1fr;gap:25px;padding:65px 0 30px}.hero h1{font-size:48px}.hero p{font-size:15px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.welcome{padding-top:45px}}@media(max-width:450px){.stats strong{font-size:25px}.card{padding:22px}.tabs{margin:-22px -22px 20px;padding:15px 22px}}
.risk-guide{background:linear-gradient(145deg,#101f34,#0c1728);border:1px solid var(--line);border-radius:17px;padding:22px 24px;margin-bottom:18px}.risk-guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.risk-guide-head h2{margin:7px 0 0}.risk-range{font-size:12px;color:#8ea0b9;border:1px solid var(--line);border-radius:99px;padding:7px 11px;white-space:nowrap}.risk-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 16px}.risk-scale>div{background:#0b1729;border:1px solid #1d2d45;border-radius:12px;padding:13px}.risk-scale b{font:600 19px 'Space Grotesk';display:block}.risk-scale span{display:block;color:#dce6f2;font-size:13px;margin-top:4px}.risk-scale small{display:block;color:#8498b2;font-size:11px;line-height:1.5;margin-top:7px}.risk-low{color:var(--mint)}.risk-watch{color:#f6c45e}.risk-high{color:#ff9b65}.risk-critical{color:var(--red)}.risk-points{display:flex;flex-wrap:wrap;gap:8px}.risk-points span{border:1px solid #20324b;border-radius:99px;padding:7px 10px;color:#a9bad0;font-size:11px}.risk-points b{color:#e6eef8;font-weight:600}.risk-note{color:#8195ae;font-size:11px;line-height:1.6;margin:14px 0 0}@media(max-width:850px){.risk-scale{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.risk-guide{padding:19px 16px}.risk-scale{gap:8px}.risk-scale>div{padding:11px 10px}.risk-scale small{font-size:10px}}
.link{display:flex;align-items:center;justify-content:space-between;gap:16px}.linkInfo{min-width:0;flex:1}.deleteLink{margin:0;padding:7px 10px;color:var(--red);border-color:#4c2d39;white-space:nowrap}

.linkActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.linkActions .ghost{margin:0;padding:7px 9px;font-size:11px}.linkInfo small{display:block;margin-top:3px}
@media(max-width:450px){.link{align-items:flex-start;flex-direction:column}.linkActions{width:100%}.linkActions .ghost{flex:1}}

.membersPanel{border-top:1px solid var(--line);margin:18px 0;padding-top:18px}.membersPanel h3{font:600 16px 'Space Grotesk';margin:0}.memberRow{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.memberRow span{min-width:0}.memberRow b,.memberRow small{display:block;word-break:break-all}.memberRow small{color:var(--muted);font-size:11px;margin-top:3px}.removeMember{margin:0;padding:6px 9px;color:var(--red);border-color:#4c2d39;white-space:nowrap}.memberForm input{margin:8px 0}

.tableTools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-3px 0 12px}.tableTools .hint{margin:0}.pageSizeControl{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:12px;white-space:nowrap}.pageSizeControl select{background:#081322;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:7px 9px}.tableWrap{overflow:visible}table{table-layout:fixed}th,td{white-space:normal;vertical-align:top;word-break:break-word}th:nth-child(1){width:16%}th:nth-child(2){width:14%}th:nth-child(3){width:17%}th:nth-child(4){width:17%}th:nth-child(5){width:20%}th:nth-child(6){width:16%}td .sub{display:block;white-space:normal;line-height:1.45}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px;color:var(--muted);font-size:12px}.pagination button{margin:0;padding:7px 11px}.pagination button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:700px){.tableTools{align-items:flex-start;flex-wrap:wrap}.tableWrap{overflow:visible}table,thead,tbody,tr,td{display:block;width:100%}thead{display:none}tr{border-bottom:1px solid var(--line);padding:10px 0}td{display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px;border:0;padding:6px 0;white-space:normal}td::before{content:attr(data-label);color:#7187a2;font-size:11px}td[colspan]::before{content:none}.pagination{justify-content:space-between}}

.linkSource{color:#dce8f8}.tableWrap table th:nth-child(1){width:16%}.tableWrap table th:nth-child(2){width:16%}.tableWrap table th:nth-child(3){width:14%}.tableWrap table th:nth-child(4){width:17%}.tableWrap table th:nth-child(5){width:20%}.tableWrap table th:nth-child(6){width:17%}
@media(max-width:700px){.tableWrap table th:nth-child(n){width:auto}}

.riskBadge{display:inline-flex;align-items:center;gap:3px}.riskBadge.riskAlert{border:1px solid #f6c45e;animation:riskPulse 1.7s ease-in-out infinite}.riskBadge.riskAlert.warn{border-color:var(--red);animation:riskPulseWarn 1.15s ease-in-out infinite}.riskBadge.deviceRisk{background:#4a3b20;color:#ffd27a;border-color:#ffd27a}.riskReasons{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.riskReasonTag{display:inline-flex;align-items:center;color:#f6c45e;font-weight:600;animation:riskTextPulse 1.45s ease-in-out infinite}.riskReasonTag.deviceRiskText{color:#ffd27a;font-size:11px;font-weight:700;text-shadow:0 0 8px #ffd27a88;animation:deviceTextPulse .95s ease-in-out infinite}.riskBadge.deviceRisk+.riskReasons{background:#332b1d;border-radius:7px;padding:4px 6px}.riskBadge.deviceRisk+.riskReasons .deviceRiskText{color:#ffe39a}@keyframes riskPulse{0%,100%{box-shadow:0 0 0 0 #f6c45e00;transform:scale(1)}50%{box-shadow:0 0 0 4px #f6c45e2e;transform:scale(1.035)}}@keyframes riskPulseWarn{0%,100%{box-shadow:0 0 0 0 #ff7b8700;transform:scale(1)}50%{box-shadow:0 0 0 5px #ff7b8738;transform:scale(1.045)}}@keyframes riskTextPulse{0%,100%{opacity:.72}50%{opacity:1;text-shadow:0 0 7px #f6c45e99}}@keyframes deviceTextPulse{0%,100%{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(2px);text-shadow:0 0 10px #ffd27acc}}@media(prefers-reduced-motion:reduce){.riskBadge.riskAlert,.riskReasonTag,.riskReasonTag.deviceRiskText{animation:none}}

.licenseOutput{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#0b2330;border:1px solid var(--mint);border-radius:10px;padding:10px;margin-top:12px;color:#bdebe3;font-size:11px}.licenseOutput code{font:600 14px 'Space Grotesk';color:#fff;letter-spacing:.08em;word-break:break-all}.licenseOutput .ghost{margin:0;padding:6px 9px}.licenseRow{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px}.licenseRow b,.licenseRow small{display:block}.licenseRow small{color:var(--muted);font-size:11px;margin-top:3px}.licenseRow .ghost{margin:0;padding:6px 9px;color:var(--red);border-color:#4c2d39;white-space:nowrap}

.expiredTag{display:inline-block;color:var(--red);border:1px solid #4c2d39;border-radius:99px;padding:2px 6px;font-size:10px;margin-left:5px}.linkExpired .linkInfo{opacity:.65}.linkExpired .deleteLink{margin-left:auto}

.linkExpiry{color:var(--mint)!important;font-weight:600}.linkExpired .linkExpiry{color:var(--red)!important}

.memberForm select{display:block;width:100%;margin:8px 0;background:#081322;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:12px 13px}

.consoleLabel{display:inline-block;margin:5px 0 0;color:var(--mint);border:1px solid #1b7568;border-radius:99px;padding:3px 8px;font-size:10px;letter-spacing:.02em;font-weight:600}

.passwordInput{position:relative}.passwordInput input{padding-right:48px}.passwordToggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;margin:0;padding:7px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}.passwordToggle:hover,.passwordToggle.visible{color:var(--mint);background:#123044}.passwordToggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.linkButton{display:block;margin:14px auto 0;padding:4px 8px;border:0;background:transparent;color:var(--mint);font-size:12px;cursor:pointer}.linkButton:hover{text-decoration:underline}