*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--bg-deep);color:var(--text-hi);height:100vh;overflow:hidden;display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:var(--sp-lg);padding:0 var(--sp-xl);height:56px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:50}#topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--router) 0%,var(--switch) 40%,transparent 75%)}.logo{font-family:var(--font-disp);font-size:var(--fs-xl);font-weight:700;letter-spacing:3px;color:var(--text-hi);text-transform:uppercase}.logo .r{color:var(--router)}.logo .s{color:var(--switch)}.topbar-nav{margin-left:auto;display:flex;align-items:center;gap:var(--sp-sm)}.topbar-link{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--rad-sm);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:600;letter-spacing:normal;text-decoration:none;border:1px solid;transition:all .15s}.link-router{color:var(--router);border-color:var(--router-dim);background:transparent}.link-router:hover{background:var(--router-glow);border-color:var(--router)}.link-switch{color:var(--switch);border-color:var(--switch-dim);background:transparent}.link-switch:hover{background:var(--switch-glow);border-color:var(--switch)}#refresh-btn{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--rad-sm);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:600;letter-spacing:normal;background:transparent;border:1px solid var(--border-bright);color:var(--text-md);cursor:pointer;transition:all .15s}#refresh-btn:hover{border-color:var(--text-md);color:var(--text-hi)}#refresh-btn.spinning .ricon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#main{flex:1;overflow-y:auto;padding:var(--sp-2xl) var(--sp-xl) 48px;max-width:1700px;width:100%;margin:0 auto}#last-updated{font-size:var(--fs-sm);color:var(--text-lo);letter-spacing:.5px}.table-section{margin-bottom:44px}.table-header{display:flex;align-items:center;gap:var(--sp-lg);margin-bottom:var(--sp-lg);padding-bottom:var(--sp-md);border-bottom:1px solid var(--border);position:relative}.table-header:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:50px}.section-router .table-header:after{background:var(--router)}.section-switch .table-header:after{background:var(--switch)}.section-edge .table-header:after{background:var(--edge)}.table-title{font-family:var(--font-disp);font-size:var(--fs-lg);font-weight:700;letter-spacing:3px;text-transform:uppercase}.section-router .table-title{color:var(--router)}.section-switch .table-title{color:var(--switch)}.section-edge .table-title{color:var(--edge)}.table-count{font-size:var(--fs-sm);color:var(--text-lo);letter-spacing:1px}.add-btn{margin-left:auto;display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--rad-sm);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:600;letter-spacing:normal;text-decoration:none;border:1px dashed;transition:all .15s}.section-router .add-btn{color:var(--router);border-color:var(--router-dim)}.section-router .add-btn:hover{background:var(--router-glow);border-color:var(--router)}.section-switch .add-btn{color:var(--switch);border-color:var(--switch-dim)}.section-switch .add-btn:hover{background:var(--switch-glow);border-color:var(--switch)}.section-edge .add-btn{color:var(--edge);border-color:var(--edge-dim)}.section-edge .add-btn:hover{background:var(--edge-glow);border-color:var(--edge)}.table-scroll-wrap{overflow-y:auto;border:1px solid var(--border);border-radius:var(--rad-sm);scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.table-scroll-wrap::-webkit-scrollbar{width:6px}.table-scroll-wrap::-webkit-scrollbar-track{background:transparent}.table-scroll-wrap::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:var(--rad-sm)}.data-table{width:100%;border-collapse:collapse}.data-table thead th{position:sticky;top:0;z-index:2;background:var(--bg-panel)}.data-table thead tr{background:var(--bg-panel);border-bottom:1px solid var(--border)}.data-table th{padding:var(--sp-md) var(--sp-lg);font-size:var(--fs-sm);letter-spacing:normal;color:var(--text-lo);text-align:left;font-weight:600;white-space:nowrap}.data-table tbody tr{background:var(--bg-card);border-bottom:1px solid var(--border);transition:background .15s,box-shadow .15s;cursor:pointer}.data-table tbody tr:last-child{border-bottom:none}.section-router .data-table tbody tr:hover{background:var(--router-glow);box-shadow:inset 3px 0 0 var(--router),0 2px 12px var(--router-tint);color:var(--text-hi)}.section-switch .data-table tbody tr:hover{background:var(--switch-glow);box-shadow:inset 3px 0 0 var(--switch),0 2px 12px var(--switch-tint);color:var(--text-hi)}.section-edge .data-table tbody tr:hover{background:var(--edge-glow);box-shadow:inset 3px 0 0 var(--edge),0 2px 12px var(--edge-tint);color:var(--text-hi)}.data-table tbody tr:hover .cell-mono,.data-table tbody tr:hover .cell-edit{color:var(--text-md)}.data-table td{padding:var(--sp-md) var(--sp-lg);font-size:var(--fs-sm);color:var(--text-md);vertical-align:middle}.cell-id{font-family:var(--font-disp);font-size:var(--fs-lg);font-weight:700;width:56px}.section-router .cell-id{color:var(--router)}.section-switch .cell-id{color:var(--switch)}.section-edge .cell-id{color:var(--edge)}.cell-location{color:var(--text-hi);font-size:var(--fs-base);min-width:160px}.cell-desc{font-size:var(--fs-sm);max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-mono{font-size:var(--fs-sm);color:var(--text-lo);white-space:nowrap}.cell-edit{font-size:var(--fs-sm);color:var(--text-lo);white-space:nowrap;line-height:1.4}.cell-edit .edit-user{color:var(--text-md);font-weight:600}.badge{display:inline-flex;align-items:center;padding:var(--sp-xxs) var(--sp-sm);border-radius:var(--rad-xs);font-size:var(--fs-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid;white-space:nowrap}.badge-yes{background:var(--green-tint);color:var(--green);border-color:var(--green-border)}.badge-no{background:#2c4a604d;color:var(--text-lo);border-color:var(--border)}.badge-dis{background:var(--red-tint-soft);color:var(--red);border-color:var(--red-tint-strong)}.badge-root{background:var(--red-tint);color:#ff6070;border-color:var(--red-tint-strong)}.badge-high{background:var(--purple-dim);color:var(--purple);border-color:var(--purple-border)}.badge-med{background:var(--switch-tint);color:var(--switch);border-color:var(--switch-border)}.badge-low{background:var(--green-tint);color:var(--green);border-color:var(--green-border)}.cell-actions{white-space:nowrap}.btn-edit{display:inline-flex;align-items:center;gap:var(--sp-xs);padding:var(--sp-xs) var(--sp-md);border-radius:var(--rad-sm);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:600;letter-spacing:normal;text-decoration:none;border:1px solid;transition:all .15s}.section-router .btn-edit{color:var(--router);border-color:var(--router-dim);background:transparent}.section-router .btn-edit:hover{background:var(--router-glow);border-color:var(--router)}.section-switch .btn-edit{color:var(--switch);border-color:var(--switch-dim);background:transparent}.section-switch .btn-edit:hover{background:var(--switch-glow);border-color:var(--switch)}.section-edge .btn-edit{color:var(--edge);border-color:var(--edge-dim);background:transparent}.section-edge .btn-edit:hover{background:var(--edge-glow);border-color:var(--edge)}.state-row td{padding:var(--sp-2xl) var(--sp-lg);text-align:center;color:var(--text-lo);font-size:var(--fs-sm);letter-spacing:1px}.state-loading{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}#toast{position:fixed;bottom:24px;right:24px;padding:var(--sp-md) var(--sp-xl);border-radius:var(--rad-sm);font-size:var(--fs-sm);letter-spacing:.5px;border:1px solid;opacity:0;transform:translateY(10px);transition:all .25s;pointer-events:none;z-index:100;min-width:220px}#toast.show{opacity:1;transform:translateY(0)}#toast.success{background:#0a2018;border-color:var(--green);color:var(--green)}#toast.error{background:#200a0a;border-color:var(--red);color:var(--red)}.data-table th[onclick]:hover{color:var(--text-hi)}.no-access{display:none!important}.access-denied-msg{padding:var(--sp-2xl) 0;text-align:center;font-size:var(--fs-sm);color:var(--text-lo);letter-spacing:1px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:var(--rad-sm)}#search-bar{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-xl);position:relative}#search-input{flex:1;max-width:480px;background:var(--bg-panel);border:1px solid var(--border-bright);border-radius:var(--rad-sm);color:var(--text-hi);font-family:var(--font-mono);font-size:var(--fs-base);padding:var(--sp-sm) var(--sp-2xl) var(--sp-sm) var(--sp-lg);outline:none;transition:border-color .15s,box-shadow .15s}#search-input:focus{border-color:var(--router);box-shadow:0 0 0 3px var(--router-tint)}#search-input::placeholder{color:var(--text-lo)}#search-clear{position:absolute;left:452px;background:none;border:none;color:var(--text-lo);font-size:var(--fs-md);cursor:pointer;padding:0 var(--sp-xs);line-height:1;transition:color .15s;display:none}#search-clear:hover{color:var(--text-md)}#search-clear.visible{display:block}#search-meta{font-size:var(--fs-sm);color:var(--text-lo);letter-spacing:.5px;white-space:nowrap}#search-meta .hit{color:var(--router);font-weight:600}.search-highlight{background:var(--router-glow);color:var(--router);border-radius:var(--rad-xs);padding:0 var(--sp-xxs)}.logo-icon{height:34px;width:auto;display:block;flex-shrink:0;margin-right:var(--sp-sm);background:var(--logo-pill-bg);border-radius:var(--rad-sm);padding:var(--sp-xxs) var(--sp-sm);box-shadow:var(--shadow-sm)}