*{box-sizing:border-box}body{margin:0;background:#03111b;color:#fff;font-family:Arial,sans-serif}button,a,select,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#10334a,#020b12 60%)}form{width:min(420px,100%);background:#fff;color:#10202d;padding:34px;border-radius:24px;display:grid;gap:15px;box-shadow:0 20px 60px #0009}.logo{font:700 28px Georgia;color:#ffc233}.logo:first-letter{font-size:50px}h1{font-size:25px}input,select{width:100%;padding:15px;border:1px solid #ccd3d8;border-radius:12px}form button{padding:15px;border:0;border-radius:12px;background:#e8aa16;font-weight:800}#error{color:#d52027;margin:0}main{max-width:850px;margin:auto;min-height:100vh;background:radial-gradient(circle at top,#0c2b41,#020b12);padding-bottom:30px}header{height:95px;border-bottom:2px solid #f4b522;padding:0 24px;display:flex;align-items:center;justify-content:space-between}header span{display:flex;gap:8px;align-items:center}header i{width:13px;height:13px;border-radius:50%;background:#13c765}section{padding:20px 14px}.map{height:400px;background:#eee;border-radius:22px 22px 0 0;overflow:hidden;position:relative;margin-top:14px}.map iframe{border:0;width:100%;height:100%}#bubble{position:absolute;top:22px;left:50%;transform:translateX(-50%);background:white;color:#14212b;padding:13px 18px;border-radius:13px;box-shadow:0 5px 16px #0005;white-space:nowrap}.stats{height:80px;background:#fff;color:#14212b;border-radius:0 0 22px 22px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.stats span{text-align:center;border-right:1px solid #ddd}.stats span:last-child{border:0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.actions>*{height:145px;border:0;border-radius:20px;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:37px;box-shadow:0 8px 18px #0006}.actions b{font-size:19px;text-align:center}.red{background:linear-gradient(135deg,#f2342f,#c9141a)}.green{background:linear-gradient(135deg,#1bb859,#078c3c)}.blue{background:linear-gradient(135deg,#2574df,#0744a0)}.address{background:white;color:#14212b;border-radius:20px;padding:20px;display:flex;gap:15px;align-items:center}.address>span{font-size:42px}.address h2{margin:0 0 6px}.address p{margin:0}.logout{margin:0 14px;padding:12px 20px;border:1px solid #778894;border-radius:10px;color:#fff;background:transparent}.modal{position:fixed;inset:0;background:#000c;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal>div{max-width:400px;background:#fff;color:#13232e;border-radius:22px;padding:26px;text-align:center}.modal button{padding:13px 18px;border:0;border-radius:10px;margin:8px}.modal #confirm{color:#fff;background:#d52027}#toast{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#fff;color:#087b39;border-radius:12px;font-weight:bold}@media(max-width:550px){header{height:76px;padding:0 14px}.logo{font-size:21px}.logo:first-letter{font-size:38px}.map{height:330px}.stats{font-size:13px}.actions>*{height:125px}.actions b{font-size:16px}.address h2{font-size:20px}}
.pwa-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pwa-actions button{padding:13px 8px;border:0;border-radius:12px;background:#e9aa12;color:#071722;font-weight:800}.pwa-actions #pushEnableBtn{background:#12a94e;color:#fff}.pwa-actions button.active{background:#087b39;color:#fff}@media(max-width:550px){.pwa-actions{grid-template-columns:1fr}.pwa-actions button{font-size:14px}}