:root{--navy: #11283b;--ink: #233e55;--muted: #8190a2;--canvas: #f5f7fb;--line: #e6ebf1;--blue: #286bcc;--teal: #379b98}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font:14px/1.5 Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:9px 14px;background:#fff;color:var(--ink);font-weight:600;transition:background .15s}button:hover{background:#f0f6fb}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78c5ed;outline-offset:2px}input,select{width:100%;border:1px solid #cbd6e2;background:#fff;color:var(--ink);padding:10px 12px;border-radius:7px;min-width:0}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#43536a}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:6px;font-weight:650}h2{font-size:18px;letter-spacing:-.35px;margin-bottom:12px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px;font-weight:400}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--teal);margin-bottom:12px}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{background:#1b57b3}.danger{color:#ae3240;border-color:#efd1d6;background:#fff8f9}.text-button{border:0;background:transparent;color:#2867ad;padding:6px 0}.wide{width:100%}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:23px;font-weight:600;letter-spacing:-.6px}.brand svg{width:43px;height:43px;fill:none;stroke:#6bacf3;stroke-linecap:round;stroke-width:5}.brand .link-accent{stroke:#39c5b1}.brand span{display:block;font-size:9px;letter-spacing:1.4px;font-weight:400;color:#93a9bb;margin-top:3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#32b89d;margin-right:8px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#0e2637,#132b46);padding:56px 64px;color:#fff;position:relative;overflow:hidden}.auth-story:after{content:"";width:500px;height:500px;border:1px solid #41637640;border-radius:50%;position:absolute;bottom:-250px;right:-220px;box-shadow:0 0 0 90px #34556915,0 0 0 180px #34556912}.auth-heading{padding:80px 0;max-width:440px;z-index:1}.auth-heading h1{font-size:54px;line-height:1.12;letter-spacing:-2px;margin:20px 0 26px}.auth-heading p:not(.eyebrow){color:#a9bed0;font-size:17px;line-height:1.8}.auth-footer{font-size:12px;color:#adbdce}.auth-form{display:grid;place-items:center;padding:40px}.auth-card{max-width:400px;width:100%}.auth-card h2{font-size:30px;margin-bottom:10px}.auth-card>.muted{margin-bottom:30px}.auth-card label{margin-bottom:16px}.auth-switch{display:flex;justify-content:space-between;margin:20px 0 36px}.fine{font-size:11px;color:#8993a2;border-top:1px solid var(--line);padding-top:22px;line-height:1.8}.shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);padding:28px 18px 16px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:46px;padding-left:4px}.nav-label{color:#698298;font-size:9px;font-weight:700;letter-spacing:2px;margin-left:14px;margin-bottom:14px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:none;border:0;color:#acbdce;border-radius:7px;margin-bottom:5px;font-size:13px;font-weight:500;padding:12px 13px}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#203e57;color:#fff;box-shadow:inset 3px 0 #41c4b3}.nav-icon{font-size:18px;line-height:18px;width:20px;text-align:center;color:#7998b3}.nav-item.active .nav-icon{color:#54cdbf}.count{margin-left:auto;border-radius:5px;padding:0 6px;background:#b8444e;color:#fff;font-size:10px}.sidebar-bottom{display:flex;align-items:center;gap:9px;color:#c6d5e3;border-top:1px solid #294051;padding-top:20px;margin-top:auto;font-size:11px}.owner-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#28465b;color:#8cd6d0;font-size:11px}.sidebar-bottom span{display:block;font-size:8px;letter-spacing:.6px;color:#7894aa;margin-top:3px}.sidebar-bottom button{margin-left:auto;background:none;border:0;color:#a4b7c7;font-size:21px;padding:4px}.workspace{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 36px}.breadcrumb{font-size:12px;color:#728299}.breadcrumb span{padding:0 10px;color:#bbc6d4}.top-actions{display:flex;align-items:center;gap:22px}.owner-only{font-size:11px;color:#718293}.top-actions button{padding:6px 12px;font-size:11px}.page{max-width:1680px;margin:0 auto;padding:32px 36px 20px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px;gap:20px}.page-heading .eyebrow{font-size:9px;margin-bottom:10px}.page-heading .muted{font-size:13px;margin:0}.timezone{font-size:10px;color:#8493a6;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 23px;box-shadow:0 3px 8px #23344903;position:relative}.stat-card:before{content:"";position:absolute;right:22px;top:24px;border-radius:50%;height:8px;width:8px;background:#e3eef5}.stat-card p{font-size:11px;color:#758398;margin-bottom:14px}.stat-card strong{display:block;font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-1px}.stat-card span{display:block;font-size:10px;color:#9aa5b3;margin-top:14px}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;padding:24px;margin-bottom:24px;box-shadow:0 2px 5px #12243c02}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading h2{margin:0}.panel-heading p{font-size:11px;margin:5px 0 0}.panel-heading button{font-size:11px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px}.overview-grid .panel{margin-bottom:24px}.live-indicator{font-size:8px;font-weight:700;letter-spacing:1.4px;padding:5px 8px;border-radius:4px;background:#eff7f6;color:#3d978d;white-space:nowrap}.outcomes{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0 34px;gap:12px}.outcomes strong{display:block;font-size:28px;font-weight:500;letter-spacing:-.7px}.outcomes span{font-size:10px;color:#8b97a6;display:block;margin-top:7px}.info-note{background:#f4f8fb;color:#72879b;border-left:3px solid #a7c8df;padding:12px 14px;font-size:11px;line-height:1.8;margin-bottom:0}.network-card{border-radius:10px;background:linear-gradient(120deg,#193954,#205257);color:#fff;padding:26px;margin-bottom:24px}.network-card .eyebrow{color:#73c8be;font-size:8px;letter-spacing:1.5px}.network-card h2{font-size:23px;line-height:1.3;margin-bottom:14px}.network-card p:not(.eyebrow){font-size:11px;color:#a7becb;line-height:1.8;max-width:350px}.network-card button{font-size:11px;background:#ffffff0b;color:#d5e7ef;border-color:#54748066;width:100%;display:flex;justify-content:space-between;margin-top:20px}.empty{text-align:center;padding:38px 20px;color:#8f9eae}.empty-mark{font-size:35px;color:#8eadbc;background:#f1f6f8;border-radius:14px;width:52px;height:52px;margin:0 auto 15px;display:grid;place-items:center}.empty h3{color:#566e83;font-weight:500;margin:0 0 7px}.empty p{font-size:12px;margin:0}.incident-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #edf1f5}.incident-row strong{font-size:12px}.incident-row small{font-size:10px;display:block;color:#8a99a8;margin-top:2px}.incident-row time{font-size:10px;color:#8a99a8;margin-left:auto}.incident-mark{width:32px;height:32px;display:grid;place-items:center;color:#b57632;background:#fff3e3;border-radius:8px;font-weight:700}.badge{display:inline-block;font-size:9px;padding:4px 7px;border-radius:5px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.badge.good{background:#e9f6f2;color:#398d79}.badge.bad{background:#ffeded;color:#b6535e}.badge.neutral{background:#f0f3f7;color:#6d7d90}.alert{position:relative;padding:14px 42px 14px 17px;border-radius:7px;font-size:12px;line-height:1.7;margin-bottom:20px;border:1px solid}.alert.bad{background:#fff1f2;border-color:#f1cdd3;color:#9f3545}.alert.good{background:#effaf5;border-color:#c7e6d9;color:#32745d}.alert.warn{background:#fffaf0;border-color:#d1b66f;color:#725315}.alert button{position:absolute;right:8px;top:6px;border:0;background:transparent;color:inherit;font-size:20px;padding:3px 7px}.secret-box{padding:22px;border:1px solid #d1b66f;background:#fffaf0;margin-bottom:24px;border-radius:8px}.secret-box pre{overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:12px;line-height:1.8}.secret-box strong{font-size:12px;color:#8f6825}.create-panel h2{font-size:15px}.create-panel form{display:grid;grid-template-columns:1fr .8fr 1.3fr auto;align-items:end;gap:14px}.table-panel{padding:0;overflow:hidden}.table-panel>.panel-heading{padding:22px 24px;margin:0;border-bottom:1px solid var(--line)}.filters{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line)}.filters input,.filters select{max-width:190px;font-size:11px;padding:8px 10px}.filters input[placeholder="Country code"]{max-width:115px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{background:#f9fbfd;color:#8494a6;font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:600;padding:14px 20px}td{border-top:1px solid #edf1f5;padding:17px 20px;max-width:320px;text-overflow:ellipsis;overflow:hidden;color:#667b8d}td:first-child{color:#25445d;font-weight:600}td button{font-size:10px}tr:hover td{background:#f7fafc}tr.selected td{background:#eef7f9}.pagination{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:15px 24px}.pagination span{font-size:10px;color:#94a2b0;margin-right:auto}.pagination button{font-size:10px;padding:6px 12px}.loading{padding:80px 24px;text-align:center;color:#92a0af}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px;margin:24px 0}.details-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#8b9aaa;margin-bottom:6px}.details-grid dd{font-size:12px;margin:0;overflow-wrap:anywhere;color:#426177}.details-grid pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.wide-detail{grid-column:1/-1}.danger-zone{border-top:1px solid var(--line);padding-top:24px}.danger-zone>.muted{font-size:12px}.danger-zone>label{max-width:650px}.action-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:16px}.action-row button{font-size:11px}.action-row label{max-width:120px}.impact-confirm{border:1px solid #efd4c2;background:#fffbf5;padding:18px;margin-top:20px;border-radius:7px;font-size:12px}.impact-confirm p{color:#9d8068}.impact-confirm button{margin-right:10px}.credential-list>div{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.credential-list strong{font-size:12px}.credential-list small{display:block;font-size:10px;color:#8a9aa9;margin-top:3px}.credential-list button{margin-left:auto;font-size:11px}.key-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#eef6f8;font-size:30px;color:#4c8d9c}.form-row{display:flex;align-items:end;gap:16px;padding:20px 0}.form-row label{flex:1;max-width:350px}.security-actions{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:20px}.security-actions p{font-size:12px;color:#91a0b0;margin:0}.security-actions button{font-size:11px}.page-footer{display:flex;gap:10px;color:#93a3b4;font-size:9px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}.page-footer span:last-child{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.page{padding:40px 48px}.topbar{padding:0 48px}.stats-grid{gap:24px}.stat-card{padding:28px}.outcomes{padding:38px 0}.network-card{padding:30px}}@media(max-width:1100px){.shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding:24px 12px}.sidebar .brand{font-size:20px}.page{padding:24px}.topbar{padding:0 24px}.stats-grid{gap:12px}.stat-card{padding:18px 15px}.stat-card span{font-size:9px}.overview-grid{grid-template-columns:1fr}.network-card{display:none}.create-panel form{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:42px}.auth-heading h1{font-size:44px}}@media(max-width:720px){.shell{display:block}.sidebar{position:relative;height:auto;padding:18px 16px 10px}.sidebar .brand{margin-bottom:14px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px;padding-bottom:2px}.nav-item{width:auto;flex-shrink:0;padding:9px 12px;font-size:11px}.nav-icon{display:none}.nav-item.active{box-shadow:inset 0 -2px #40c3b2}.topbar{height:56px;padding:0 18px}.owner-only{display:none}.page{padding:24px 16px 16px}.page-heading{align-items:start}.page-heading h1{font-size:27px}.timezone{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:18px}.stat-card strong{font-size:30px}.panel{padding:18px}.table-panel{padding:0}.panel-heading{align-items:start}.live-indicator{display:none}.outcomes{padding:20px 0;gap:8px}.outcomes strong{font-size:23px}.outcomes span{font-size:9px}.incident-row{flex-wrap:wrap}.incident-row time{margin-left:46px}.incident-row .badge{margin-left:auto}.incident-row small{max-width:230px;overflow-wrap:anywhere}.details-grid,.create-panel form{grid-template-columns:1fr}.filters{padding:14px}.filters select,.filters input{flex:1;max-width:none;min-width:120px}.pagination{padding:14px;flex-wrap:wrap}.pagination span{width:100%;margin-bottom:5px}.table-panel>.panel-heading{padding:18px}.page-footer{flex-wrap:wrap}.page-footer span:last-child{margin-left:0;width:100%}.auth-layout{display:block}.auth-story{padding:26px;min-height:180px}.auth-heading{padding:24px 0 0}.auth-heading h1{font-size:32px;margin:12px 0}.auth-heading p:not(.eyebrow),.auth-footer{display:none}.auth-form{padding:32px 26px}.auth-heading .eyebrow{margin:0}.auth-card h2{font-size:26px}.security-actions,.form-row{flex-direction:column;align-items:stretch}.form-row label{max-width:none}.action-row{flex-direction:column;align-items:stretch}.action-row label{max-width:none}}