:root{font-family:Inter,system-ui,sans-serif;color:#e7edf7;background:#0b1019;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:250px;position:fixed;inset:0 auto 0 0;background:#101722;border-right:1px solid #263141;padding:34px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;color:#74dfc4;font-size:28px;text-decoration:none;font-weight:700}.brand span{font-size:21px;color:#f5f7fb}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#8c9bb1;margin-top:8px}nav{display:grid;gap:12px;margin-top:55px}button,a.action{font:inherit;cursor:pointer;border:1px solid #354156;background:#192333;color:#dce5f3;border-radius:9px;padding:11px 16px;text-decoration:none;text-align:center}button:hover,a.action:hover{border-color:#72dec5;color:white}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #74dfc4;outline-offset:3px}nav button{text-align:left;background:transparent;border-color:transparent;color:#a7b4c8}nav button:first-child{color:#80e3cb;background:#19332f}.aside-foot{margin-top:auto;color:#acbacb;font-size:13px}.aside-foot small{display:block;margin:10px 0 0 14px;color:#7f8da2}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78dfbd;margin-right:8px}main{margin-left:250px;padding:28px 5vw;width:calc(100% - 250px);max-width:1600px}header{height:48px;display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}header>span,.eyebrow{font-size:11px;letter-spacing:2px;color:#8495af}.eyebrow{color:#71d8bf}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px;margin:16px 0}h2{font-size:18px;font-weight:600}.intro{color:#97a7bd;font-size:16px;line-height:1.7;margin-bottom:35px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#293346;border:1px solid #293346;border-radius:14px;overflow:hidden;margin:36px 0 44px}.summary>div{padding:24px;background:#121b28}.summary strong{display:block;font-size:28px;font-weight:600}.summary span{display:block;color:#9aaac1;margin-top:8px;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title>span{font-size:11px;color:#8293ab}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:15px}.card{border:1px solid #2a374a;border-radius:14px;padding:25px;background:linear-gradient(135deg,#172334,#121a27)}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{border-radius:12px;background:#233c45;color:#7ce6cb;font-size:26px;padding:9px 14px}.badge{font-size:11px;color:#9dafc6}.badge.online{color:#7ae0b9}.badge.offline{color:#f3aa9c}.card h2{margin:25px 0 9px}.card p{font-size:13px;color:#9dacc0;min-height:38px;line-height:1.6}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.actions>*{font-size:12px}.note{font-size:12px;line-height:1.7;color:#8394ae;margin:24px 0}form{max-width:440px;padding:28px;background:#131d2b;border:1px solid #2d3b4e;border-radius:16px;margin:35px 0}form h2{margin:0 0 25px}label{display:block;font-size:13px;color:#b9c7dc;margin-bottom:19px}input{width:100%;display:block;background:#0c1420;border:1px solid #34435a;border-radius:8px;color:#f4f6fa;padding:12px;font:inherit;margin-top:8px}.primary{background:#79ddc2;color:#09251f;border:0;font-weight:700;width:100%}form small{font-size:11px;color:#899bb2}#error{color:#ffb6a5;font-size:13px}iframe{width:100%;height:75vh;border:1px solid #34435a;border-radius:12px;background:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;border-bottom:1px solid #29374a;padding:12px}footer{margin-top:70px;padding:24px 0;border-top:1px solid #243045;color:#71839c;font-size:11px;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:800px){body{display:block}aside{position:static;width:100%;padding:20px;border-right:0;border-bottom:1px solid #29374a}.brand{font-size:24px}nav{display:flex;margin-top:20px;gap:4px;overflow:auto}nav button{white-space:nowrap;font-size:12px;padding:9px}.aside-foot{display:none}main{margin:0;width:100%;padding:22px}header{margin-bottom:35px}.summary>div{padding:18px 12px}.summary strong{font-size:23px}.summary span{font-size:10px}.section-title{align-items:flex-start}footer span{display:none}form{max-width:none}.cards{grid-template-columns:1fr}}

select{width:100%;display:block;background:#0c1420;border:1px solid #34435a;border-radius:8px;color:#f4f6fa;padding:12px;margin-top:8px;font:inherit}#connection-error{color:#ffb6a5;font-size:13px}

.viewer-page{display:block}.viewer-main{margin:0;width:100%;max-width:none;padding:16px}.viewer-bar{height:auto;min-height:54px;margin:0 0 12px;gap:12px;flex-wrap:wrap}.viewer-bar .actions{margin:0}.viewer-main iframe{height:calc(100vh - 145px);min-height:360px}.viewer-bar>span{letter-spacing:0;font-size:12px}#stepup-error,#admin-error,#viewer-message{color:#ffb6a5;font-size:13px}#admin-list .actions{align-items:center}#admin-list span{min-width:180px}@media(max-width:600px){.viewer-bar .actions{width:100%}.viewer-bar button{padding:8px;font-size:12px}}