@font-face{font-family:system;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#0b1015;color:#edf2f5;font:16px/1.5 system,system-ui,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6ce6bc}[hidden]{display:none!important}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;padding:36px 22px;background:#10161d;border-right:1px solid #222c35;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:0 9px 45px;font-size:26px;font-weight:650;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:#6ce6bc;color:#0b221a;width:42px;height:42px;border-radius:12px;font-weight:800}.brand-sub{display:block;font-size:10px;letter-spacing:1.5px;color:#87949f;font-weight:500}.nav-label,.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:650;color:#8e9aa6}.nav-label{padding:0 12px;margin-bottom:16px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:7px;color:#9daab6;font-size:14px}nav a:hover{color:#eaf9f3;background:#18252a}nav a.active{background:#1b322e;color:#7bedc6}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;border-top:1px solid #25303a;color:#c8d4db;font-size:14px}.sidebar-bottom div{font-size:12px;margin-top:8px;color:#83909d}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6ce6bc;margin-right:8px}main{margin-left:246px;max-width:1800px;padding:0 44px}header{min-height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #242c34;gap:20px}.breadcrumb{font-size:12px;letter-spacing:1.6px;color:#98a6b3}.breadcrumb span{color:#45515e;margin:0 13px}.header-actions{display:flex;align-items:center;gap:14px}#sync{font-size:12px;color:#9ba8b3}.button{cursor:pointer;border:1px solid #35434e;background:#172129;color:#e1eaf0;padding:10px 15px;border-radius:7px;min-height:42px;white-space:nowrap}.button:hover{background:#24343e}.button:disabled{opacity:.55;cursor:wait}.button.small{font-size:14px}.button.primary{background:#6ce6bc;color:#0b201a;border-color:#6ce6bc;font-weight:650}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:34px 0 24px;gap:12px}h1{font-size:38px;font-weight:600;letter-spacing:-1.3px;line-height:1.2;margin:9px 0 12px}.title-dot{color:#6ce6bc}p{color:#96a5b2;margin:0}.tag{border:1px solid #34404a;padding:6px 10px;border-radius:5px;font-size:11px;letter-spacing:1.2px;color:#9eabb6}.notice{border:1px solid #635532;background:#282519;color:#e4d39b;padding:13px 18px;border-radius:8px;margin-bottom:22px;font-size:14px}.panel{background:#121a22;border:1px solid #29343e;border-radius:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{padding:20px 22px;border-top:2px solid #3b5b56}.metric-label{display:flex;justify-content:space-between;font-size:14px;color:#abb8c1}.metric strong{font-size:31px;font-weight:550;letter-spacing:-.8px;display:block;margin:10px 0 5px}.metric small{font-size:12px;color:#93a2ae;display:block}.metric-symbol{color:#6ce6bc}.workspace-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.workspace-grid>.panel{padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.section-heading h2{font-size:21px;font-weight:550;margin:4px 0 0;letter-spacing:-.4px}.section-heading h3{margin:0;font-size:17px;font-weight:550}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 9px;border-radius:5px;background:#27323c;color:#b4c0ca;white-space:nowrap}.badge.ok{color:#80e6be;background:#19352d}.badge.degraded,.badge.stale{color:#e7ca7e;background:#3a3020}.badge.offline{color:#f49a98;background:#3e252b}.machine{display:flex;gap:14px;align-items:center;margin-bottom:25px}.chip-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #39544f;border-radius:10px;color:#77e6bd;font-size:30px;background:#1a2d2a}.machine h3{font-size:18px;margin:0 0 2px;font-weight:550}.machine p{font-size:13px}.resource{margin-top:16px}.resource-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#b0bdc7}.resource-label b{font-weight:500;color:#e6eff5}.meter{height:7px;border-radius:8px;background:#27313a;overflow:hidden}.meter-fill{height:100%;border-radius:8px;background:#70d6b4;width:0}.meter-fill.warn{background:#dfbd69}.meter-fill.danger{background:#ef8e89}.storage{border-top:1px solid #2b3540;margin-top:23px;padding-top:3px}.service-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.service-chips .badge{font-size:12px}.count{border:1px solid #3d4953;border-radius:6px;min-width:28px;text-align:center;font-size:13px;color:#b7c4ce}.alert{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #28323a}.alert:last-child{border:0}.alert-icon{flex:0 0 26px;color:#e7ca7e;font-size:18px}.alert strong{display:block;font-size:14px;font-weight:550;margin-bottom:4px}.alert p{font-size:13px}.section{margin-top:32px}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.app-card{padding:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.app-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;color:#8de6ca;background:#233c36;font-size:22px;flex-shrink:0}.app-card:nth-child(2) .app-icon{background:#22334a;color:#90bdeb}.app-info{flex:1}.app-info h3{margin:0 0 2px;font-size:17px;font-weight:550}.app-info p{font-size:13px}.app-link{font-size:14px;color:#83e1c0;padding:8px}.docker-panel{padding:21px 24px}.muted{color:#8f9eaa;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{color:#92a2ae;font-weight:450;font-size:12px;padding:0 10px 12px}td{border-top:1px solid #29343d;padding:14px 10px}td:first-child{color:#dce7ed}td.image{max-width:230px;overflow-wrap:anywhere;color:#a2b0bb;font-size:12px}.empty{font-size:14px;color:#9aaab7;padding:16px 0}.empty-state{border:1px dashed #35434f;border-radius:9px;text-align:center;padding:25px 18px}.empty-state .empty-symbol{font-size:30px;color:#728996;margin-bottom:8px}.empty-state h3{font-size:16px;font-weight:550;margin:0 0 8px}.empty-state p{font-size:14px;max-width:350px;margin:auto}.lower{margin-top:24px;align-items:start}.backup-destination{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c3740;padding-bottom:16px;margin-bottom:12px}.backup-destination strong{font-size:16px;font-weight:550}.detail-row{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:10px 0;color:#9aaab6}.detail-row b{font-weight:500;color:#d3dfe7;text-align:right}.backup-note{margin-top:17px;font-size:12px;border-top:1px solid #2b3640;padding-top:16px;color:#93a3af}.device{padding:15px 0;border-bottom:1px solid #2c3740}.device-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.device h3{margin:0;font-size:16px}.device p{font-size:13px;margin:8px 0}.device img{width:100%;max-height:320px;object-fit:contain;border-radius:8px;margin-top:12px}.camera-error{color:#ef9e93!important}footer{display:flex;justify-content:space-between;gap:15px;color:#7d8d9b;font-size:12px;border-top:1px solid #26313a;padding:23px 0;margin-top:32px}.login{max-width:520px;margin:70px auto;padding:32px}.login label{display:block;margin:25px 0 8px;color:#b9c7d0}.login input{width:100%;background:#0b1218;border:1px solid #475763;color:#fff;border-radius:6px;padding:12px;margin-bottom:16px}.login .button{width:100%}#login-error{color:#f59e96;margin-top:14px}.login h1{font-size:30px}@media(min-width:1600px){main{padding:0 65px}}@media(max-width:1200px){.sidebar{width:210px;padding:30px 14px}main{margin-left:210px;padding:0 25px}.metrics{gap:10px}.metric{padding:17px}.workspace-grid{grid-template-columns:1fr 1fr}.app-card{gap:10px}.header-actions{gap:8px}}@media(max-width:950px){.sidebar{width:76px;padding:26px 12px}.brand{padding:0 3px 32px}.brand>span:last-child,.nav-label,nav a span,.sidebar-bottom{display:none}nav a{justify-content:center;font-size:21px}.brand-icon{font-size:23px;width:42px;flex-shrink:0}main{margin-left:76px}.workspace-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:32px}.lower{gap:20px}#sync{display:none}}@media(max-width:600px){.sidebar{position:static;width:auto;padding:14px 18px;border-right:0;border-bottom:1px solid #28343e;display:block}.brand{padding:0;font-size:20px}.brand>span:last-child{display:block}.brand-sub{font-size:9px}.brand-icon{width:34px;height:34px;font-size:22px}.sidebar nav{display:flex;margin-top:13px;justify-content:space-between;gap:4px}.sidebar nav a{padding:6px 15px;min-height:40px;font-size:20px}main{margin:0;padding:0 18px}header{min-height:65px}.breadcrumb{font-size:10px;letter-spacing:1px}.breadcrumb span{margin:0 5px}.page-heading{padding:26px 0 20px}.eyebrow{font-size:10px;letter-spacing:1.1px}h1{font-size:30px!important}.tag{display:none}.page-heading p{font-size:14px}.metric{padding:15px}.metric strong{font-size:27px}.metric-label{font-size:13px}.workspace-grid>.panel{padding:20px}.app-grid{grid-template-columns:1fr}.section-heading h2{font-size:19px}.section-heading{gap:8px}.docker-panel{padding:19px}.notice{font-size:13px}.header-actions .button{padding:7px 10px;font-size:12px}footer{flex-direction:column;gap:4px}.login{margin:25px 0;padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}