:root{color-scheme:light;--bg: #f7faf8;--text: #12312d;--muted: #687d78;--line: #dce8e4;--panel: #ffffff;--accent: #f47c3c;--green: #0b6b61;--green-dark: #07574f;--shadow: 0 18px 48px rgba(13, 49, 43, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 16% 0,rgba(11,107,97,.08),transparent 26rem),linear-gradient(180deg,#fff 0,var(--bg) 58%);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.loading,.auth-page,.app-shell{min-height:100vh}.auth-page{display:grid;place-items:center;padding:22px}.auth-card,.track-card,.history-panel,.detail-panel,.map-panel,.stats-row{border:1px solid var(--line);border-radius:10px;background:#fffffff5;box-shadow:var(--shadow)}.auth-card{width:min(460px,100%);padding:24px}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{display:grid;height:48px;width:48px;flex:0 0 auto;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--green),#14a38f);color:#fff;font-size:1.35rem;font-weight:900}h1,h2,p{margin-top:0}h1{margin-bottom:5px;font-size:1.5rem;letter-spacing:0}h2{margin-bottom:16px;font-size:1rem}p{color:var(--muted);line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0;border:1px solid var(--line);border-radius:8px;padding:5px}.auth-tabs button,.app-header button,.panel-title button,.delete-button{border:0;border-radius:7px;background:transparent;color:var(--text);font-size:.84rem;font-weight:800;padding:10px 12px}.auth-tabs button.active{background:#e8f6f3;color:var(--green)}.auth-form,.track-card{display:grid;gap:14px}label{display:grid;gap:8px;color:#29443f;font-size:.82rem;font-weight:800}input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);outline:0;padding:0 13px}input:focus{border-color:#0b6b618c;box-shadow:0 0 0 4px #0b6b611a}.auth-form button,.action-row button{min-height:50px;border:0;border-radius:8px;background:var(--green);color:#fff;font-weight:900}.auth-form span,.status{min-height:22px;color:var(--green);font-size:.86rem;font-weight:750}.app-shell{width:min(1280px,calc(100% - 28px));margin:0 auto;padding:22px 0 34px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.app-header p{margin-bottom:0;font-size:.88rem}.app-header button{border:1px solid var(--line);background:#fff}.tracker-grid{display:grid;gap:18px}.control-panel,.map-stack{display:grid;gap:14px;min-width:0}.track-card,.history-panel,.detail-panel{padding:18px}.stop-button{background:var(--accent)!important}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;padding:0}.stats-row span{display:grid;gap:4px;background:#fff;padding:16px;color:var(--muted);font-size:.76rem;font-weight:800}.stats-row strong{color:var(--text);font-size:1.3rem}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title h2{margin:0}.panel-title button{color:var(--green)}.track-list{display:grid;gap:10px;max-height:410px;overflow:auto}.track-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.track-list article.selected{border-color:#0b6b6173;background:#f2fbf8}.track-list article>button:first-child{display:grid;min-width:0;gap:4px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.track-list strong,.track-list span,.track-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-list span,.track-list small{color:var(--muted);font-size:.78rem}.delete-button{color:#a43f1e}.map-panel{position:relative;min-height:420px;overflow:hidden;padding:0}#route-map{height:100%;min-height:420px;width:100%}.map-empty{position:absolute;left:18px;bottom:18px;display:grid;gap:4px;border:1px solid var(--line);border-radius:8px;background:#fffffff0;padding:12px 14px;box-shadow:var(--shadow)}.map-empty span{color:var(--muted);font-size:.8rem}.detail-panel dl{display:grid;gap:12px;margin:0}.detail-panel div{display:grid;gap:4px;border-bottom:1px solid var(--line);padding-bottom:12px}.detail-panel div:last-child{border-bottom:0;padding-bottom:0}.detail-panel dt{color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase}.detail-panel dd{margin:0;overflow-wrap:anywhere;font-weight:750}.leaflet-container{font:inherit}@media(min-width:900px){.tracker-grid{grid-template-columns:390px minmax(0,1fr);align-items:start}.map-stack{position:sticky;top:18px}.map-panel,#route-map{min-height:590px}}@media(max-width:560px){.app-shell{width:100%;padding:16px}.app-header{align-items:flex-start}.brand-mark{height:42px;width:42px}h1{font-size:1.22rem}.auth-card,.track-card,.history-panel,.detail-panel{padding:16px}.map-panel,#route-map{min-height:360px}}