*{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}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))}}