:root{--paper:#f4f4ef;--surface:#fbfbf8;--ink:#111318;--muted:#74777e;--line:#d9d9d2;--line-strong:#b8bab7;--accent:#175cff;--danger:#b92f35;--success:#16734a;--rail:228px;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;margin:0}button,input,select{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.login-screen{background:var(--ink);color:#fff;grid-template-rows:auto 1fr auto;min-height:100svh;padding:32px clamp(24px,5vw,72px);display:grid}.login-brand,.brand{letter-spacing:-.03em;align-items:flex-start;gap:14px;font-weight:720;display:flex}.brand{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-mark{color:var(--accent);font-family:var(--mono);letter-spacing:-.08em;font-weight:800}.login-form{align-self:center;width:min(680px,100%);animation:.5s cubic-bezier(.2,.8,.2,1) both rise}.login-form h1{letter-spacing:-.07em;max-width:600px;margin:0;font-size:clamp(48px,8vw,96px);line-height:.92}.login-copy{color:#acafb6;margin:28px 0 36px;font-size:17px}.login-form label{color:#c7c9ce;margin-bottom:10px;font-size:13px;display:block}.token-row{border-bottom:1px solid #555861;grid-template-columns:1fr auto;display:grid}.token-row input{color:#fff;min-width:0;font-family:var(--mono);background:0 0;border:0;outline:0;padding:17px 0}.token-row button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0 4px 0 28px;font-weight:700}.token-row button:disabled{opacity:.55}.token-row:focus-within{border-color:var(--accent)}.login-foot{color:#73767f;font-family:var(--mono);margin:0;font-size:11px}.form-error{color:#ff8a8f;min-height:20px;font-size:13px}.app-shell{grid-template-columns:var(--rail) minmax(0, 1fr);min-height:100svh;animation:.35s both reveal;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;height:100svh;padding:28px 24px;display:flex;position:sticky;top:0}.brand-name{font-size:18px;line-height:.92}.primary-nav{margin-top:88px;display:grid}.nav-item{border:0;border-bottom:1px solid var(--line);color:var(--muted);text-align:left;cursor:pointer;background:0 0;grid-template-columns:32px 1fr;align-items:center;padding:15px 0;display:grid;position:relative}.nav-item span{font-family:var(--mono);font-size:10px}.nav-item:after{content:"";background:var(--accent);width:0;height:2px;transition:width .22s;position:absolute;bottom:-1px;left:0}.nav-item.active{color:var(--ink);font-weight:700}.nav-item.active:after{width:100%}.rail-status{color:var(--muted);align-items:center;gap:9px;margin-top:auto;font-size:12px;display:flex}.live-dot{background:#18a76b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dcebe3}.workspace{min-width:0;padding:0 clamp(24px,4vw,64px) 64px;position:relative}.loading-line{z-index:20;top:0;left:var(--rail);background:var(--accent);opacity:0;width:0;height:2px;transition:width .35s,opacity .2s;position:fixed}.loading-line.active{width:calc(100% - var(--rail));opacity:1}.workspace-header{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;min-height:154px;display:flex}.workspace-header h1{letter-spacing:-.065em;margin:0;font-size:clamp(36px,5vw,64px);line-height:.9}.header-actions{align-items:center;gap:22px;display:flex}.clock{color:var(--muted);font-family:var(--mono);font-size:11px}.text-action,.inline-link{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:5px 0;font-size:12px;font-weight:700}.text-action.muted{color:var(--muted);border-color:#0000}.view{animation:.28s both view-in;display:block}.inline-error{color:var(--danger);margin:18px 0 0}.metric-strip{border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);display:grid}.metric-strip>div{border-right:1px solid var(--line);align-content:space-between;min-height:176px;padding:34px 26px 26px 0;display:grid}.metric-strip>div:not(:first-child){padding-left:26px}.metric-strip>div:last-child{border-right:0}.metric-strip span,.system-line span{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.metric-strip strong{letter-spacing:-.065em;font-size:clamp(38px,4.5vw,68px);font-weight:680;line-height:1}.metric-strip small{color:var(--muted);font-size:12px}.section-heading{justify-content:space-between;align-items:flex-end;margin:56px 0 22px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:26px}.inline-link{border-color:var(--line-strong)}.table-wrap{border-top:1px solid var(--ink);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:13px 14px 13px 0;font-size:10px;font-weight:600}td{border-top:1px solid var(--line);vertical-align:middle;padding:17px 14px 17px 0}tbody tr{transition:background-color .15s}tbody tr.clickable{cursor:pointer}tbody tr:hover{background:#ffffff8c}.request-cell{min-width:260px}.request-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:520px;display:block;overflow:hidden}.request-cell small{color:var(--muted);font-family:var(--mono);margin-top:5px;display:block}.status{border:1px solid var(--line-strong);min-width:48px;font-family:var(--mono);border-radius:999px;justify-content:center;padding:4px 8px;font-size:11px;display:inline-flex}.status.success{color:var(--success);background:#e9f3ed;border-color:#94c3ac}.status.error{color:var(--danger);background:#f8e9e9;border-color:#dba6a9}.status.pending{color:var(--muted)}.empty-state{color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding:48px 0}.system-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:56px;display:grid}.system-line>div{border-right:1px solid var(--line);justify-content:space-between;padding:20px 18px 20px 0;display:flex}.system-line>div:not(:first-child){padding-left:18px}.system-line>div:last-child{border-right:0}.system-line strong{text-transform:uppercase;font-size:12px}.system-line strong.down{color:var(--danger)}.action-row{justify-content:space-between;align-items:end;gap:24px;min-height:112px;display:flex}.search-field,.filter-bar label,.modal label{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;gap:7px;font-size:10px;display:grid}input,select{border:0;border-bottom:1px solid var(--line-strong);min-height:42px;color:var(--ink);background:0 0;border-radius:0;outline:0;padding:8px 0}input:focus,select:focus{border-color:var(--accent)}.search-field input{width:min(360px,54vw)}.primary-action{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:28px;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.primary-action:hover{background:var(--accent);border-color:var(--accent)}.primary-action:disabled{opacity:.55;cursor:wait}.user-table td:first-child{font-size:14px;font-weight:700}.target-cell{min-width:220px;max-width:340px}.target-cell strong,.target-cell small,.credential-cell strong,.credential-cell small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.target-cell small,.credential-cell small{max-width:300px;color:var(--muted);font-family:var(--mono);margin-top:4px;font-size:10px}.credential-cell{min-width:130px}.fingerprint{font-family:var(--mono);color:var(--muted)}.row-action{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:5px 0;font-weight:700}.pagination{color:var(--muted);justify-content:space-between;align-items:center;padding:22px 0;font-size:12px;display:flex}.pagination button,.load-more button,.quiet-action,.danger-action{border:1px solid var(--line-strong);cursor:pointer;background:0 0;padding:8px 12px}.pagination button+button{margin-left:8px}.pagination button:disabled{opacity:.35;cursor:default}.traffic-scope-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:28px;min-height:94px;display:flex}.traffic-scope{gap:24px;display:flex}.traffic-scope button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 14px;font-weight:700}.traffic-scope button.active{border-color:var(--accent);color:var(--ink)}.traffic-scope-bar p{max-width:460px;color:var(--muted);text-align:right;margin:0 0 14px;font-size:12px}.filter-bar{border-bottom:1px solid var(--line-strong);grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) 110px 100px auto auto;align-items:end;gap:18px;padding:26px 0;display:grid}.filter-bar.unidentified{grid-template-columns:minmax(220px,2fr) 110px 100px auto auto}.filter-bar button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;height:42px;padding:0 14px}.filter-bar button.quiet{border-color:var(--line-strong);color:var(--muted);background:0 0}.traffic-table{border-top:0}.traffic-pagination{min-height:74px}.scrim{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11131847;animation:.18s both fade;position:fixed;inset:0}.inspector{z-index:50;background:var(--surface);width:min(720px,92vw);height:100svh;padding:28px 30px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(104%);box-shadow:-18px 0 60px #11131824}.inspector.open{transform:translate(0)}.inspector header,.modal header{justify-content:space-between;align-items:flex-start;display:flex}.inspector h2,.modal h2{letter-spacing:-.04em;word-break:break-all;max-width:580px;margin:0;font-size:26px}.close-button{border:1px solid var(--line);cursor:pointer;background:0 0;width:36px;height:36px;font-size:23px;line-height:1}.inspector-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:30px 0;display:grid}.inspector-meta div{border-right:1px solid var(--line);padding:15px 12px 15px 0}.inspector-meta div:not(:first-child){padding-left:12px}.inspector-meta div:last-child{border-right:0}.inspector-meta span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:9px;display:block}.inspector-meta strong{text-overflow:ellipsis;margin-top:7px;font-size:12px;display:block;overflow:hidden}.inspector-route{gap:5px;margin:-12px 0 28px;display:grid}.inspector-route span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:9px}.inspector-route strong{text-overflow:ellipsis;font-family:var(--mono);font-size:11px;overflow:hidden}.segment-control{border-bottom:1px solid var(--line);gap:22px;display:flex}.segment-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0}.segment-control button.active{color:var(--ink);border-color:var(--accent);font-weight:700}.body-view,.header-details pre{border:1px solid var(--line);min-height:280px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:#eeeee9;margin:20px 0;padding:18px;font-size:11px;line-height:1.65;overflow:auto}.header-details{border-top:1px solid var(--line);margin-top:24px}.header-details summary{cursor:pointer;padding:18px 0;font-weight:700}.header-details pre{min-height:auto}.modal{z-index:60;background:var(--surface);width:min(680px,100vw - 32px);max-height:calc(100svh - 32px);animation:.25s both modal-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-48%);box-shadow:0 30px 90px #11131838}.modal form{padding:30px}.modal form>label{margin-top:24px}.modal form>small{color:var(--muted);margin-top:7px;display:block}.private-key-field{margin-top:24px}.private-key-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.private-key-row input{width:100%;font-family:var(--mono)}.generate-action{border:1px solid var(--line-strong);min-height:42px;color:var(--accent);cursor:pointer;background:0 0;padding:0 14px;font-size:12px;font-weight:700;transition:border-color .15s,background-color .15s}.generate-action:hover,.generate-action:focus-visible{border-color:var(--accent);background:#edf2ff}.credential-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.credential-grid label{color:var(--muted);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;gap:7px;font-size:10px;display:grid}.clear-row{grid-template-columns:auto 1fr;align-items:center;text-transform:none!important;gap:8px!important;margin-top:10px!important;display:flex!important}.clear-row input{width:16px;min-height:16px}.switch-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;text-transform:none!important;letter-spacing:0!important;font-family:var(--sans)!important;flex-direction:row!important;display:flex!important}.switch-row span{gap:4px;display:grid}.switch-row small{color:var(--muted)}.switch-row input{width:42px;height:22px;min-height:auto;accent-color:var(--accent)}.modal footer{grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;margin-top:28px;display:grid}.danger-action{color:var(--danger);border-color:#d5a1a4}.quiet-action{color:var(--muted)}.toast-region{z-index:80;gap:8px;display:grid;position:fixed;bottom:22px;right:22px}.toast{background:var(--ink);color:#fff;width:min(360px,100vw - 44px);padding:13px 15px;font-size:12px;animation:.25s both toast-in;box-shadow:0 10px 30px #1113182e}.toast.warning{background:#7c5710}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}@keyframes reveal{0%{opacity:0}}@keyframes view-in{0%{opacity:0;transform:translateY(7px)}}@keyframes fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-45%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=1000px){:root{--rail:172px}.filter-bar{grid-template-columns:2fr 1fr 100px 90px}.filter-bar.unidentified{grid-template-columns:2fr 100px 90px}.filter-bar button{grid-row:2}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.system-line{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){:root{--rail:0px}.app-shell{padding-bottom:70px;display:block}.rail{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f4eff5;border-right:0;flex-direction:row;align-items:center;width:100%;height:64px;padding:0 16px;position:fixed;top:auto;bottom:0}.rail .brand,.rail-status{display:none}.primary-nav{grid-template-columns:repeat(3,1fr);width:100%;margin:0;display:grid}.nav-item{border-bottom:0;justify-content:center;gap:6px;padding:18px 8px;font-size:12px;display:flex}.nav-item:after{bottom:0;left:25%}.nav-item.active:after{width:50%}.workspace{padding:0 18px 32px}.workspace-header{min-height:118px}.workspace-header h1{font-size:40px}.clock{display:none}.metric-strip>div{min-height:132px;padding:24px 16px 20px 0}.metric-strip>div:not(:first-child){padding-left:16px}.section-heading{margin-top:38px}.inline-link{display:none}.system-line{grid-template-columns:1fr}.system-line>div,.system-line>div:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.action-row{align-items:center}.search-field{flex:1}.search-field input{width:100%}.primary-action{gap:12px}.filter-bar,.filter-bar.unidentified{grid-template-columns:1fr 1fr}.filter-bar .wide,.filter-bar .status-filter{grid-column:1/-1}.filter-bar button{grid-row:auto}.traffic-scope-bar{flex-direction:column;justify-content:end;align-items:stretch;gap:10px;min-height:112px}.traffic-scope-bar p{text-align:left;margin-bottom:12px}.inspector{width:100vw;padding:22px 18px}.inspector-meta{grid-template-columns:repeat(2,1fr)}.inspector-meta div:nth-child(2){border-right:0}.inspector-meta div:nth-child(-n+2){border-bottom:1px solid var(--line)}.modal form{padding:22px}.private-key-row{grid-template-columns:1fr;gap:8px}.generate-action{justify-self:stretch}.credential-grid{grid-template-columns:1fr;gap:16px}.modal footer{grid-template-columns:1fr 1fr}.modal footer>span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}