:root{--bg:#020603;--panel:#071108;--panel2:#0c1a0d;--line:#29482c;--text:#e4f5d7;--muted:#84a77b;--accent:#a8ff60;--green:#79ff45;--amber:#d6ff4d;--red:#ff625d;--sidebar:258px}
.trend-card.trend-instrument-v2{grid-column:1/-1!important;min-height:390px!important;padding:16px!important}.trend-instrument-v2 .trend-head-v2{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.trend-instrument-v2 .trend-head-v2 h3{margin:0 0 5px}.trend-instrument-v2 .chart{height:265px!important}.trend-instrument-v2 .trend-summary{grid-template-columns:1.1fr repeat(4,1fr)!important;border-top:0;margin-top:3px;padding:7px 0 0}.trend-instrument-v2 .trend-summary span{text-transform:uppercase;font-size:9px}.trend-instrument-v2 .trend-summary b{font-size:11px;text-transform:none}.trend-key{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:2px;background:#63ff48;box-shadow:0 0 8px #63ff48}@media(max-width:700px){.trend-instrument-v2 .trend-head-v2{flex-direction:column}.trend-instrument-v2 .trend-summary{grid-template-columns:repeat(2,1fr)!important}.trend-card.trend-instrument-v2{min-height:440px!important}}
.cms-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.cms-heading h2{margin-bottom:4px}.cms-form{margin:18px 0;padding:18px;border:1px solid rgba(144,255,99,.28);border-radius:14px;background:rgba(12,32,17,.55)}.cms-form h3{margin-top:0}.cms-check{display:flex;align-items:center;gap:8px;padding:10px}.cms-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}.cms-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid rgba(144,255,99,.2);border-radius:12px;background:rgba(5,18,9,.62)}.cms-card h3,.cms-card p{margin:0 0 4px}.cms-card p{color:var(--muted)}@media(max-width:800px){.cms-heading{flex-direction:column}.user-row{grid-template-columns:1fr!important}.cms-cards{grid-template-columns:1fr}}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 4%,rgba(175,255,135,.20),transparent 28%),radial-gradient(circle at 85% 40%,rgba(54,170,104,.16),transparent 34%)}
.presence-led.online,.team-led.online{background:#8fff54;box-shadow:0 0 12px #76ff3d}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:20px}.team-member{position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;padding:16px;border:1px solid rgba(145,255,94,.22);border-radius:14px;background:rgba(9,27,13,.64)}.team-led{position:absolute;right:14px;top:14px;width:9px;height:9px;border-radius:50%;background:#68716a}.team-led.busy{background:#ff675e;box-shadow:0 0 10px #ff675e}.team-led.away{background:#ffd85e;box-shadow:0 0 10px #ffd85e}.team-avatar{display:grid;place-items:center;width:54px;height:54px;border:1px solid #75b95b;border-radius:14px;background:#102515;color:#dcffca;font-weight:800}.team-member h3,.team-member p{margin:0 0 5px}.team-member p,.team-member small{color:var(--muted)}#team{width:min(1000px,94vw)}.user-list{display:grid;gap:9px;margin-top:12px}.user-row{display:grid;grid-template-columns:auto 1.2fr 1.5fr 110px auto 1fr auto;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}
.card,.statusbar,header,dialog,#sidebar{background-color:rgba(3,13,7,.68)!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.card{position:relative;overflow:hidden;border:1px solid rgba(157,255,107,.22)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(18,42,24,.72),rgba(2,9,5,.56))!important;box-shadow:inset 0 1px rgba(229,255,216,.09),0 18px 45px rgba(0,0,0,.38)!important;transition:border-color .2s,transform .2s,box-shadow .2s}.card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 28%,transparent 72%,rgba(121,255,69,.03))}.card:hover{transform:translateY(-2px);border-color:rgba(166,255,119,.48)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 22px 55px rgba(0,0,0,.5),0 0 24px rgba(102,255,55,.07)!important}.gauge{transform:scale(.88);margin:-7px 0}.glass-grid{align-items:start}.trend-card{position:relative}.trend-card .chart{height:220px}.trend-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(142,255,95,.14);font-size:10px;color:var(--muted)}.trend-summary b{display:block;margin-top:3px;color:#ddffca;font-size:12px}.trend-tooltip{position:absolute;display:none;z-index:4;padding:7px 9px;border:1px solid rgba(156,255,108,.5);border-radius:8px;background:rgba(1,8,3,.94);box-shadow:0 10px 28px #000;color:#e7ffd8;font:10px ui-monospace,monospace;pointer-events:none}.pf-inventory{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.pf-inventory>.section-title,.pf-inventory>.full{grid-column:1/-1}.pf-detail table{min-width:760px}.presence-led{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#68716a;box-shadow:0 0 0 3px rgba(255,255,255,.03)}
.profile-cover{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:22px;background:radial-gradient(circle at 10% 0,#294d20,#071008 45%);border-bottom:1px solid var(--line)}.profile-avatar{display:grid;place-items:center;width:104px;height:104px;border:3px solid var(--avatar-color,#a8ff60);border-radius:24px;background:#0c1a0d;box-shadow:0 0 24px color-mix(in srgb,var(--avatar-color,#a8ff60) 40%,transparent);overflow:hidden;font-size:38px;font-weight:900}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-cover h2{font-size:25px;margin:8px 0 3px}.profile-cover p{margin:3px 0;color:var(--muted)}#profile{width:min(900px,94vw);height:min(820px,92vh)}#profilePanel{overflow:auto;height:calc(100% - 76px)}.profile-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line)}.profile-content{padding:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-grid .wide{grid-column:1/-1}.profile-activity{display:grid;gap:7px;margin-top:12px}.profile-activity div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid var(--line);color:var(--muted)}.profile-activity b{color:var(--text)}.wan-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.critical-card{border-color:#5b873f}.critical-label{color:#baff7f;font-size:10px;text-transform:uppercase;letter-spacing:1px}@media(max-width:720px){.profile-grid{grid-template-columns:1fr}.profile-grid .wide{grid-column:auto}.wan-grid{grid-template-columns:1fr 1fr}.profile-cover{grid-template-columns:80px 1fr}.profile-avatar{width:76px;height:76px}}
.wan-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}.wan-grid>.card{grid-column:auto!important;min-height:132px!important;padding:14px!important;background:radial-gradient(circle at 85% 15%,rgba(139,255,77,.12),transparent 42%),linear-gradient(145deg,#0b190cf5,#030904f5)}.wan-grid>.card h3{margin-bottom:9px}.wan-grid>.card .metric{font-size:27px;line-height:1.05}.wan-grid>.card .metric small{font-size:11px}.wan-grid>.card .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rate-meter{height:7px;margin:12px 0 6px;border:1px solid #315c34;border-radius:999px;background:#071008;overflow:hidden}.rate-meter i{display:block;height:100%;width:var(--rate);border-radius:inherit;background:linear-gradient(90deg,#3b9e32,#b5ff72);box-shadow:0 0 10px #7aff43}.rate-meta{display:flex;justify-content:space-between;gap:8px;color:#82a879;font-size:10px}.rate-live{position:relative}.rate-live:after{content:'';position:absolute;right:13px;top:13px;width:7px;height:7px;border-radius:50%;background:#92ff52;box-shadow:0 0 11px #92ff52}.critical-card.full.tall{min-height:230px}.critical-card .fulltable{max-height:320px}@media(max-width:1150px){.wan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.wan-grid{grid-template-columns:1fr!important}}
.traffic-instrument{grid-column:1/-1!important;min-height:390px!important;padding:16px!important;background:linear-gradient(145deg,#061007f7,#020703f7)!important}.traffic-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}.traffic-head h3{margin:0!important}.traffic-range{display:flex;gap:5px}.traffic-range button{padding:5px 9px;border:1px solid #315737;border-radius:6px;background:#0c190d;color:#91b985;font-size:10px}.traffic-range button.active{background:#204424;color:#dfffca;border-color:#8cff4d}.traffic-canvas{position:relative;height:270px}.traffic-canvas canvas{width:100%;height:100%}.traffic-tooltip{position:absolute;display:none;pointer-events:none;padding:8px 10px;border:1px solid #68b74c;border-radius:7px;background:#020703ee;color:#dfffc9;font:11px ui-monospace,monospace;box-shadow:0 8px 24px #000;z-index:3}.traffic-legend{display:grid;grid-template-columns:auto repeat(4,minmax(80px,1fr));gap:5px 15px;align-items:center;margin-top:8px;font:11px ui-monospace,monospace}.traffic-legend b{font-size:10px;text-transform:uppercase;color:#789d70}.traffic-key{display:flex;align-items:center;gap:7px}.traffic-key i{width:10px;height:10px;border-radius:2px}.traffic-key.in i{background:#25e13d}.traffic-key.out i{background:#398bff}.traffic-key.cap i{background:#ff5353}.traffic-empty{display:grid;place-items:center;height:270px;color:#83a779}@media(max-width:700px){.traffic-instrument{min-height:430px!important}.traffic-head{align-items:flex-start;flex-direction:column}.traffic-legend{grid-template-columns:auto repeat(2,1fr)}.traffic-canvas{height:240px}}
.update-console{display:grid;gap:14px}.update-drop{padding:28px;border:2px dashed #3c713f;border-radius:14px;background:#071008;text-align:center}.update-drop input{display:block;margin:12px auto}.update-progress{height:18px;border:1px solid #315737;border-radius:999px;background:#020603;overflow:hidden}.update-progress i{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#367b31,#a8ff60);box-shadow:0 0 15px #7bff43;transition:width .4s}.update-stage{display:flex;justify-content:space-between;gap:15px}.update-log{height:230px;overflow:auto;padding:12px;border:1px solid #29482c;border-radius:9px;background:#010302;color:#9bc38e;white-space:pre-wrap;font:11px ui-monospace,monospace}.update-status-failed{color:#ff756f}.update-status-complete{color:#a8ff60}
#matrix{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.13;pointer-events:none}main{position:relative;z-index:1}body{background:radial-gradient(circle at 70% 0,#18301a 0,#050b06 38%,#010302 100%)}#sidebar{position:fixed;z-index:10;background:#030a04f2;border-color:#325735;box-shadow:5px 0 30px #000}.brand{height:86px;padding:10px 12px;background:linear-gradient(90deg,#0a180bd9,#030a04)}.brandmark{width:64px;height:64px;flex:0 0 64px;border-radius:12px;background-image:url('/assets/unixtechlab-footer.png');background-repeat:no-repeat;background-size:325px 85px;background-position:-38px -9px;border:1px solid #8dff51;box-shadow:0 0 18px #67ff3155}.brand b{color:#dcffc1;text-shadow:0 0 12px #7dff42}.brand small{color:#80b56d;font-size:10px}#nav button:hover,#nav button.active,.sidefoot button:hover{color:#eaffdc;background:#17351a}#nav button.active{border-left-color:#9cff57;box-shadow:inset 14px 0 24px -24px #9cff57}.card{background:linear-gradient(145deg,#0b160cf2,#030904f2);border-color:#294d2c;box-shadow:0 14px 30px #0007,inset 0 1px #78ff2c12}.card:hover{border-color:#5c9d53;box-shadow:0 14px 35px #0009,0 0 16px #67ff3112}.card h3{color:#a5ce91}.gauge-ring{background:conic-gradient(from 270deg,#9cff57 calc(var(--v)*1.8deg),#1a321d 0 180deg,transparent 0);filter:drop-shadow(0 0 5px #6fff32)}.gauge-ring:after{background:#071008}.gauge-value,.metric{color:#d9ffc0;text-shadow:0 0 14px #72ff3f55}.statusbar,header{background:#040c05f2;border-color:#29482c}.live{color:#8cff4d}.live i{background:#8cff4d;box-shadow:0 0 12px #8cff4d}.heatmap i{background:color-mix(in srgb,#86ff4c calc(var(--x)*1%),#102113)}table tr:hover td{background:#112014}footer{height:92px;background:#020603f2;gap:18px}.footer-banner{width:330px;height:auto;max-height:78px;object-fit:contain;border-radius:5px}#ticker{border-left:1px solid #2d502f;padding-left:18px}.measurement-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.measurement-pill{padding:5px 9px;border:1px solid #315737;border-radius:12px;background:#0b170c;color:#a6d68e;font-size:10px}.measurement-pill b{color:#d9ffc0}.section-title{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;padding:10px 3px 0}.section-title h2{margin:0;color:#d8ffc0;font-size:16px;text-transform:uppercase;letter-spacing:1.5px}.section-title span{color:var(--muted);font-size:11px}.field-detail{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px}.field-detail span{color:var(--muted)}.field-detail b{color:#d9ffc0}.trend-card{grid-column:span 4}.trend-card .chart{height:180px}.fulltable{overflow:auto;max-height:520px}.fulltable table{min-width:900px}.raw-value{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){footer{height:auto;min-height:90px;flex-wrap:wrap}.footer-banner{width:260px}.trend-card{grid-column:span 6}}@media(max-width:720px){.trend-card{grid-column:1/-1}.footer-banner{width:220px}#ticker{border:0;padding:0;width:100%}}