:root{--ink:#0b0b12;--muted:#686879;--line:#e8e8ef;--surface:#fff;--soft:#f7f7fb;--primary:#3155f5;--primary-soft:#edf1ff;--violet:#7c3aed;--danger:#d64259;--success:#269b63;--warn:#d69b26;--r:16px;--font:"DM Sans","Segoe UI",sans-serif;--display:"Inter Tight","DM Sans",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center;font:800 19px var(--display)}.brand div{display:flex;gap:7px;align-items:baseline}.brand strong{font:800 22px var(--display)}.brand small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.top-actions{display:flex;align-items:center;gap:8px}.mode-badge{font-size:12px;padding:7px 10px;border-radius:999px;background:#f2f5ff;color:#2947cb;border:1px solid #dfe6ff}.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:700;min-height:42px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#2949dc}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.wide{width:100%}.metrics{height:74px;padding:10px 20px;display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;border-bottom:1px solid var(--line);background:#fff}.metrics div{padding:5px 12px;border-left:1px solid var(--line)}.metrics div:first-child{border-left:0}.metrics small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metrics strong{font:800 24px var(--display)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 144px);flex:1}.map-pane{position:relative;min-width:0;background:#eceff6}.map-toolbar{position:absolute;z-index:500;top:14px;left:14px;right:14px;display:flex;gap:8px;pointer-events:none}.map-toolbar>*{pointer-events:auto}.searchbox{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 11px;min-width:280px;box-shadow:0 6px 24px rgba(17,17,26,.08)}.searchbox input{border:0;outline:0;width:100%;height:42px;background:transparent;font-size:14px}.map-toolbar select,.icon-btn{height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 10px;box-shadow:0 6px 24px rgba(17,17,26,.08)}.icon-btn{width:44px;font-size:20px}.map-legend{position:absolute;z-index:500;left:14px;bottom:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 11px;display:flex;gap:12px;flex-wrap:wrap;font-size:11px;box-shadow:0 6px 24px rgba(17,17,26,.08)}.map-legend span{display:flex;align-items:center;gap:5px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-pending{background:#616579}.dot-route{background:#3155f5}.dot-follow{background:#d69b26}.dot-hot{background:#7c3aed}.dot-client{background:#269b63}#map{height:100%;min-height:620px}.route-panel{border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-width:0}.panel-tabs{height:54px;border-bottom:1px solid var(--line);display:flex;padding:0 16px;gap:18px}.tab{border:0;background:transparent;color:var(--muted);font-weight:700;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary)}.panel-content{display:flex;flex-direction:column;min-height:0;flex:1}.hidden{display:none!important}.route-head{padding:18px 18px 12px;display:flex;gap:12px;justify-content:space-between}.route-head small{color:var(--primary);font-weight:800;font-size:10px;letter-spacing:.1em}.route-head h1{font:800 22px var(--display);margin:4px 0}.route-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.mini-btn{height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font-size:12px}.progress{height:3px;background:#f1f1f6}.progress span{display:block;height:100%;width:0;background:var(--primary);transition:width .2s}.route-list,.queue-list{padding:8px 12px 18px;overflow:auto;flex:1}.route-stop{border:1px solid var(--line);border-radius:14px;margin:8px 0;padding:12px;background:#fff;transition:.15s}.route-stop.active{border-color:#aebdff;background:#f7f8ff}.route-stop.done{opacity:.62}.stop-top{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:start}.stop-num{width:26px;height:26px;border-radius:9px;background:#eff2ff;color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:12px}.stop-info{min-width:0}.stop-info b{font-size:14px}.stop-info p{margin:3px 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-tags{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.tag{padding:4px 6px;border-radius:7px;background:#f4f4f8;color:#555568;font-size:10px;font-weight:700}.tag.priority-a{background:#edf1ff;color:#2947cb}.stop-actions{display:flex;gap:6px;margin-top:10px}.stop-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:9px;min-height:35px;font-size:11px;font-weight:700}.stop-actions .visit{background:var(--primary);border-color:var(--primary);color:#fff}.check-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:30px;height:30px;font-weight:800}.route-footer{padding:12px 16px 16px;border-top:1px solid var(--line)}.empty-state{text-align:center;padding:42px 18px;color:var(--muted)}.empty-state b{color:var(--ink)}.queue-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 8px;border-bottom:1px solid var(--line)}.queue-item b{font-size:13px}.queue-item p{margin:2px 0 0;color:var(--muted);font-size:11px}.queue-item button{border:0;background:#eff2ff;color:var(--primary);border-radius:8px;padding:6px 8px;font-weight:700;font-size:11px}.modal{border:0;border-radius:18px;padding:0;width:min(520px,calc(100% - 28px));box-shadow:0 25px 90px rgba(0,0,0,.22)}.modal-wide{width:min(680px,calc(100% - 28px))}.modal::backdrop{background:rgba(9,11,22,.42);backdrop-filter:blur(2px)}.modal form{padding:20px}.modal-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.modal-head small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--primary)}.modal-head h2{font:800 24px var(--display);margin:3px 0}.modal-head p{margin:0;color:var(--muted);font-size:12px}.x-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:22px}.modal label{display:block;font-size:12px;font-weight:700;margin:11px 0;color:#454555}.modal input,.modal select,.modal textarea{width:100%;margin-top:6px;border:1px solid #dcdce7;border-radius:10px;padding:10px 11px;outline:0;background:#fff;color:var(--ink)}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#91a4ff;box-shadow:0 0 0 3px #edf1ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.hint{color:var(--muted);font-size:11px;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;z-index:2000;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;background:#15151f;color:#fff;border-radius:12px;padding:10px 14px;font-size:13px;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.leaflet-popup-content-wrapper{border-radius:14px}.popup h3{font:800 16px var(--display);margin:0 0 3px}.popup p{margin:3px 0;color:#606071}.popup .pp-actions{display:flex;gap:6px;margin-top:8px}.popup button,.popup a{border:0;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700;text-decoration:none}.popup button{background:var(--primary);color:#fff}.popup a{background:#f0f1f6;color:var(--ink)}@media(max-width:900px){.metrics{grid-template-columns:repeat(5,minmax(90px,1fr));overflow-x:auto}.workspace{grid-template-columns:1fr;display:flex;flex-direction:column}.map-pane{height:58vh;min-height:440px}.route-panel{border-left:0;border-top:1px solid var(--line);min-height:360px}.topbar{padding:0 12px}.mode-badge{display:none}.top-actions .btn-ghost{display:none}.map-toolbar{flex-wrap:wrap}.searchbox{min-width:0;flex:1 1 220px}.map-toolbar select{max-width:145px}.map-legend{display:none}#map{min-height:440px}.route-list,.queue-list{overflow:visible}.route-panel{max-height:none}.form-grid{grid-template-columns:1fr}.metrics{padding-left:8px;padding-right:8px}.metrics div{min-width:92px}.brand div{gap:4px}.brand strong{font-size:20px}}@media(max-width:520px){.top-actions .btn{padding:9px 10px;font-size:12px}.metrics strong{font-size:20px}.map-pane{height:54vh}.map-toolbar{top:8px;left:8px;right:8px}.searchbox{flex-basis:100%}.map-toolbar select{flex:1;max-width:none}.route-head h1{font-size:20px}}

.auth-gate{position:fixed;inset:0;z-index:5000;background:rgba(247,247,251,.98);display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 22px 70px rgba(17,17,26,.14)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-card h1{font:800 28px var(--display);margin:0 0 8px}.auth-card p{color:var(--muted);font-size:13px;line-height:1.5}.auth-card label{display:block;font-size:12px;font-weight:700;margin:12px 0}.auth-card input{width:100%;margin-top:6px;border:1px solid #dcdce7;border-radius:11px;padding:11px}.auth-card .btn{width:100%;margin-top:8px}.auth-card .setup-note{background:#f5f6fb;border-radius:12px;padding:12px;margin-top:14px;font-size:12px;color:#4c4c60}.auth-error{color:var(--danger)!important;min-height:18px}.hidden-gate{display:none}.top-user{font-size:12px;color:var(--muted)}