:root{--cream:#F4F6F2;--side:#FFFFFF;--panel:#FFFFFF;--panel2:#DCEFE3;--line:#D5DED7;--green:#0E8A4F;--green-dark:#0A6B3D;--green-light:#DCEFE3;--amber:#FFB627;--ok:#0E8A4F;--red:#C24747;--ink:#0D1512;--muted:#5C6B62;--tooltip-bg:#0D1512;--tooltip-fg:#F4F6F2}:root[data-theme=dark]{--cream:#10160F;--side:#161D16;--panel:#161D16;--panel2:#1E271D;--line:#2B362A;--green:#1FB868;--green-dark:#3BD684;--green-light:#1E3327;--amber:#FFC24D;--ok:#1FB868;--red:#E06767;--ink:#EDF3EA;--muted:#8CA089}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--cream);color:var(--ink);font-family:Instrument Sans,system-ui,sans-serif;font-size:14px}#root{display:flex;min-height:100vh}button{font-family:inherit}h1,h2,.brand{font-family:Geist,sans-serif}.side{width:230px;flex:0 0 230px;background:var(--side);border:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:16px;height:calc(100vh - 32px);margin:16px 0 16px 16px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0d15120f;transition:width .18s ease,flex-basis .18s ease}.side.collapsed{width:64px;flex:0 0 64px;padding:20px 10px}nav{flex:1;overflow-y:auto;min-height:0}.side-toggle{position:absolute;top:16px;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0d15121f;z-index:5}.side-toggle:hover{color:var(--green-dark);border-color:var(--green)}.side.collapsed .brand{justify-content:center;padding:0 0 4px}.side.collapsed .vsel{margin-bottom:14px}.side.collapsed .vdrop-btn{justify-content:center;padding:10px 0}.side.collapsed nav a,.side.collapsed .nav-group-label{justify-content:center;padding:10px 0}.side.collapsed nav a svg,.side.collapsed .nav-icon-label svg{margin:0}.side.collapsed .nav-icon-label{gap:0}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;padding:0 10px 4px;color:var(--ink)}.brand-mark{flex:0 0 auto;display:block}.brand span{color:var(--green)}.brand-sub{font-size:11px;color:var(--muted);padding:0 10px 18px}.vsel{position:relative;margin-bottom:20px}.vsel-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding:0 4px}.vdrop-btn{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);cursor:pointer;font-size:13px;font-weight:700;color:var(--ink);text-align:left}.vdrop-btn:hover{border-color:var(--green)}.vdrop-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vdrop-chev{color:var(--muted);flex:0 0 auto;transition:transform .15s}.vdrop-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #0d151224;padding:6px;z-index:20}.vdrop-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--muted)}.vdrop-item:hover{background:var(--panel2);color:var(--ink)}.vdrop-item.on{color:var(--ink);font-weight:700;background:var(--panel2)}.vdrop-divider{border-top:1px solid var(--line);margin:6px 4px}.vdrop-action{color:var(--green-dark);font-weight:600}.vdrop-action:hover{background:var(--green-light)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d15128c;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border-radius:16px;padding:26px;width:100%;max-width:420px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 60px #0d151240}.modal h2{font-size:17px;margin-bottom:6px}.modal label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.modal input,.modal select{width:100%}nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;margin-bottom:2px;text-decoration:none}nav a:hover{background:var(--panel2);color:var(--ink)}nav a svg{flex:0 0 auto}.nav-icon-label{display:flex;align-items:center;gap:8px}nav a.on{background:var(--green-light);color:var(--green-dark);box-shadow:inset 3px 0 0 var(--green)}.nav-group{margin-bottom:2px}.nav-group-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 2px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer}.nav-group-label:hover{color:var(--ink)}.nav-group-label.on{color:var(--green-dark);font-weight:600}.nav-group-chev{color:var(--muted);flex:0 0 auto;transition:transform .15s}.nav-group{position:relative}.nav-group nav a,.nav-sub{margin-left:0}.nav-sub{position:relative;display:block;padding:8px 12px 8px 30px;margin-left:14px;border-radius:10px;color:var(--muted);font-size:13px;cursor:pointer}.nav-sub:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--line)}.nav-sub:hover{background:var(--panel2);color:var(--ink)}.nav-sub.on{background:var(--green-light);color:var(--green-dark);font-weight:600}.nav-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);opacity:.65;padding:14px 10px 4px}.nav-section:first-child{padding-top:2px}.nav-divider{border-top:1px solid var(--line);margin:8px 4px}.clickable-row:hover{background:var(--panel2)}.pmenu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #0d151224;padding:6px;z-index:15;min-width:120px}.pmenu-item{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink);white-space:nowrap}.pmenu-item:hover{background:var(--panel2)}.pmenu-item.danger{color:var(--red)}.pmenu-item.danger:hover{background:#c2474714}.scope-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer}.scope-item:hover{background:var(--panel2)}.acct-wrap{position:relative;flex:0 0 auto}.side-foot{width:100%;display:flex;align-items:center;gap:9px;padding:12px 10px 0;border-top:1px solid var(--line);background:none;border-left:none;border-right:none;border-bottom:none;cursor:pointer;text-align:left;font-family:Instrument Sans,sans-serif}.side-foot:hover{background:var(--panel2)}.side.collapsed .side-foot{justify-content:center;padding:12px 0 0}.foot-avatar{width:26px;height:26px;border-radius:50%;background:var(--panel2);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto}.foot-meta{font-size:11px;line-height:1.4;overflow:hidden;flex:1;min-width:0}.foot-email{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot-role{color:var(--muted)}.foot-chev{color:var(--muted);flex:0 0 auto}.acct-menu{position:fixed;width:230px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #0d151229;padding:6px;z-index:200}.acct-menu-head{display:flex;align-items:center;gap:9px;padding:8px 8px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}.acct-menu-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink)}.acct-menu-item:hover{background:var(--panel2)}.acct-menu-item.danger{color:var(--red)}.acct-menu-item.danger:hover{background:#c2474714}.acct-menu-divider{border-top:1px solid var(--line);margin:6px 4px}.news-stack-wrap{padding:14px 4px 4px;flex:0 0 auto}.news-stack{position:relative;width:100%}.news-ghost{visibility:hidden;pointer-events:none}.news-slot{position:absolute;left:0;top:0;width:100%;transform:translateY(var(--y)) scale(var(--scale));opacity:var(--opacity);transition:opacity .2s,transform .2s}.news-slot-visible{transform:translateY(var(--y)) scale(var(--scale));opacity:var(--opacity)}.news-slot-hidden{opacity:0}.news-card{position:relative;-webkit-user-select:none;user-select:none;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px;font-size:12.5px;cursor:grab;transform:translate(calc(var(--dx,0)*1px)) rotate(calc(var(--dx,0)*.05deg));transition:box-shadow .15s}.news-card[data-dragging=true]{box-shadow:0 6px 16px #0d151224;cursor:grabbing}.news-card-hidden{visibility:hidden}.news-card-title{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-card-desc{color:var(--muted);margin-top:3px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.news-card-image{margin-top:8px;aspect-ratio:16/9;width:100%;border-radius:8px;overflow:hidden;background:var(--panel2);border:1px solid var(--line)}.news-card-image img{width:100%;height:100%;object-fit:cover;display:block}.news-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:11.5px}.news-card-link{color:var(--muted);text-decoration:none}.news-card-link:hover{color:var(--ink)}.news-card-dismiss{background:none;border:none;padding:0;color:var(--muted);cursor:pointer;font-family:inherit;font-size:inherit}.news-card-dismiss:hover{color:var(--ink)}.news-caughtup{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:news-slide-up-fade .5s cubic-bezier(.16,1,.3,1) forwards}.news-caughtup-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--line);border-radius:10px}.news-caughtup-mark{color:var(--muted)}.news-caughtup-mark path,.news-caughtup-mark circle{stroke:currentColor;fill:none;stroke-width:6}.news-caughtup span{font-size:11.5px;font-weight:600;color:var(--muted)}@keyframes news-slide-up-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.main{flex:1;min-width:0;padding:26px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:23px;font-weight:800;color:var(--ink)}.btn{padding:10px 18px;border-radius:8px;border:none;font-weight:600;font-size:13px;cursor:pointer;font-family:Instrument Sans,sans-serif}.btn-p{background:var(--green);color:#fff}.btn-p:hover{background:var(--green-dark)}.btn-o{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn-o:hover{border-color:var(--green)}.btn-sm{padding:6px 12px}.accent-hover-btn:hover{border-color:var(--accent-hover);color:var(--accent-hover)}.device-switch{display:flex;gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:2px}.device-switch button{display:flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.device-switch button:hover{color:var(--ink)}.device-switch button.on{background:var(--panel);color:var(--green-dark);box-shadow:0 1px 3px #0d15121a}.copy-block{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--panel2);cursor:pointer;padding:0;position:relative;margin-bottom:2px}.copy-block:hover{border-color:var(--green)}.copy-block pre{font-size:10.5px;white-space:pre-wrap;word-break:break-all;padding:8px 34px 8px 10px;color:var(--ink)}.copy-block-tag{position:absolute;top:6px;right:8px;display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--muted)}.copy-block:hover .copy-block-tag{color:var(--green-dark)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat .l{font-size:12px;color:var(--muted);margin-bottom:8px}.stat .v{font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:600;color:var(--ink)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.panel h2{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;justify-content:space-between;color:var(--ink)}.panel h2 .hint{font-size:12px;color:var(--muted);font-weight:400}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--panel2);color:var(--muted);font-size:10px;font-style:italic;font-weight:700;cursor:pointer;position:relative;margin-left:6px;vertical-align:middle;border:1px solid var(--line)}.info-icon:hover{background:var(--green-light);color:var(--green-dark);border-color:var(--green)}.info-tooltip{position:absolute;top:calc(100% + 6px);left:0;background:var(--tooltip-bg);color:var(--tooltip-fg);font-size:12px;font-weight:400;font-style:normal;padding:8px 12px;border-radius:8px;white-space:normal;width:220px;z-index:30;box-shadow:0 8px 20px #0d151233;text-align:left;line-height:1.4}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table-scroll{width:100%;overflow-x:auto}th{color:var(--muted);font-weight:500;text-align:left;padding:8px 10px;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);white-space:nowrap;font-family:IBM Plex Mono,monospace;position:sticky;top:0;background:var(--panel);z-index:1}td{padding:11px 10px;border-bottom:1px solid var(--line);color:var(--ink)}tr:last-child td{border-bottom:none}th.num,td.num{text-align:right}td.nowrap{white-space:nowrap}td.table-empty{text-align:center;color:var(--muted);padding:28px 10px}.data-table tbody tr:hover td{background:var(--panel2)}.mono{font-family:IBM Plex Mono,monospace;font-size:12.5px}.pill{display:inline-block;min-width:54px;text-align:center;font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap;font-family:IBM Plex Mono,monospace}.pill.ok{background:var(--green-light);color:var(--green-dark)}.pill.pend{background:#ffb62729;color:#8a5a0a}.pill.in{background:#0a6b3d1f;color:var(--green-dark)}.pill.ref{background:#c247471a;color:var(--red)}.pill.off{background:#0d151212;color:var(--muted)}:root[data-theme=dark] .pill.pend{background:#ffc24d2e;color:var(--amber)}:root[data-theme=dark] .pill.off{background:#ffffff0f;color:var(--muted)}input,select{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 12px;font-size:13px;font-family:inherit;outline:none}input:focus,select:focus{border-color:var(--green)}.btn{white-space:nowrap}.frow{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:14px}.create-box{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px 18px 18px;margin-top:18px}.create-box-title{font-size:12px;font-weight:700;color:var(--green-dark);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.frow label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.settings-group{padding-top:16px;border-top:1px solid var(--line)}.settings-group:first-child{padding-top:0;border-top:none}.settings-group-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.login{margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:36px;width:360px;text-align:center;box-shadow:0 20px 50px #0d151214}.login input{width:100%;margin:16px 0 10px}code{font-family:IBM Plex Mono,monospace;font-size:12px;background:var(--panel2);padding:2px 7px;border-radius:6px;color:var(--green-dark)}pre{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px;overflow-x:auto;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.7;color:var(--ink)}.err{color:var(--red);font-size:12px;margin-top:8px}