:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#193243;background:#f4f6f7;font-synthesis:none;--muted:#74828c;--green:#18765c;--border:#e0e7e9;--navy:#112c3e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:white;color:inherit;padding:11px 17px;border-radius:7px;transition:background .15s}button:hover{background:#edf3f2}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #54ab93;outline-offset:3px}input{border:1px solid #ccd7db;border-radius:6px;padding:12px;background:#fff;color:#193243;width:100%}input:focus{outline:2px solid #428a79;outline-offset:1px}label{display:block;font-size:13px;font-weight:600}label input{display:block;margin:8px 0 20px}h1,h2,h3,p{margin-top:0}h1{font-weight:550;letter-spacing:-1.4px;font-size:36px;margin-bottom:0}h2{font-size:19px;font-weight:600;margin-bottom:9px}h3{font-size:15px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin-bottom:15px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.wordmark{font-weight:800;font-size:27px;letter-spacing:3px;color:inherit;text-decoration:none;display:inline-block}.dot{font-size:12px;color:#61c6a4;letter-spacing:0;vertical-align:top;margin:4px}.primary{background:var(--navy);border-color:var(--navy);color:white}.primary:hover{background:#244b62}.text-button{background:none;border:0;padding:9px 0;color:#347863;text-align:left;font-size:13px}.tag{font-size:9px;letter-spacing:1.2px;color:#71838f;border:1px solid var(--border);padding:5px 7px;border-radius:4px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.intro{background:#112c3e;color:white;padding:55px 9%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.intro h1{font-size:clamp(42px,4.5vw,72px);line-height:1.12;margin:18px 0 25px;letter-spacing:-3px}.intro .eyebrow{color:#84b6ba}.intro-copy{color:#a3bdca;font-size:15px;line-height:1.9}.intro small{font-size:9px;letter-spacing:2px;color:#7896a9}.line-art{height:155px;display:flex;gap:12px;margin:35px 0}.line-art div{border:1px solid #3a5b6b;width:60px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#2c4a5a 30px,#2c4a5a 31px)}.line-art div:after{content:'';position:absolute;width:36px;height:30px;background:#61c6a4;left:11px;bottom:20px}.line-art div:nth-child(2):after{bottom:83px;background:#4c8d91}.line-art div:nth-child(3):after{bottom:51px;background:#366776}.line-art div:nth-child(4):after{bottom:114px;background:#b2cfbf}.signin{display:grid;place-items:center;padding:40px}.signin-inner{width:100%;max-width:340px}.signin h2{font-size:31px;letter-spacing:-1px}.signin form{margin-top:35px}.signin .primary{width:100%;text-align:left;display:flex;justify-content:space-between;padding:14px 18px}.signin .text-button{margin:22px 0 36px;display:block}.signin small{display:block;font-size:11px}.error{color:#a53535;font-size:13px;min-height:17px}[hidden]{display:none!important}aside{width:225px;background:#112c3e;color:#dbe7eb;position:fixed;inset:0 auto 0 0;padding:33px 22px}.nav{width:100%;background:none;border:0;color:#a9bfcd;text-align:left;font-size:13px;margin-top:10px}.nav.active{background:#234355;color:white}.nav span{float:right;font-size:11px}.wordmark+.eyebrow{margin-top:55px;color:#7595a6}.aside-bottom{position:absolute;bottom:28px;left:23px;right:15px;font-size:10px;color:#89a9b8}.aside-bottom p{margin-top:25px;font-size:12px;color:white}.aside-bottom button{color:#9bb6c7}.connection-dot{display:inline-block;width:6px;height:6px;background:#6cceac;border-radius:50%;margin-right:5px}main{margin-left:225px;padding:38px 42px 20px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}header .eyebrow{font-size:9px}.header-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:15px}#demo-badge{background:#fff0cb;color:#8a6520;padding:7px;border-radius:4px;font-size:9px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:36px}.stat{background:#fff;border:1px solid var(--border);padding:20px;border-radius:8px}.stat p{font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:15px}.stat strong{font-size:30px;font-weight:550}.stat span{color:var(--muted);font-size:11px;margin-left:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0}.section-heading p{margin-bottom:0}.search-label{width:260px}.search-label input{margin:0;font-size:12px;background:transparent}.client-section{margin-bottom:25px}.client-title{font-size:11px;letter-spacing:1.2px;color:#71808b;text-transform:uppercase;padding:9px 0}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.device-card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:22px;cursor:pointer;text-align:left}.device-card:hover{border-color:#72a695;background:#fdfefe}.device-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.gateway-icon{font-size:25px;color:#365d72}.pill{font-size:10px;padding:5px 8px;background:#e7f4ed;color:#217454;border-radius:20px}.pill.offline{background:#f0f1f2;color:#7e8990}.device-card h3{font-size:16px;margin-bottom:6px}.device-id{font-family:monospace;color:#a3adb3;font-size:10px}.device-health{display:flex;border-top:1px solid #eef1f2;margin-top:23px;padding-top:15px;gap:18px;font-size:10px;color:#84919a}.health-item b{display:block;margin-bottom:6px;font-size:11px;color:#346951}.health-item b.unknown{color:#88949c}.health-item b.bad{color:#b5554f}.card-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:11px;color:#6e858e}.card-bottom span:last-child{color:#2a765d}.gateway-health{display:flex;gap:30px;padding:20px;background:white;border:1px solid var(--border);border-radius:8px;margin-top:15px;font-size:12px}.gateway-health .health-item b{display:inline;margin-right:8px}.lifts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lift{border:1px solid var(--border);background:white;border-radius:8px;overflow:hidden}.lift-top{display:flex;justify-content:space-between;padding:16px;font-size:11px;font-weight:600}.shaft{height:210px;background:#edf1f2;position:relative;margin:0 16px;border-radius:4px;background-image:repeating-linear-gradient(to top,transparent 0,transparent 34px,#dce4e6 34px,#dce4e6 35px)}.cab{position:absolute;left:27%;right:15%;height:55px;bottom:12px;border:3px solid #648b92;background:linear-gradient(to right,#c2d5d8 49%,#648b92 49%,#648b92 51%,#c2d5d8 51%);border-radius:3px;transition:bottom 1s}.shaft-floor{position:absolute;left:8px;bottom:17px;font-size:10px;color:#81989d}.floor-display{display:flex;justify-content:space-between;padding:18px 16px 9px;align-items:center}.floor-display strong{font-size:27px;font-weight:500}.direction{font-size:25px;color:#307b67}.lift-state{padding:0 16px;font-size:11px;color:#6f828b;min-height:28px}.signals{border-top:1px solid #edf1f2;padding:13px 16px;font-size:10px;display:flex;gap:10px;color:#87989d}.signals .lit{color:#a7493c;font-weight:700}.lower-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;margin-top:25px}.panel{background:white;border:1px solid var(--border);padding:21px;border-radius:8px}.panel .section-heading{margin-top:0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px auto;width:210px}.keypad button:first-child{grid-column:2}.keypad button:nth-child(2){grid-row:2;grid-column:1}.keypad button:nth-child(3){grid-row:2;grid-column:3;background:#e4efe9}.keypad button:nth-child(4){grid-row:3;grid-column:2}.call-controls{display:flex;gap:7px;flex-wrap:wrap}.call-controls label{width:100%}.call-controls input{margin:7px 0;width:90px}.call-controls button{font-size:10px;padding:9px}.control-unlock{font-size:11px;margin-top:22px;font-weight:400;display:flex;gap:8px;align-items:center}.control-unlock input{display:inline;width:auto;margin:0}#command-note{font-size:11px;margin-top:12px}#command-history{font-size:10px;color:#7a8b96;line-height:2}.table-wrap{max-height:420px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{color:#85939d;font-size:9px;letter-spacing:1px;padding:12px 8px;border-bottom:1px solid var(--border);position:sticky;top:0;background:white}td{border-bottom:1px solid #f0f3f4;padding:11px 8px;white-space:nowrap}td:last-child{font-family:monospace;color:#296c5a;white-space:pre-wrap;overflow-wrap:anywhere}.empty{padding:40px;color:#84939d;text-align:center;font-size:13px;border:1px dashed #cdd7db;border-radius:8px}footer{display:flex;justify-content:space-between;padding:32px 0 8px;margin-top:20px;color:#96a2aa;font-size:9px;letter-spacing:1px}.notice{background:#fff1d5;padding:12px 16px;font-size:12px;border-radius:6px;color:#8d6419}.admin-panel{border-top:1px solid var(--border);padding-top:24px;margin-top:30px}.admin-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-forms form{background:white;border:1px solid var(--border);border-radius:8px;padding:24px}.admin-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}dialog{border:1px solid var(--border);border-radius:12px;padding:30px;max-width:440px}dialog::backdrop{background:#10263699}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){main{padding-left:65px;padding-right:65px}.shaft{height:260px}}
@media(max-width:700px){aside .aside-bottom{display:block!important;position:static;font-size:0}aside .aside-bottom p,aside .aside-bottom .connection-dot{display:none}aside .aside-bottom button{font-size:11px}}
@media(max-width:1100px){aside{width:180px;padding:28px 16px}main{margin-left:180px;padding:28px 24px}.lower-grid{grid-template-columns:1fr}.lifts{grid-template-columns:repeat(2,1fr)}.stats{gap:9px}.stat{padding:14px}.stat span{display:block;margin:8px 0 0}.header-meta{flex-direction:column;align-items:flex-end}.gateway-health{flex-wrap:wrap;gap:15px}}
@media(max-width:700px){.login-shell{display:block}.intro{min-height:260px;padding:26px}.intro h1{font-size:40px;margin:25px 0 10px}.intro .eyebrow,.intro-copy,.line-art,.intro small{display:none}.signin{padding:35px 25px}.signin-inner{max-width:450px}aside{position:static;width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:22px}aside .eyebrow,aside .nav,aside .aside-bottom{display:none}main{margin:0;padding:23px 17px}h1{font-size:27px}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:20px}.section-heading{align-items:flex-start;flex-direction:column}.search-label{width:100%}.lifts{gap:9px}.lift-top{padding:12px}.shaft{margin:0 10px;height:170px}.signals{flex-wrap:wrap}.gateway-health{gap:12px}.lower-grid{margin-top:15px}.admin-forms{grid-template-columns:1fr}footer{font-size:8px;gap:12px}.header-meta{font-size:9px}.device-grid{grid-template-columns:1fr}}