.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-box{width:min(100%,370px);padding:30px;background:#19232b;border:1px solid #44535f}.login-box>img{filter:brightness(0) invert(1);margin-bottom:24px}.login-box h1{font-size:27px;font-weight:500;margin:0 0 10px}.login-box p{font-size:15px;line-height:1.5;color:#aebfcb;margin:0 0 24px}.login-box label{font-size:11px;letter-spacing:.8px}.login-box input{height:42px;margin:8px 0 12px}.login-box button{width:100%;padding:11px;background:#b2c7d8;color:#15212b;border:0;font-weight:600}.login-box small{display:block;color:#91a8b9;font-size:11px;margin-top:20px}.login-box .login-error{color:#e8b4a5;margin:14px 0 0;font-size:13px}.cloud-heading{font-size:12px;letter-spacing:1.2px}.sync-state{margin-left:auto;color:#b3c8b9;font-size:12px}.sync-state[data-stale=true]{color:#dbc18c}.topbar form{margin:0}.cloud-logout{background:transparent;border:1px solid #536572;font-size:11px;padding:5px 10px}.cloud-main{padding:18px;max-width:1800px}.cloud-board .lot-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.cloud-board .lot-card{padding:17px}.cloud-board .lot-card-heading{min-height:35px}.cloud-board .lot-card h3{font-size:15px}.cloud-board .lot-number strong{font-size:56px}.cloud-board .lot-number>span{font-size:19px}.cloud-board .lot-availability{font-size:14px}.cloud-board .lot-availability strong{font-size:26px}.cloud-board .lot-percent{font-size:21px}.cloud-board .lot-status{font-size:11px}.sync-warning{padding:10px 13px;background:#302a1e;border:1px solid #7d6b48;color:#e3cd9d;margin-bottom:14px;font-size:13px;line-height:1.5}.cloud-board details p{line-height:1.6;font-size:12px;color:#b6c6d1}.cloud-main .command-overview{margin-bottom:20px}.cloud-main .command-totals strong{font-size:66px}.cloud-main .command-totals p{font-size:13px}.cloud-main .occupancy-ring{width:76px;height:76px}@media(max-width:1050px){.cloud-board .lot-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-board .lot-card{padding:13px}.cloud-board .lot-number strong{font-size:44px}}@media(max-width:600px){.cloud-main{padding:10px}.cloud-heading{display:none}.sync-state{font-size:10px}.cloud-main .command-totals strong{font-size:35px}.cloud-main .command-totals p{font-size:10px}.cloud-main .occupancy-ring{width:35px;height:35px}.cloud-board .lot-card h3{font-size:12px}.cloud-board .lot-number strong{font-size:36px}.cloud-board .lot-number>span{font-size:12px}.cloud-board .lot-availability{font-size:11px}.cloud-board .lot-availability strong{font-size:20px}.cloud-board .lot-percent{font-size:15px}.cloud-board .lot-status{font-size:10px}}
