:root{--bg:#0c110e;--side:#101711;--panel:#171e19;--panel2:#1d2620;--stroke:#2b372e;--muted:#89998a;--fg:#eff6ef;--lime:#b9f576;--lime-dim:#273f1e;--red:#fb8e7e;--radius:19px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fg);background:var(--bg);font-size:15px}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.hidden{display:none!important}::selection{color:#121912;background:var(--lime)}.muted{color:var(--muted);line-height:1.65}.logged-in{display:flex}.sidebar{width:254px;flex-shrink:0;background:var(--side);border-right:1px solid #222f25;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:34px 20px 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.7px;font-size:20px;line-height:1.2}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;color:#111910;background:var(--lime);font-size:25px;letter-spacing:-2px}.brand-dot{color:#527e33}.brand-em{color:var(--lime)}.brand small{display:block;color:#647967;letter-spacing:2.3px;font-size:8px;margin-top:5px;font-weight:800}.side-label{font-size:10px;letter-spacing:2px;color:#5c6d60;font-weight:800;margin:65px 0 17px 14px}.nav-main{display:flex;flex-direction:column;gap:7px}.nav-link{padding:13px 15px;border-radius:11px;color:#9ba99e;font-weight:650;display:flex;align-items:center;gap:16px;transition:background .15s,color .15s}.nav-link>span{font-size:23px;line-height:20px;font-weight:300;width:22px;text-align:center}.nav-link:hover{background:#1b271e;color:#eef6ef}.nav-link.selected{background:#273d27;color:var(--lime)}.sidebar-bottom{margin-top:auto}.user-profile{display:flex;align-items:center;gap:12px;padding:15px 10px;border-top:1px solid #29352c}.avatar{border-radius:50%;height:39px;width:39px;display:grid;place-items:center;background:#334c32;color:var(--lime);font-weight:800}.user-profile strong,.user-profile small{display:block}.user-profile strong{font-size:13px}.user-profile small{font-size:11px;margin-top:3px;color:var(--muted)}.logout{background:transparent;color:#a3b3a7;border:0;padding:12px 10px;font-size:12px}.logout:hover{color:#fff}.app-shell{min-width:0;flex:1}.main-content{max-width:1500px;padding:45px 53px 35px;margin:0 auto}.app-footer{max-width:1500px;margin:10px auto 25px;padding:0 53px;color:#647365;font-size:11px;display:flex;justify-content:space-between;gap:12px}.mobile-bar{display:none}.page-heading{margin-bottom:31px}.dashboard-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow,.small-tag{font-size:10px;letter-spacing:2.1px;font-weight:850;color:var(--lime)}.eyebrow{display:flex;gap:10px;align-items:center}.live-dot{display:inline-block;height:7px;width:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #b9f57615}h1,h2,p{margin-top:0}h1{font-size:clamp(34px,3.4vw,53px);letter-spacing:-2px;line-height:1.08;margin:16px 0 12px;font-weight:830}h2{font-size:22px;letter-spacing:-.6px;margin:10px 0}.page-heading p{font-size:14px;margin:0}.heading-emoji{font-size:.72em;vertical-align:8%}.date-chip{border:1px solid var(--stroke);border-radius:10px;padding:11px 16px;color:#b1c2b1;font-size:12px;white-space:nowrap;background:#141d15}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(235px,.9fr);gap:17px;margin-bottom:18px}.clock-card{padding:25px 28px;min-height:316px;background:radial-gradient(ellipse at 100% 0%,#294225 0%,#18231a 30%,var(--panel) 75%)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-pill{display:flex;gap:8px;align-items:center;background:#273129;color:#a9b5aa;padding:8px 11px;font-size:11px;border-radius:100px;font-weight:650}.status-pill span{background:#839287;width:7px;height:7px;border-radius:50%}.status-pill.active{background:#28452b;color:var(--lime)}.status-pill.active span{background:var(--lime);box-shadow:0 0 0 3px #b9f57615}.status-pill.paused{background:#4a3f27;color:#f6cf87}.status-pill.paused span{background:#f6cf87}.clock-label{color:#9caf9e;letter-spacing:1.3px;font-size:11px;margin-top:32px;font-weight:700}.big-timer{font-size:clamp(48px,5.2vw,74px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-4px;line-height:1.18;margin-top:7px;white-space:nowrap}.big-timer span{color:#758876}.clock-detail{margin:7px 0 22px;color:#a4b4a7;font-size:12px;min-height:18px}.clock-controls{display:flex;gap:10px;flex-wrap:wrap}.btn-primary,.btn-danger,.btn-secondary,.btn-outline-danger{border:none;border-radius:10px;padding:13px 18px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .13s,filter .13s}.btn-primary{background:var(--lime);color:#162015}.btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn-danger{background:#f49084;color:#261510}.btn-danger:hover{filter:brightness(1.07)}.btn-secondary{background:#2f3e31;color:#ddeadd}.btn-secondary:hover{background:#405143}.btn-outline-danger{background:transparent;border:1px solid #8f554e;color:#e8a79f}.big-action{padding:15px 22px;min-width:170px}.clock-footer{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #314131;padding-top:16px;margin-top:19px;color:#91a394;font-size:11px;line-height:1.5}.info-dot{display:grid;place-items:center;width:16px;height:16px;flex-shrink:0;border:1px solid #697e6c;border-radius:50%;font-size:10px;font-weight:900}.stat-stack{display:flex;flex-direction:column;gap:17px}.stat-card{flex:1;min-height:144px;padding:21px 25px;display:flex;flex-direction:column;justify-content:center}.stat-heading{color:#b3c1b4;font-size:10px;letter-spacing:1.3px;font-weight:750;display:flex;justify-content:space-between}.stat-heading span{font-size:18px;color:var(--lime)}.stat-value{font-weight:820;letter-spacing:-2.2px;font-size:43px;line-height:1.3;margin-top:9px}.stat-value small{font-size:19px;letter-spacing:-.4px;font-weight:650;color:#9fac9f}.stat-caption{font-size:11px;color:#778c7a}.map-panel{margin:0 0 17px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px}.panel-header h2{margin:6px 0 0}.route-dot{font-size:10px;color:var(--lime);vertical-align:middle}.map-toolbar{display:flex;gap:13px;align-items:center}.gps-status{font-size:11px;color:#9cae9f}.gps-status.on{color:var(--lime)}.map-button{border:1px solid #405042;background:#232f26;color:#dbe8dc;padding:8px 13px;border-radius:8px;font-size:11px;font-weight:650}.map-button:hover{background:#314136}.map-wrap{height:370px;position:relative;background:#152118}.map-wrap #live-map,.map-wrap #detail-map{width:100%;height:100%;z-index:1}.map-empty{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 45% 45%,#2c3a2d,#1b271f 75%);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;text-align:center;padding:30px}.map-empty-icon{font-size:48px;color:var(--lime);margin-bottom:8px}.map-empty strong{font-size:18px}.map-empty span{color:#99ae9b;font-size:12px;max-width:300px;line-height:1.6}.map-foot{display:flex;justify-content:space-between;gap:16px;font-size:11px;padding:15px 25px;color:#8da28e}.map-foot strong{color:var(--lime)}.privacy-alert{border:1px solid #6e5933;background:#29271e;border-radius:13px;padding:15px 19px;display:flex;gap:14px;color:#f4d8a5;font-size:12px;line-height:1.5;margin-bottom:35px}.privacy-alert>span{font-size:22px}.privacy-alert p{color:#baa884;margin:3px 0 0}.recent-section{margin-top:20px}.recent-section>.panel-header{padding:0 0 18px}.text-link{color:var(--lime);font-size:12px;font-weight:650}.recent-list{background:#141c16;border:1px solid var(--stroke);border-radius:15px;overflow:hidden}.recent-row{display:flex;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid #29342c}.recent-row:last-child{border:none}.recent-row:hover{background:#1d2c1f}.recent-icon{display:grid;place-items:center;border:1px solid #3d5a3b;background:#283928;border-radius:10px;color:var(--lime);width:36px;height:36px;font-size:21px}.recent-main{flex:1}.recent-main strong,.recent-main small{display:block}.recent-main strong{font-size:12px}.recent-main small{color:#87998a;font-size:11px;margin-top:5px}.recent-distance{font-size:13px;color:#dae8dd;font-weight:700}.recent-arrow{font-size:19px;color:var(--lime)}.empty-record{padding:38px;text-align:center;color:#93a695;font-size:13px}.toast{position:fixed;bottom:25px;right:27px;z-index:2000;background:#baf77a;color:#172313;padding:14px 19px;border-radius:12px;box-shadow:0 13px 45px #0008;font-weight:750;font-size:13px;max-width:360px}.toast.error{background:#ffad9f;color:#331a15}.history-card{overflow:hidden}.history-header,.history-entry{display:grid;grid-template-columns:90px 1.5fr 1fr 1fr;gap:15px;align-items:center;padding:17px 24px}.history-header{color:#728777;letter-spacing:1.3px;font-size:10px;font-weight:850;background:#1a241c}.history-entry{border-top:1px solid var(--stroke);font-size:13px}.history-entry:hover{background:#1b2b1d}.history-entry strong{color:var(--lime)}.history-entry>span{color:#abbcab}.entry-status{display:flex;justify-content:space-between}.entry-status>span{color:var(--lime)}.back-link{display:inline-block;color:#a8c0a8;font-size:12px;margin-bottom:23px}.detail-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.detail-card{padding:20px 17px}.detail-value{font-size:15px;font-weight:750;margin-top:14px;overflow-wrap:anywhere}.detail-map-wrap{height:480px}.export-links{display:flex;gap:8px;flex-wrap:wrap}.export-links a{border:1px solid #567252;color:var(--lime);font-size:11px;padding:10px 13px;border-radius:8px;font-weight:800}.notes-panel{padding:25px;margin-top:18px}.notes-panel label{display:block;margin:18px 0 10px;font-size:14px;font-weight:700}.notes-panel textarea{display:block;background:#0f1711;border:1px solid #3d4d41;color:#fff;border-radius:10px;width:100%;padding:14px;resize:vertical;outline-color:var(--lime)}.notes-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.hint{color:#8f9e8f;font-size:12px;line-height:1.5}.security-panel{padding:0 27px}.security-line{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:25px 0;border-bottom:1px solid var(--stroke)}.security-line:last-child{border:none}.security-line h2{font-size:17px;margin:0 0 7px}.security-line p{margin:0;color:#98a99b;font-size:12px;line-height:1.7}.secure-badge{white-space:nowrap;background:#28442a;color:var(--lime);border-radius:99px;padding:8px 11px;font-size:11px;font-weight:750}.recovery-panel{max-width:690px;padding:30px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.recovery-grid code{border:1px solid #405541;background:#0e1710;padding:14px;border-radius:8px;font-size:16px;text-align:center;color:var(--lime)}.inline-button{display:inline-flex;margin-top:15px}.guest{background:radial-gradient(ellipse 60% 80% at 5% 60%,#1e3522,var(--bg) 70%)}.auth-shell{min-height:100vh;max-width:1440px;padding:34px 65px 18px;margin:auto;display:flex;flex-direction:column}.auth-content{flex:1;display:flex;align-items:center}.auth-layout{display:grid;grid-template-columns:1fr minmax(340px,420px);gap:10%;width:100%;align-items:center;padding:50px 0}.auth-message h1{font-size:clamp(56px,7vw,98px);line-height:.99;letter-spacing:-5px;margin:24px 0}.auth-message h1 em{color:var(--lime);font-style:normal}.auth-message p{color:#a2b6a6;font-size:16px;line-height:1.7;max-width:380px}.auth-line{margin-top:50px;font-size:11px;letter-spacing:2.1px;color:#b9d8b2;font-weight:700}.auth-line span{color:var(--lime);padding:0 10px}.auth-card{background:var(--panel);border:1px solid #3a4a3c;padding:38px;border-radius:24px;box-shadow:0 35px 110px #0007}.auth-card h2{font-size:33px;letter-spacing:-1.3px;margin:12px 0 8px}.auth-card h2 span{color:var(--lime)}.auth-card>.muted{font-size:13px}.form-stack{display:flex;flex-direction:column;gap:21px;margin-top:29px}.form-stack label{display:flex;flex-direction:column;gap:10px;color:#d0ded1;font-size:12px;font-weight:750}.form-stack input{border:1px solid #3b4b3e;background:#111b13;border-radius:10px;padding:14px 15px;color:#fff;outline:none;font-size:14px;width:100%}.form-stack input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b9f57612}.form-stack input::placeholder{color:#637664}.wide{width:100%;justify-content:space-between;padding:16px 20px}.card-bottom{border-top:1px solid #344238;color:#819b84;padding-top:20px;margin-top:24px;font-size:11px}.auth-footer{color:#809280;text-align:center;font-size:11px;margin:20px 0}.auth-single{max-width:510px;width:100%;margin:50px auto}.auth-single .auth-card{width:100%}.hero-emoji{font-size:38px;margin-top:23px}.under-link{display:block;font-size:12px;color:#acbfae;margin-top:23px}.qr-box{display:grid;place-items:center;background:#fff;border-radius:15px;width:240px;height:240px;margin:22px auto}.secret-help{text-align:center;font-size:12px;color:#9dae9d}.secret{display:block;text-align:center;overflow-wrap:anywhere;color:var(--lime);letter-spacing:1.7px;background:#0d160f;padding:14px;border:1px solid #314331;border-radius:10px;margin-top:9px}.alert{background:#3b2522;color:#ffb3a8;border:1px solid #69443e;border-radius:10px;padding:12px 14px;margin-top:20px;font-size:12px;line-height:1.5}.leaflet-container{background:#263e32!important;font-family:inherit!important}.leaflet-control-attribution{font-size:9px!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#17231a!important;color:#f4f8f4!important}.leaflet-bar a{background:#1d2921!important;color:#e9f9e9!important;border-bottom-color:#415442!important}.tracking-marker{background:var(--lime);border:3px solid #123415;border-radius:50%;box-shadow:0 0 0 5px #b9f57677;width:18px;height:18px}.route-start{background:#6af1c2;border:3px solid #14382c;border-radius:50%;height:16px;width:16px}.route-end{background:#f5b36d;border:3px solid #4b2d13;border-radius:50%;height:16px;width:16px}
@media(max-width:1100px){.sidebar{width:216px}.main-content{padding:37px 27px}.app-footer{padding:0 27px}.dashboard-grid{grid-template-columns:1.4fr .85fr}.big-timer{font-size:58px}}@media(max-width:800px){.sidebar{display:none}.mobile-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 20px;border-bottom:1px solid var(--stroke);background:var(--side)}.mobile-brand{font-size:19px;font-weight:850;letter-spacing:-.7px}.mobile-brand span{color:var(--lime)}.mobile-bar nav{display:flex;align-items:center;gap:13px}.mobile-bar nav a{font-size:12px;color:#b2c5b3}.main-content{padding:31px 16px}.app-footer{padding:0 17px;flex-wrap:wrap}.auth-shell{padding:23px 24px}.auth-layout{grid-template-columns:1fr;gap:35px}.auth-message h1{font-size:58px}.auth-message p{font-size:13px}.auth-line{margin-top:23px}.auth-card{padding:28px}}@media(max-width:620px){.dashboard-heading{align-items:flex-start}.date-chip{font-size:10px;padding:8px 9px}.dashboard-grid{grid-template-columns:1fr}.clock-card{padding:21px}.big-timer{font-size:clamp(44px,11vw,62px)}.stat-stack{flex-direction:row}.stat-card{min-height:120px;padding:16px 14px}.stat-value{font-size:30px}.stat-heading{font-size:9px}.stat-caption{font-size:10px}.panel-header{padding:19px 16px}.map-toolbar{gap:6px}.map-button{font-size:10px}.gps-status{font-size:10px}.map-wrap{height:330px}.map-foot{padding:13px 15px;flex-wrap:wrap}.privacy-alert{margin-bottom:30px}.history-header,.history-entry{grid-template-columns:50px 1fr 80px;gap:10px;padding:16px 12px}.history-header span:last-child,.entry-status{display:none}.detail-cards{grid-template-columns:repeat(2,1fr)}.notes-panel{padding:19px}.auth-message h1{font-size:52px}.auth-message h1 br:nth-of-type(2){display:none}.auth-layout{padding:26px 0}.recovery-grid{grid-template-columns:1fr}.security-panel{padding:0 19px}.security-line{flex-wrap:wrap}.app-footer span{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}