:root{--orange:#ff7417;--dark:#090402;--brown:#351006;--cream:#f6f4f1;--ink:#29140c;--red:#e63d31}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;background:#e6e2de;color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth{min-height:100dvh;display:grid;place-content:center;padding:24px;background:radial-gradient(circle at 12% 80%,#8b2904,#260a02 46%,#050201 80%);color:white}.auth>img{width:min(380px,88vw);margin:0 auto 20px}.auth section{width:min(420px,92vw);background:#120805eb;padding:28px;border:1px solid #ff741744;border-radius:22px}.auth h1{margin:5px 0}.auth p{color:#d8beb0;line-height:1.5}.eyebrow{color:var(--orange)!important;text-transform:uppercase;letter-spacing:1.2px;font-size:13px;font-weight:bold}label{display:block;margin:14px 0 7px;font-size:14px;font-weight:bold}input,textarea,select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d8d0cb;border-radius:11px;background:white}textarea{min-height:90px}.auth button,.primary{width:100%;border:0;border-radius:12px;background:var(--orange);color:white;padding:14px;margin-top:15px;font-weight:bold}.error{background:#5a1712;padding:11px;border-radius:9px}.app{max-width:560px;min-height:100dvh;margin:auto;background:var(--cream);position:relative;padding-bottom:70px;overflow:hidden}.app header{height:78px;display:flex;align-items:center;gap:14px;padding:12px 16px;background:radial-gradient(circle at 8% 100%,#7b2504,#351006 38%,#090402 78%);color:white}.app header img{width:140px}.app header div{margin-left:auto;display:flex;flex-direction:column;max-width:150px;overflow:hidden}.app header small{color:#d5afa0}.app header strong{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app header form button{background:#ffffff1c;color:white;border:0;padding:8px;border-radius:8px;font-size:12px}.summary{height:78px;background:white;display:flex;align-items:center;gap:25px;padding:12px 16px}.summary div{display:flex;flex-direction:column}.summary strong{font-size:23px}.summary span{font-size:12px;color:#7b6c65}.summary button{margin-left:auto;border:0;color:white;background:linear-gradient(135deg,#351006,#ff7417);padding:9px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:6px}.fin{font-size:22px}.map{height:calc(100dvh - 226px);min-height:430px;position:relative}.map iframe{width:100%;height:100%;border:0}.label,.legend{position:absolute;background:#fffffff0;padding:8px 11px;border-radius:10px;box-shadow:0 3px 14px #32180d30}.label{top:17px;left:15px;display:flex;flex-direction:column}.label small{color:#786861;text-transform:uppercase;font-size:11px}.legend{bottom:12px;right:12px;font-size:12px;color:#786861}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red)}.legend .blue{background:#2386d4;margin-left:6px}.marker,.you{position:absolute;transform:translate(-50%,-50%);z-index:3;border-radius:50%}.marker{width:20px;height:20px;background:var(--red);border:3px solid white;box-shadow:0 2px 8px #631a17}.you{width:21px;height:21px;background:#2386d4;border:4px solid white;box-shadow:0 0 0 8px #2386d430}.status{position:absolute;top:166px;left:14px;right:14px;z-index:8;background:#160803;color:white;border-left:4px solid var(--orange);padding:12px;border-radius:10px}nav{position:absolute;bottom:0;left:0;right:0;height:70px;background:white;display:flex;gap:10px;align-items:center;justify-content:center;border-top:1px solid #ded6d1}nav button{border:0;background:var(--dark);color:white;border-radius:12px;padding:12px 20px;font-size:13px}nav b{color:var(--orange);font-size:20px;margin-right:5px}dialog{width:min(520px,calc(100% - 24px));border:0;border-radius:22px;padding:25px;box-shadow:0 18px 60px #18070170}dialog::backdrop{background:#120704a8}dialog .close{position:absolute;right:12px;top:10px;border:0;background:#eee8e4;width:34px;height:34px;border-radius:50%;font-size:22px}dialog h2{margin:5px 0 10px}.gps{width:100%;border:1px solid #ffd0b0;background:#fff1e8;color:#a84200;padding:13px;border-radius:11px;font-weight:bold}@media(min-width:700px){body{padding:24px}.app{min-height:calc(100dvh - 48px);border-radius:22px}.map{height:calc(100dvh - 274px)}}
