*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#12263a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f7}h1,h2,h3,h4{margin-top:0}:root{--bg-1:#f7f3e9;--bg-2:#dfe8f3;--ink-1:#12263a;--ink-2:#314b64;--card-bg:#ffffffbd;--card-border:#0f375629;--accent-1:#db5f32;--accent-2:#0b8f8a;--ok:#0f766e;--error:#b91c1c}.shell{min-height:100vh;color:var(--ink-1);background:radial-gradient(900px 500px at 12% 5%, #db5f3238, transparent 65%), radial-gradient(900px 520px at 88% 10%, #0b8f8a33, transparent 62%), linear-gradient(155deg, var(--bg-1) 0%, var(--bg-2) 55%, #edf2f9 100%);padding:16px;font-family:Space Grotesk,Trebuchet MS,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.shell:before,.shell:after{content:"";z-index:0;pointer-events:none;filter:blur(2px);border-radius:42% 58% 37% 63%/41% 38% 62% 59%;width:42vmax;height:42vmax;animation:18s ease-in-out infinite floatShape;position:fixed}.shell:before{background:#db5f3217;top:-14vmax;left:-14vmax}.shell:after{background:#0b8f8a1a;animation-delay:2s;bottom:-16vmax;right:-12vmax}.card{z-index:1;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:20px;margin-bottom:14px;padding:16px;animation:.45s ease-out riseIn;position:relative;box-shadow:0 18px 45px #0f172a1c,inset 0 1px #ffffff73}.login{max-width:430px;margin:54px auto}.login h1{letter-spacing:.3px;margin:0 0 12px}.login form,.grid2{gap:10px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand-block h2{letter-spacing:.2px;margin:0;font-size:clamp(1.45rem,2.9vw,2.05rem);line-height:1.04}.brand-meta{color:var(--ink-2);font-weight:600}.top-actions{flex-wrap:wrap;gap:6px;display:flex}.tab-btn{color:var(--ink-1);background:#ffffffa8;border:1px solid #13375329}.tab-btn.is-active{background:linear-gradient(130deg, var(--accent-2), #1179a2);color:#fff;border-color:#1179a247}.logout-btn{background:linear-gradient(140deg,#334155,#0f172a)}.grid{z-index:1;grid-template-columns:1fr;gap:14px;display:grid;position:relative}.mobile-first{grid-template-columns:1fr}.elevator-card{border:1px solid #1a44662e}.card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-head h3{margin:0}.live-dot{letter-spacing:.8px;color:#fff;background:linear-gradient(125deg,#d94725,#ef8f2b);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;box-shadow:0 0 0 6px #d947251a}.elevator-screen{color:#ebfbff;background:linear-gradient(155deg,#07121e,#0e2538 52%,#163851);border:1px solid #7da7c559;border-radius:14px;flex-direction:column;gap:5px;margin-bottom:12px;padding:13px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.screen-main{letter-spacing:.2px;font-size:clamp(1.02rem,2.5vw,1.24rem);font-weight:700}.elevator-screen small{color:#9edff3}.floor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:13px 0;display:grid}.floor-btn{color:#f8fafc;background:linear-gradient(145deg,#193146,#0e1f30);border:1px solid #99c6e44d;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:76px;font-size:18px;font-weight:800;transition:transform .14s,box-shadow .17s,border-color .17s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,0 9px 20px #0e1f3042}.floor-glow{content:"";background:linear-gradient(#ffffff4d,#0000);border-radius:999px;width:80%;height:46%;position:absolute;top:-22%;left:10%}.floor-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 13px 24px #0e1f304d}.floor-btn:active{transform:translateY(0)}.floor-btn.active{background:linear-gradient(145deg,#db5f32,#0b8f8a);border-color:#0b8f8a8c}.floor-btn:disabled{opacity:.48}.floor-number{font-size:23px;line-height:1}.floor-turns{opacity:.82;font-size:11px;font-weight:600}.row{grid-template-columns:70px 1fr auto;align-items:center;gap:8px;margin:6px 0;display:grid}.floor-row{grid-template-columns:24px 74px 1fr auto}input,button,select{border:1px solid #14355133;border-radius:12px;padding:9px 11px;font-family:inherit;font-size:14px}input,select{color:var(--ink-1);background:#ffffffeb}button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#0b8f8a,#1179a2);border:none;font-weight:700;transition:transform .14s,filter .14s}button:hover{filter:brightness(.97);transform:translateY(-1px)}h4+button{margin-bottom:8px}.panel-note{color:#0f3f57;background:linear-gradient(130deg,#0b8f8a12,#1179a214);border:1px dashed #0b8f8a59;border-radius:12px;flex-direction:column;gap:4px;margin-top:11px;padding:11px 13px;display:flex}.panel-note small{color:#0f766e}.temp-card{color:#e8fbff;background:linear-gradient(145deg,#07121ef5,#0f2e46e6),linear-gradient(160deg,#db5f3240,#0b8f8a40);border:1px solid #7cbedb4d;overflow:hidden}.temp-head{justify-content:space-between;align-items:center;display:flex}.temp-head h3{margin:0}.temp-live{letter-spacing:.8px;color:#05242f;background:linear-gradient(125deg,#7de8ff,#4cfbc7);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.device-pill{letter-spacing:.7px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.device-pill.online{color:#033625;background:linear-gradient(125deg,#86efac,#4ade80)}.device-pill.offline{color:#fff1f2;background:linear-gradient(125deg,#ef4444,#b91c1c)}.temp-value-wrap{flex-direction:column;gap:4px;margin-top:10px;display:flex}.temp-value{letter-spacing:.6px;color:#9af7ff;text-shadow:0 0 18px #4de8ff47;font-size:clamp(2.1rem,7vw,3.2rem);font-weight:900;line-height:1}.temp-subtitle{color:#c9f4ff;font-weight:600}.temp-time{color:#8bd0df}table{border-collapse:collapse;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #0d2b431c;padding:9px;font-size:13px}th{color:#284761;font-weight:700}.status-badge{letter-spacing:.3px;text-transform:uppercase;color:#1f3a51;background:#314b6426;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-queued{color:#7c4a03;background:#fbbf243b}.status-sent,.status-accepted{color:#0c4a6e;background:#0ea5e933}.status-done{color:#065f46;background:#10b98133}.status-error,.status-invalid{color:#7f1d1d;background:#ef444438}.success,.error{z-index:1;border-radius:11px;max-width:720px;margin:10px 0 0;padding:10px 12px;font-weight:700;position:relative}.success{color:#0a5048;background:#10b98133;border:1px solid #10b98161}.error{color:var(--error);background:#ef444424;border:1px solid #ef444447}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatShape{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(16px)rotate(6deg)}}@media (width>=768px){.shell{padding:22px}.grid{grid-template-columns:1.15fr 1fr}.floor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.door-panel-note{align-items:center;gap:12px}.door-panel-note>span:first-child{color:#31536a;font-size:14px;font-weight:600}.door-pulse-btn{color:#f4fdff;cursor:pointer;text-align:left;background:linear-gradient(145deg,#168b92 0%,#116d7d 100%);border:1px solid #0f766ead;border-radius:12px;align-items:center;width:fit-content;min-width:0;max-width:235px;margin-top:0;padding:8px 13px 8px 9px;font-family:inherit;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px #0c4f62,0 8px 18px #116d7d38,inset 0 1px #ffffff3d}.door-pulse-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 5px #0c4f62,0 11px 22px #116d7d4d,inset 0 1px #ffffff47}.door-pulse-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0c4f62,0 4px 10px #116d7d33,inset 0 2px 5px #042f2e2e}.door-pulse-btn:focus-visible{outline-offset:3px;outline:3px solid #14b8a661}.door-pulse-btn:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.58}.door-pulse-btn.is-sending{animation:.8s ease-in-out infinite alternate doorPulseGlow}.door-icon{background:#0531414d;border:1px solid #e2fcff4d;border-radius:9px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px 2px #ffffff2e,0 2px 5px #032f3a2e}.door-icon svg{width:31px;height:31px;display:block}.door-btn-text{flex-direction:column;gap:2px;min-width:96px;line-height:1.1;display:flex}.door-btn-text strong{color:#fff;letter-spacing:.01em;font-size:14px}.door-btn-text small{color:#e1faffc2;font-size:10px;font-weight:600}.door-pulse-light{background:#a7f3d0;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-left:5px;box-shadow:0 0 0 2px #a7f3d02e,0 0 9px #5eead4e6}.door-pulse-btn.is-sending .door-pulse-light{background:#fef08a;box-shadow:0 0 0 2px #fef08a33,0 0 13px #fef08af2}@keyframes doorPulseGlow{0%{filter:brightness()}to{filter:brightness(1.12)}}@media (width<=600px){.door-panel-note{align-items:flex-start}.door-pulse-btn{max-width:100%}}.commands-card{overflow:hidden}.commands-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.commands-toolbar h3{margin:0}.commands-summary{color:#617585;margin-top:4px;font-size:12px;display:block}.commands-page-size{color:#496274;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.commands-page-size select{color:#173148;min-width:66px;font:inherit;cursor:pointer;background:#f8fcfd;border:1px solid #cbdbe0;border-radius:8px;outline:none;padding:7px 28px 7px 10px}.commands-page-size select:focus{border-color:#15808b;box-shadow:0 0 0 3px #15808b24}.commands-table-wrap{border:1px solid #dce8ec;border-radius:11px;overflow-x:auto}.commands-table-wrap table{border-collapse:collapse;width:100%;min-width:440px}.commands-table-wrap th{color:#375466;letter-spacing:.02em;text-align:left;text-transform:uppercase;background:#edf6f7;padding:11px 14px;font-size:12px}.commands-table-wrap td{color:#263f50;border-top:1px solid #e5eef0;padding:11px 14px;font-size:14px}.commands-table-wrap tbody tr{transition:background .16s}.commands-table-wrap tbody tr:hover{background:#f5fbfc}.commands-empty{text-align:center;color:#76909d!important;padding:25px!important}.commands-pagination{justify-content:center;align-items:center;gap:9px;margin-top:16px;display:flex}.page-number-list{align-items:center;gap:5px;display:inline-flex}.page-nav-btn,.page-number-btn{color:#416171;cursor:pointer;min-width:34px;height:34px;font:inherit;background:#fff;border:1px solid #cbdde2;border-radius:8px;place-items:center;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-grid}.page-nav-btn{padding:0 12px}.page-nav-btn:hover:not(:disabled),.page-number-btn:hover:not(.is-active){color:#0b6974;background:#eefafa;border-color:#12808b}.page-nav-btn:active:not(:disabled),.page-number-btn:active:not(.is-active){transform:translateY(1px)}.page-number-btn.is-active{color:#fff;background:linear-gradient(145deg,#178a92,#116b7b);border-color:#117480;box-shadow:0 3px 7px #116b7b38}.page-nav-btn:disabled{cursor:not-allowed;opacity:.44}.page-dots{color:#6b8490;place-items:center;width:28px;height:34px;font-weight:800;display:inline-grid}@media (width<=620px){.commands-toolbar{flex-direction:column;align-items:flex-start}.commands-page-size{align-self:flex-start}.commands-pagination{flex-wrap:wrap}}