:root{color-scheme:light;--bg:#f4f6f8;--card:#fff;--ink:#19252f;--muted:#6b7884;--line:#e6eaed;--green:#16735c;--green-bg:#e8f5ee;--purple:#5653bd;--purple-bg:#eeedfa;--red:#b62e3d;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aeaee7;outline-offset:3px}input,select{width:100%;border:1px solid #d8dfe4;border-radius:9px;background:var(--card);color:var(--ink);padding:11px 12px;min-height:43px}input::placeholder{color:#89949d}label{display:block;font-weight:600;font-size:13px}label>input{display:block;margin-top:7px;font-weight:400}h1,h2,p{margin:0}h1{font-size:34px;font-weight:650;letter-spacing:-1.2px;line-height:1.15;margin:7px 0 12px}h2{font-size:18px;letter-spacing:-.3px}.muted{color:var(--muted);font-weight:400}.small-copy{font-size:12px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.6px;color:var(--muted)}.shell{max-width:1250px;margin:auto;padding:0 36px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:1.5px;font-size:11px;text-decoration:none}.brand-mark{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:white;font-size:28px;font-weight:400;margin-bottom:24px}.brand-mark.small{width:31px;height:31px;border-radius:9px;font-size:20px;margin:0}.account{display:flex;align-items:center;gap:19px;font-size:12px;color:var(--muted)}.text-button{border:0;padding:3px;background:none;color:var(--muted);font-size:12px}.text-button:hover{color:var(--ink)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:42px 0 28px}.connection{white-space:nowrap;font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.connection:before{content:"";width:6px;height:6px;border-radius:50%;background:#97a4aa}.connection.online:before{background:#2a9d7b;box-shadow:0 0 0 4px #e5f1ec}.connection.offline:before{background:var(--red)}.summary-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;display:flex;flex-direction:column;gap:5px}.stat-label{font-size:12px;font-weight:550;color:var(--muted)}.stat>strong{font-size:31px;line-height:1.5;letter-spacing:-.8px;display:flex;align-items:center;gap:12px}.stat>.muted{font-size:12px}.terminal{background:#f0f5f2;border-color:#dce8e0}.badge{font-size:11px;line-height:1.5;display:inline-block;padding:4px 9px;border-radius:6px;font-weight:550;letter-spacing:0;white-space:nowrap}.badge.good{color:var(--green);background:var(--green-bg)}.badge.blocked{color:var(--purple);background:var(--purple-bg)}.badge.neutral{background:#edf0f3;color:#64707c}.explanation{display:flex;gap:13px;margin:22px 0 25px;font-size:12px;color:var(--muted);max-width:1050px}.explanation strong{color:#4d5d69;font-weight:600}.info-symbol{height:18px;min-width:18px;border:1px solid #a4b0b8;border-radius:50%;display:flex;justify-content:center;align-items:center;line-height:1;font-size:11px;margin-top:1px}.ports-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.table-tools h2{margin-bottom:3px}.filters{display:flex;gap:9px;align-items:center}.filters input{width:235px}.filters select{width:154px}.filters input,.filters select{font-size:12px;min-height:38px;padding:8px 10px}.button{border:1px solid transparent;padding:10px 16px;border-radius:9px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;min-height:39px;transition:background .15s}.button.primary{background:var(--ink);color:white}.button.primary:hover:not(:disabled){background:#354957}.button.secondary{border-color:var(--line);background:var(--card);color:var(--ink)}.button.secondary:hover:not(:disabled){background:#f5f7f9}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f8f9fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:550;padding:12px 24px}td{padding:16px 24px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}.changed-row{background:#fbfaff}.port-number{width:110px}.port-number strong{font-size:15px;font-variant-numeric:tabular-nums;font-weight:650}.protocol{display:block;font-size:10px;color:#91a0aa;letter-spacing:.8px;margin-top:2px}.service-name{font-size:13px;font-weight:550;overflow-wrap:anywhere}.domains{font-size:11px;color:var(--muted);margin-top:4px;max-width:420px;overflow-wrap:anywhere}.port-reason{font-size:11px;color:var(--muted);margin-top:4px;max-width:430px}.protected-note{font-size:10px;color:#88959e;margin-top:5px}.switch-heading{text-align:right;white-space:nowrap}.switch-cell{text-align:right;width:160px}.switch{display:inline-block;position:relative;width:35px;height:21px;cursor:pointer;vertical-align:middle}.switch input{position:absolute;opacity:0;min-height:0;width:1px;height:1px;margin:0;left:0;top:0}.slider{position:absolute;inset:0;border-radius:20px;background:#d8dfe4;transition:.15s}.slider:before{content:"";position:absolute;height:15px;width:15px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:.15s}.switch input:checked+.slider{background:var(--purple)}.switch input:checked+.slider:before{transform:translateX(14px)}.switch input:disabled+.slider{opacity:.35;cursor:not-allowed}.switch input:focus-visible+.slider{outline:3px solid #aeaee7;outline-offset:3px}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fafbfd;border-top:1px solid var(--line);padding:20px 24px}.save-bar strong{font-size:12px;font-weight:600}.save-bar p{margin-top:3px}.footer-note{font-size:11px;color:var(--muted);margin:20px 0 35px}.empty{text-align:center;color:var(--muted);padding:50px 20px}.notice{padding:12px 15px;border-radius:9px;font-size:12px;margin:0 0 18px;background:#e8f5ee;color:#216746;border:1px solid #cce5d7;overflow-wrap:anywhere}.notice.error{background:#fff1f0;border-color:#f1d0cc;color:#a93535}.notice.warning{background:#fffaeb;border-color:#ecdfb2;color:#8b681b}.hidden{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 15% 0%,#e7ecef,transparent 55%),var(--bg)}.login-card{width:100%;max-width:405px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 10px 60px #24334408}.login-card h1{font-size:28px;letter-spacing:-.9px}.login-card>.muted{font-size:13px;margin-bottom:26px}.stack{display:flex;flex-direction:column;gap:17px}.login-card .button{margin-top:6px;font-size:13px;min-height:44px}.login-foot{color:#8f9aa3;font-size:10px;text-align:center;margin-top:26px}.login-card .notice{margin-top:-8px}dialog{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px;padding:28px;max-width:410px;width:calc(100% - 32px);box-shadow:0 20px 80px #10202f30}dialog::backdrop{background:#172b3a55;backdrop-filter:blur(3px)}dialog .muted{font-size:12px}.dialog-heading{display:flex;justify-content:space-between;align-items:center}dialog .notice{margin:0}
@media(max-width:900px){.shell{padding:0 20px}.table-tools{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{flex:1;width:100px}.page-heading{align-items:flex-start}.connection{font-size:11px;margin-top:7px}.stat{padding:18px}.summary-grid{gap:10px}.stat>strong{font-size:27px}.terminal .badge{font-size:10px}th,td{padding-left:18px;padding-right:18px}}
@media(max-width:600px){.shell{padding:0 14px}.topbar{height:70px}.brand{font-size:9px;gap:8px;letter-spacing:1px}.account{gap:10px;font-size:11px}.account>span{display:none}.page-heading{padding:28px 0 20px;flex-direction:column;gap:5px}h1{font-size:29px}.page-heading>.muted,.page-heading .muted{font-size:12px}.summary-grid{grid-template-columns:1fr 1fr}.terminal{grid-column:1/-1}.stat{padding:15px 18px}.stat>strong{line-height:1.3}.stat>.muted{font-size:10px}.explanation{font-size:11px}.table-tools{padding:18px}.filters{flex-wrap:wrap}.filters input{width:100%;flex-basis:100%}.filters select{flex:1}.filters button{flex:1}th,td{padding:13px 12px}.switch-heading{white-space:normal;font-size:10px}.switch-cell{width:75px}.port-number{width:68px}.badge{font-size:10px;padding:3px 5px}.protected-note{max-width:90px}.domains,.port-reason{font-size:10px;max-width:220px}.save-bar{padding:18px;flex-direction:column;align-items:stretch}.save-bar p{font-size:10px}.login-card{padding:28px}.footer-note{font-size:10px}}