:root{--primary: #0f7489;--primary-dark: #1f3a4d;--bg: #eef2f4;--card: #fafbfc;--surface: #ffffff;--surface-soft: #f8fafc;--border: #d3d8dd;--text: #1f262e;--muted: #4e5866;--header-text: #f8f6f6;color-scheme:light}:root.dark-theme{--bg: #12181f;--card: #1a222b;--surface: #1e2832;--surface-soft: #242f3a;--border: #324252;--text: #e6edf4;--muted: #9eb0c1;--header-text: #f2f6fa;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease;overflow-x:hidden}h1{font-size:2rem}.commute-page{max-width:1100px;margin:0 auto;text-align:left}.commute-page-header{margin-bottom:20px}.commute-page-header h2{margin:0 0 6px;color:var(--text)}.commute-page-header p{margin:0;color:var(--muted);font-size:.95rem}.commute-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;background:var(--surface);padding:20px;border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 6px #0000000d}.control-group{display:flex;flex-direction:column;gap:8px;min-width:0}.control-group label{font-weight:600;color:var(--text);font-size:.9rem}.control-group input[type=text],.control-group input[type=number],.control-group select{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface-soft);color:var(--text);width:100%}.days-presets{display:flex;flex-wrap:wrap;gap:6px}.days-preset-btn{min-height:32px;padding:4px 10px;font-size:.78rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);color:var(--text);cursor:pointer;transition:all .15s}.days-preset-btn:hover:not(:disabled){border-color:var(--primary)}.days-preset-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.device-selector-list{display:flex;flex-direction:column;gap:8px}.device-selector-list label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer;min-height:32px}.commute-controls .search-btn{min-height:44px;background:var(--primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;align-self:end;transition:background .2s}.commute-controls .search-btn:hover:not(:disabled){background:var(--primary-dark)}.commute-controls .search-btn:disabled{opacity:.55;cursor:not-allowed}.error-message{background:#fff5f5;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #feb2b2}:root.dark-theme .error-message{background:#dc35452e;color:#ff9da5;border-color:#dc354566}.commute-table-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.table-scroll{width:100%;overflow-x:auto}.commute-table{width:100%;border-collapse:collapse;min-width:480px}.commute-table th,.commute-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.commute-table th{background:var(--surface-soft);font-weight:600;color:var(--muted)}.commute-table tr:last-child td{border-bottom:none}.commute-duration{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.commute-tables-wrapper{display:flex;flex-direction:column;gap:20px}.commute-section h3{margin-bottom:12px;color:var(--text);font-size:1.2rem;border-bottom:2px solid var(--border);padding-bottom:8px}.empty-state{padding:24px;text-align:center;color:var(--muted)}.car-name-col{color:var(--primary);font-size:.95rem}.histogram-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:16px;margin-bottom:20px}.commute-tooltip{background:var(--surface);color:var(--text);padding:10px 12px;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001f}@media(max-width:600px){.commute-controls{grid-template-columns:1fr;padding:14px}.commute-controls .search-btn{width:100%}.histogram-container{padding:10px 6px}}.location-history-page{max-width:1000px;margin:0 auto;text-align:left}.location-history-page .page-header{margin-bottom:20px}.location-history-page .page-header h2{margin:0 0 6px;color:var(--text)}.location-history-page .page-header p{margin:0;color:var(--muted)}.search-card,.results-card{padding:20px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 6px #0000000d}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem;color:var(--text)}.form-control{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:.95rem}.form-row{display:flex;gap:16px}.form-row .half{flex:1}.location-history-page .search-btn{min-height:44px;width:100%;background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer}.location-history-page .search-btn:hover:not(:disabled){background:var(--primary-dark)}.location-history-page .search-btn:disabled{opacity:.55;cursor:not-allowed}.p-checkboxes{display:flex;flex-direction:column}.checkbox-group{display:flex;gap:14px;flex-wrap:wrap;padding:6px 0}.checkbox-label{display:inline-flex!important;align-items:center;margin-bottom:0!important;font-weight:500!important;cursor:pointer;min-height:34px}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px}.summary-stat-card{padding:16px;border:1px solid var(--border);background:var(--surface-soft);border-radius:10px}.summary-stat-card h4{margin:0 0 8px;color:var(--primary)}.summary-stat-body{font-size:.9rem;color:var(--text);display:flex;flex-direction:column;gap:4px}.summary-stat-meta{margin-top:6px;font-size:.8rem;color:var(--muted)}.day-group{margin-bottom:24px}.day-group-title{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:14px;color:var(--text)}.vehicle-group{margin-bottom:18px}.vehicle-group-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.vehicle-group-header h5{margin:0;font-size:1rem;color:var(--text)}.badge{padding:4px 10px;border-radius:6px;font-size:.82rem;font-weight:600}.badge-success{background-color:#d4edda;color:#155724}:root.dark-theme .badge-success{background-color:#28a74540;color:#8fd19e}.table-responsive{width:100%;overflow-x:auto}.location-table{width:100%;border-collapse:collapse}.location-table th,.location-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}.location-table th{background:var(--surface-soft);color:var(--muted);font-weight:600}.alert{padding:12px 16px;border-radius:8px;margin-top:14px}.alert-danger{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.alert-info{background:var(--surface);color:var(--muted);border:1px solid var(--border)}@media(max-width:600px){.form-row{flex-direction:column;gap:0}.search-card,.results-card{padding:14px}}.tool-card{max-width:1000px;margin:0 auto;background:var(--surface);color:var(--text);padding:32px;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 16px #0000000f;text-align:left}.tool-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:22px}.tool-heading .eyebrow{margin-bottom:8px}.tool-heading h2{font-size:clamp(1.5rem,3vw,1.85rem);font-weight:700;margin:0;color:var(--text)}.tool-heading p{font-size:.92rem;color:var(--muted);margin:6px 0 0}.heart-layout{display:grid;grid-template-columns:minmax(220px,.55fr) 1.45fr;gap:36px;padding-top:26px}.calculator-inputs{display:grid;grid-template-columns:1fr;gap:14px;align-content:start}.calculator-inputs label{font-size:.85rem;font-weight:600;color:var(--text)}.calculator-inputs label span{float:right;color:var(--muted);font-weight:400}.calculator-inputs input[type=number]{display:block;width:100%;margin-top:8px;border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:12px;font:inherit;color:var(--text);min-height:48px}.age-slider{width:100%;accent-color:var(--primary);margin:4px 0}.calculator-inputs>small{color:var(--muted);line-height:1.5;font-size:.84rem}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.method-grid article{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px}.method-grid article>span{color:var(--muted);font-size:.82rem;font-weight:600}.method-grid strong{font-size:2rem;font-weight:700;color:var(--primary)}.method-grid strong small{font-size:.85rem;font-weight:500}.method-grid code{font-size:.8rem;color:var(--muted)}@media(max-width:800px){.heart-layout{grid-template-columns:1fr;gap:24px}.method-grid{grid-template-columns:1fr}.tool-card{padding:20px 16px}}.App{min-height:100vh;display:flex;flex-direction:column;text-align:center}.App-header{background:linear-gradient(135deg,var(--primary-dark),var(--primary));padding:10px 20px;color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;box-shadow:0 2px 8px #00000026}.header-link{display:flex;align-items:center;text-decoration:none;color:#fff;min-width:0}.header-link h1{font-size:clamp(1.35rem,4vw,2rem);margin:0;font-weight:600;white-space:nowrap}.logo{height:46px;width:auto;margin-right:12px;object-fit:contain;flex-shrink:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.api-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#ffffffe6;background:#ffffff1f;padding:5px 10px;border-radius:999px}.api-status-dot{width:8px;height:8px;border-radius:50%;background:#21cfaa;box-shadow:0 0 8px #21cfaa}.api-status-dot.offline{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.theme-toggle{min-height:40px;border:1px solid rgba(255,255,255,.45);background:#ffffff26;color:var(--header-text);padding:7px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.theme-toggle:hover{background:#ffffff40}.header-user-group{display:flex;align-items:center;gap:10px}.header-user-name{font-size:.88rem;color:var(--header-text);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{min-height:40px;border:1px solid rgba(255,255,255,.45);background:#ffffff26;color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.88rem}.logout-button:hover{background:#ffffff47}main.App-main{flex:1;width:100%;max-width:1400px;margin:16px auto 28px;padding:0 24px}.back-nav-bar{display:flex;align-items:center;justify-content:flex-start;margin-bottom:14px}.back-to-apps-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--primary);text-decoration:none;font-weight:600;font-size:.9rem;box-shadow:0 1px 3px #0000000d}.back-to-apps-link:hover{border-color:var(--primary)}.app-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;justify-content:center}.app-section-header{grid-column:1 / -1;margin-top:18px;margin-bottom:6px;border-bottom:1px solid var(--border);padding-bottom:6px;color:var(--muted);text-align:left;font-weight:600;font-size:1.25rem}.app-card{background:linear-gradient(90deg,var(--surface-soft),var(--card));border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 2px 6px #1f2b3d0f;text-align:left;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #1f2b3d1f}.app-card-icon{text-align:center;font-size:2.8rem;color:var(--primary);margin-bottom:12px}.app-card h2{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:var(--text)}.app-card p{color:var(--muted);font-size:.92rem;margin:0 0 18px;flex:1}.app-link{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:42px;background:var(--primary);color:#fff;border:none;padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;letter-spacing:.2px;box-shadow:0 2px 6px #1f3a4d40;text-decoration:none;font-size:.92rem;transition:transform .05s ease,box-shadow .1s ease,background .15s ease}.app-link:hover{background:var(--primary-dark);transform:translateY(1px);box-shadow:0 1px 4px #0000001f}.auth-wrapper{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:36px 0;text-align:left}.auth-intro h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 16px;line-height:1.12;color:var(--text)}.auth-intro p{color:var(--muted);font-size:1.05rem;max-width:540px;margin:0 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--primary);font-size:.78rem;font-weight:700;margin-bottom:8px}.trust-badges{display:flex;flex-wrap:wrap;gap:16px 24px;color:var(--muted);font-size:.85rem;font-weight:600}.trust-badges span:before{content:"✓ ";color:var(--primary);font-weight:700}.login-card{background:var(--surface);color:var(--text);padding:32px;border-radius:12px;border:1px solid var(--border);box-shadow:0 12px 32px #00000014}.login-card h2{margin:0 0 6px;font-size:1.6rem}.login-card>p{margin:0 0 20px;color:var(--muted);font-size:.92rem}.login-card label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin:14px 0}.login-card input{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f748926}.login-btn-primary{width:100%;min-height:44px;border:0;border-radius:8px;background:linear-gradient(90deg,var(--primary-dark),var(--primary));color:#fff;padding:12px;margin:10px 0;font-weight:600;font-size:.95rem;cursor:pointer}.login-btn-secondary{width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:12px;margin:0 0 12px;font-weight:600;font-size:.95rem;cursor:pointer}.login-btn-primary:disabled,.login-btn-secondary:disabled{opacity:.55;cursor:not-allowed}.login-card small{display:block;color:var(--muted);text-align:center;font-size:.78rem;margin-top:8px}.notice{padding:10px 12px;border-radius:8px;font-size:.85rem;margin:12px 0}.notice.error{background:#fff0ed;color:#9b382c;border:1px solid #f5c2c7}:root.dark-theme .notice.error{background:#dc35452e;color:#ff9da5;border-color:#dc354566}.App-footer{width:100%;max-width:1400px;margin:auto auto 0;padding:16px 24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--muted)}@media(max-width:820px){.auth-wrapper{grid-template-columns:1fr;gap:24px;padding:20px 0}main.App-main{padding:0 14px;margin:12px auto 20px}.App-header{padding:10px 14px}.logo{height:38px;margin-right:8px}}@media(max-width:480px){.app-list{grid-template-columns:1fr}.header-user-name,.api-status-text{display:none}.login-card{padding:20px 16px}}