:root{font-family:system-ui,sans-serif;color:#eaf5f0;background:#10251f;--card:#19382e;--accent:#7be0a8}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#10251f,#091511);min-height:100vh}main{width:min(960px,100%);margin:auto;padding:24px 16px 48px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{font-size:clamp(2rem,7vw,4rem);margin:.2rem 0}header small,small{color:#9eb7ad;letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:8px}.pill{border:1px solid #a65454;border-radius:99px;padding:6px 12px;font-size:.8rem}.pill.online{border-color:var(--accent);color:var(--accent)}.logout{background:transparent;color:#b9d2c8;border:1px solid #456b5e;padding:6px 10px}.card{background:rgba(25,56,46,.92);border:1px solid #2c594a;border-radius:20px;padding:18px;box-shadow:0 14px 40px #0002;margin-bottom:16px}.hidden{display:none!important}h2{font-size:1.1rem;margin:0 0 14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero{display:flex;justify-content:space-between;align-items:center}.hero strong{display:block;font-size:1.6rem;margin-top:8px}.battery{font-size:2rem;color:var(--accent)}.stats{display:flex;justify-content:space-around;gap:12px}.stats strong{display:block;margin-top:8px}.map-card{padding:12px}.section-title{display:flex;justify-content:space-between;padding:6px}.section-title h2{margin:0}.section-title small{font-size:.7rem}canvas{width:100%;height:min(65vw,520px);display:block;background:#102a22;border-radius:14px}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}button,input,select{font:inherit;border:0;border-radius:10px;padding:10px;background:#eaf5f0;color:#10251f}button{background:var(--accent);font-weight:700;cursor:pointer}.buttons button{padding:9px 8px;font-size:.88rem}button.danger{background:#e58e8e}form{display:grid;gap:10px;max-width:460px}.error{color:#ffb1a8;min-height:1.2em}#command-message{color:var(--accent);min-height:1.2em}
@media(min-width:801px){body{overflow:hidden}main{height:100vh;max-width:1280px;padding:12px 20px;display:flex;flex-direction:column}header{margin-bottom:10px;flex:0 0 auto}header h1{font-size:2rem}#app{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr);gap:12px}.grid{display:contents}.hero{grid-column:1;grid-row:1;margin:0}.stats{grid-column:2;grid-row:1;margin:0}.map-card{grid-column:1;grid-row:2;min-height:0;margin:0;display:flex;flex-direction:column}.map-card canvas{height:100%;min-height:0}.controls{grid-column:2;grid-row:2;margin:0;align-self:stretch}.controls .buttons{grid-template-columns:1fr 1fr}.controls .buttons button{padding:8px 5px;font-size:.8rem}}
@media(max-width:600px){main{padding:16px 12px 32px}.grid{grid-template-columns:1fr}.stats{font-size:.85rem}.buttons{grid-template-columns:1fr 1fr}.card{border-radius:16px;padding:15px}}
.map-tools{display:flex;align-items:center;gap:6px}.map-tool{padding:3px 7px;background:transparent;color:#9eb7ad;border:1px solid #456b5e;font-size:.8rem}.stats{display:grid;gap:6px}.stat{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px}.stats strong{display:block;margin:0;white-space:nowrap;font-size:.82rem}.map-legend{display:block;font-size:.72rem;letter-spacing:0}.legend-robot{color:#7be0a8;font-size:1.1rem}.legend-dock{color:#eacb70;font-size:1.1rem;margin-left:8px}
.auth-shell{width:min(920px,100%);min-height:min(620px,calc(100vh - 80px));margin:0 auto 24px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#f3f6f1;color:#19382e;border-radius:28px;box-shadow:0 24px 80px #0004}.auth-intro{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:44px;background:linear-gradient(145deg,#19382e,#0d211a);color:#eff8f1;overflow:hidden}.auth-intro:after{content:'';position:absolute;width:360px;height:360px;right:-140px;top:-120px;border:1px solid #7be0a833;border-radius:50%;box-shadow:0 0 0 36px #7be0a00d,0 0 0 72px #7be0a00d,0 0 0 108px #7be0a00d}.brand-mark{position:absolute;top:38px;left:44px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #7be0a899;border-radius:13px;color:#7be0a8;font-weight:800;font-size:1.35rem}.auth-intro small{color:#9eb7ad;margin-left:56px}.auth-intro h1{position:relative;z-index:1;font-size:clamp(2.2rem,5vw,4rem);line-height:.98;letter-spacing:-.06em;margin:12px 0 18px}.auth-intro p{position:relative;z-index:1;max-width:340px;color:#b8cec3;line-height:1.6;margin:0 0 28px}.auth-points{position:relative;z-index:1;color:#d6e9de;font-size:.82rem;line-height:2}.auth-points span{color:#7be0a8;margin-right:5px}.auth-points span+span{margin-left:14px}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:52px clamp(28px,5vw,68px)}.auth-heading small{color:#5c9d7c;font-size:.7rem}.auth-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em;margin:10px 0 8px}.auth-heading p{color:#688276;line-height:1.5;margin:0 0 30px}.auth-panel form{max-width:none;gap:16px}.auth-panel label{display:grid;gap:7px;color:#456458;font-size:.78rem;font-weight:700}.auth-panel input,.auth-panel select{width:100%;background:#e7eee8;border:1px solid #d0dfd3;color:#19382e;padding:13px 14px;border-radius:11px;outline:none}.auth-panel input:focus,.auth-panel select:focus{border-color:#5ca67c;box-shadow:0 0 0 3px #7be0a833}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-submit{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 16px;border-radius:11px;background:#19382e;color:#eff8f1}.auth-submit span{font-size:1.25rem;transition:transform .2s}.auth-submit:hover span{transform:translateX(4px)}.auth-panel .error{margin:8px 0 0;min-height:1.2em}.auth-footnote{color:#8ba095;letter-spacing:0;margin-top:25px;font-size:.72rem}
@media(max-width:700px){main{padding:12px}.auth-shell{display:block;min-height:0;margin:24px auto;border-radius:22px}.auth-intro{min-height:270px;padding:30px 24px 26px}.brand-mark{top:24px;left:24px}.auth-intro small{margin-left:54px}.auth-intro h1{font-size:2.6rem;margin:34px 0 12px}.auth-intro p{font-size:.9rem;margin-bottom:12px}.auth-points{font-size:.72rem;line-height:1.7}.auth-panel{padding:32px 24px 28px}.auth-heading p{margin-bottom:24px}.form-row{grid-template-columns:1fr;gap:16px}body:has(.auth-shell:not(.hidden)){background:#10251f}body:has(.auth-shell:not(.hidden)) #site-header{display:none}}
@media(min-width:701px){body:has(.auth-shell:not(.hidden)) main{padding-top:28px}body:has(.auth-shell:not(.hidden)) #site-header{display:none}}
.auth-shell{display:block;width:min(420px,100%);min-height:0;margin:8vh auto 24px;background:#f3f6f1;border-radius:22px}.auth-simple{padding:42px 42px 38px}.auth-simple .brand-mark{position:static;margin-bottom:28px}.auth-simple h1{font-size:2rem;letter-spacing:-.04em;margin:12px 0 6px}.auth-simple>p{color:#688276;margin:0 0 28px}.auth-simple form{gap:15px}.auth-simple .auth-footnote{display:none}@media(max-width:700px){.auth-shell{width:100%;margin:8vh auto 20px}.auth-simple{padding:32px 24px}.auth-simple .brand-mark{margin-bottom:24px}}