:root{color-scheme:dark;--bg:#0c121d;--panel:#141e2d;--panel2:#1b283b;--border:#29394e;--text:#edf3fa;--muted:#9cacbf;--accent:#66d9c7;--blue:#85b8ff;--bad:#ff9292;--warn:#f1cc85}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.masthead{padding:28px 5%;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(120deg,#162739,#111b2b)}.brand{display:flex;gap:16px;align-items:center}.logo{font-size:36px;color:var(--accent);background:#203b43;border-radius:12px;padding:1px 14px}h1{font-size:24px;margin:0;letter-spacing:-.6px}.brand p{margin:2px 0 0;color:var(--muted)}.refresh{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}main{max-width:1500px;margin:auto;padding:24px 5%}button,input,select{font:inherit}button{cursor:pointer;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:8px 13px}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px 12px;width:100%;border-radius:8px}input::placeholder{color:#8091a8}label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.sources{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.source{border:1px solid var(--border);background:var(--panel);padding:6px 12px;border-radius:30px;font-size:12px}.source strong{color:var(--accent);font-weight:500}.source.warning strong{color:var(--warn)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{border:1px solid var(--border);background:var(--panel);padding:18px 22px;border-radius:12px}.stat b{font-size:30px;display:block;line-height:1.2;color:var(--text);font-weight:600}.stat span{font-size:12px;color:var(--muted)}.toolbar{display:grid;grid-template-columns:minmax(220px,3fr) minmax(120px,1fr) minmax(130px,1fr) minmax(140px,1fr);gap:14px;border:1px solid var(--border);background:var(--panel);padding:18px;border-radius:12px;margin-bottom:22px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px}.tabs button{border-color:transparent;background:transparent;color:var(--muted)}.tabs button.active{background:#1c383f;color:var(--accent);border-color:#345a5f}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 0 12px}.section-title h2{font-size:17px;margin:0}.section-title span,.muted{color:var(--muted);font-size:12px}.application,.network,.route-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.application>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.application>summary::-webkit-details-marker{display:none}.application>summary:before{content:"›";color:var(--muted);font-size:24px}.application[open]>summary:before{transform:rotate(90deg)}.app-heading{flex:1;min-width:0}.app-heading strong{font-size:17px;word-break:break-word}.app-heading small{display:block;color:var(--muted);margin-top:3px}.app-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-block;border-radius:5px;background:var(--panel2);padding:2px 8px;font-size:11px;color:var(--muted);white-space:normal}.pill.ok{color:var(--accent);background:#193835}.pill.bad{color:var(--bad);background:#3a252e}.pill.warn{color:var(--warn);background:#393324}.pill.blue{color:var(--blue);background:#233349}.app-body{border-top:1px solid var(--border);padding:18px 20px}.service-title{font-size:13px;margin:12px 0 6px;color:var(--blue)}.container{padding:12px 0;border-bottom:1px solid var(--border)}.container:last-child{border-bottom:0}.container-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.container-head strong{font-size:13px}.container-image{color:var(--muted);font-size:12px;overflow-wrap:anywhere;margin:4px 0 10px}.net-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.port-list{display:flex;gap:6px;flex-wrap:wrap}.port{font:11px/1.7 ui-monospace,SFMono-Regular,monospace;display:inline-block;border:1px solid var(--border);border-radius:5px;padding:2px 7px;color:var(--blue);overflow-wrap:anywhere}.port.declared{color:var(--muted);border-style:dashed}.route-card{padding:15px 18px}.route-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.route-top strong{font-size:13px;overflow-wrap:anywhere}.rule{font:12px/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--muted);overflow-wrap:anywhere;margin:8px 0}.route-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.destinations{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.route-card a{color:var(--accent);text-decoration:none}.route-card a:hover{text-decoration:underline}.network{padding:18px 20px}.network h3{margin:0;font-size:16px}.network-app{margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.network-app strong{color:var(--blue);font-size:13px}.network-app ul{list-style:none;margin:6px 0 0;padding:0;font-size:12px;color:var(--muted)}.empty{color:var(--muted);padding:40px 20px;text-align:center;border:1px dashed var(--border);border-radius:12px}.notice{padding:12px 16px;border:1px solid #6d5831;border-radius:8px;background:#302b21;color:var(--warn);margin-bottom:16px;font-size:13px}.notice.error{border-color:#713f45;color:var(--bad);background:#30212b}.search-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:22px;overflow:hidden}.search-panel summary{padding:12px 16px;cursor:pointer;color:var(--blue)}.table-scroll{overflow:auto;max-height:420px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-top:1px solid var(--border);padding:10px 14px;vertical-align:top}th{color:var(--muted);font-weight:500;background:var(--panel2);position:sticky;top:0}td:last-child{overflow-wrap:anywhere}footer{color:var(--muted);font-size:11px;margin-top:32px;padding:18px 0;border-top:1px solid var(--border)}[hidden]{display:none!important}
@media(max-width:900px){.masthead{align-items:flex-start;flex-direction:column}.toolbar{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.summary{gap:10px}.stat{padding:14px}.stat b{font-size:24px}.refresh{width:100%;justify-content:space-between}}@media(max-width:550px){main{padding:18px 4%}.summary{grid-template-columns:1fr 1fr}.toolbar{padding:12px;gap:10px}.application>summary{padding:14px 12px;gap:12px}.app-counts{max-width:110px}.app-body{padding:12px}.tabs{gap:0}.tabs button{font-size:12px;padding:8px 10px}.brand h1{font-size:21px}.source{max-width:100%;overflow-wrap:anywhere}}