@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #f3f7f9;--surface: #ffffff;--surface-muted: #f8fafc;--line: #dbe4ea;--text: #10212b;--text-soft: #4a5f6d;--teal: #0f766e;--teal-soft: #ccfbf1;--orange: #ea580c;--blue: #2563eb;--slate: #334155;--danger: #b91c1c;--shadow: 0 10px 32px rgba(10, 31, 54, .09);--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% -10%,#dff6ff 0%,transparent 38%),radial-gradient(circle at 100% 0%,#fff1db 0%,transparent 34%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,h4,p{margin:0}.loading-screen{min-height:42vh;display:grid;place-items:center;gap:.65rem;color:var(--text-soft)}.spinner{width:36px;height:36px;border:3px solid #b7d4d2;border-top-color:var(--teal);border-radius:999px;animation:spin .85s linear infinite}.shell{min-height:100vh}.shell-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr;gap:.9rem;padding:.85rem 1rem;border-bottom:1px solid rgba(16,33,43,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3f7f9db}.shell-brand-wrap{display:flex;align-items:center;justify-content:space-between}.shell-brand{display:inline-flex;align-items:center;gap:.7rem}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#0f766e,#1f9b90 68%,#f97316);color:#fff;display:inline-grid;place-items:center;font-family:Space Grotesk,Manrope,sans-serif;font-weight:700}.shell-brand strong{display:block;font-size:.97rem;line-height:1}.shell-brand small{color:var(--text-soft);font-size:.75rem}.shell-nav{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.1rem}.nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--line);color:var(--text-soft);white-space:nowrap;font-size:.88rem;transition:all .2s ease}.nav-link.active{background:var(--teal);border-color:var(--teal);color:#fff}.shell-user{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.shell-user-meta{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--text-soft)}.ghost-btn,.text-btn,.secondary-btn,.primary-btn{border:0;cursor:pointer;transition:.2s ease}.ghost-btn{display:inline-flex;align-items:center;gap:.35rem;background:#10212b0d;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:.45rem .8rem;font-size:.82rem}.ghost-btn:hover{background:#10212b1a}.shell-main{max-width:1180px;margin:0 auto;padding:1rem}.page-stack{display:grid;gap:1rem}.hero-banner{background:linear-gradient(120deg,#0f766e,#155e75,#1f6f8b);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.15rem;display:grid;gap:.75rem}.kicker{text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:700;opacity:.84}.hero-banner h2{font-family:Space Grotesk,Manrope,sans-serif;font-size:1.34rem;margin-top:.2rem}.hero-subtitle{font-size:.89rem;opacity:.9}.hero-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.hero-chip{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff24;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:.36rem .76rem;font-size:.84rem}.stats-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{border-radius:var(--radius-md);padding:.95rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;gap:.75rem}.stat-card-icon-wrap{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 36px}.tone-teal .stat-card-icon-wrap{background:#d7f4ef;color:#0f766e}.tone-orange .stat-card-icon-wrap{background:#ffe8d7;color:#ea580c}.tone-blue .stat-card-icon-wrap{background:#deebff;color:#2563eb}.tone-slate .stat-card-icon-wrap{background:#e5ebf2;color:#334155}.stat-card-title{color:var(--text-soft);font-size:.79rem}.stat-card-value{margin-top:.18rem;font-size:1.17rem;font-family:Space Grotesk,Manrope,sans-serif}.stat-card-subtitle{margin-top:.18rem;font-size:.74rem;color:var(--text-soft)}.dashboard-layout{display:grid;gap:.9rem}.chart-card{border-radius:var(--radius-md);padding:.95rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.chart-head{margin-bottom:.8rem}.chart-head h3{font-size:1rem}.chart-head p{color:var(--text-soft);font-size:.8rem}.chart-body{height:230px}.chart-split{display:grid;gap:1rem}.chart-body-pie{height:220px}.chart-legend{display:grid;gap:.55rem}.legend-row{display:flex;align-items:center;gap:.55rem}.legend-row p{font-size:.91rem;font-weight:600}.legend-row small{color:var(--text-soft);font-size:.77rem}.legend-color{width:11px;height:11px;border-radius:999px;flex:0 0 11px}.muted{color:var(--text-soft);font-size:.84rem}.profile-summary,.recent-trips,.route-card,.timeline-card,.trip-group{border-radius:var(--radius-md);padding:.95rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.section-head h3{display:inline-flex;align-items:center;gap:.4rem;font-size:1rem}.section-head p{color:var(--text-soft);font-size:.78rem}.section-head.compact{margin-bottom:.6rem}.profile-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.profile-tile{background:var(--surface-muted);border:1px solid #ecf1f5;border-radius:12px;padding:.7rem}.profile-tile span{color:var(--text-soft);font-size:.75rem}.profile-tile strong{display:block;margin-top:.22rem;font-size:.93rem}.text-btn{color:var(--teal);background:transparent;font-size:.86rem;font-weight:600;padding:.25rem .1rem;display:inline-flex;align-items:center;gap:.3rem}.text-btn:hover{color:#115e59}.align-start{justify-self:start}.trip-list{display:grid;gap:.65rem}.trip-card{width:100%;border:1px solid #e6edf2;background:var(--surface-muted);border-radius:12px;padding:.78rem;text-align:left;cursor:pointer;display:grid;gap:.65rem}.trip-card:hover{border-color:#bdd7d3;transform:translateY(-1px)}.trip-card-head{display:flex;justify-content:space-between;gap:.5rem}.trip-date{font-weight:700;font-size:.88rem}.trip-time{margin-top:.1rem;color:var(--text-soft);font-size:.76rem}.trip-card-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.56rem}.trip-card-stats span{display:block;color:var(--text-soft);font-size:.72rem}.trip-card-stats strong{font-size:.85rem}.activity-badge{display:inline-flex;align-items:center;gap:.34rem;border-radius:999px;padding:.22rem .56rem;font-size:.76rem;font-weight:700;white-space:nowrap}.activity-dot{width:8px;height:8px;border-radius:999px}.empty-panel,.error-state,.route-empty{border-radius:12px;border:1px dashed #cddbe3;background:#f9fcff;padding:.95rem;color:var(--text-soft);font-size:.9rem}.error-state h3{margin-bottom:.35rem;color:var(--text);font-size:1rem}.secondary-btn{margin-top:.65rem;border:1px solid var(--line);background:#fff;padding:.48rem .8rem;border-radius:10px;color:var(--text)}.list-controls{display:grid;gap:.6rem}.search-wrap,.input-wrap{display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:10px;background:#fff;padding:.5rem .66rem}.search-wrap input,.input-wrap input{border:0;outline:none;width:100%;background:transparent;color:var(--text)}.list-controls select{border:1px solid var(--line);border-radius:10px;padding:.56rem;background:#fff;color:var(--text)}.trip-group h4{margin-bottom:.62rem;font-size:.96rem}.trip-detail-head{border-radius:var(--radius-md);background:linear-gradient(115deg,#e3f7f5,#fff6e8);border:1px solid #d7e8ed;padding:.98rem;display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}.trip-detail-head h2{font-family:Space Grotesk,Manrope,sans-serif;font-size:1.28rem;margin-top:.15rem}.trip-detail-head p{color:var(--text-soft);font-size:.84rem}.micro-stat{border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:.7rem;display:flex;align-items:flex-start;gap:.55rem}.micro-stat span{display:block;color:var(--text-soft);font-size:.73rem}.micro-stat strong{font-size:.9rem}.route-preview{display:grid;gap:.65rem}.route-preview svg{width:100%;border:1px solid #e4edf3;border-radius:12px}.route-meta{display:grid;gap:.32rem;color:var(--text-soft);font-size:.78rem}.route-meta strong{color:var(--text)}.timeline-list{display:grid;gap:.48rem}.timeline-row{border:1px solid #ebf0f4;border-radius:10px;background:#fcfdff;padding:.58rem}.timeline-row p{font-size:.72rem;color:var(--text-soft)}.timeline-row strong{display:block;margin-top:.16rem;font-size:.88rem}.timeline-row small{color:var(--text-soft);font-size:.72rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1rem;position:relative}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(15,118,110,.22),transparent 35%),radial-gradient(circle at 80% 5%,rgba(234,88,12,.22),transparent 28%),radial-gradient(circle at 80% 80%,rgba(37,99,235,.12),transparent 40%);pointer-events:none}.login-card{width:min(430px,100%);background:#ffffffed;border:1px solid #d7e8ed;box-shadow:0 18px 46px #091d3126;border-radius:22px;padding:1.1rem;position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.login-brand h1{font-size:1.32rem;font-family:Space Grotesk,Manrope,sans-serif}.login-brand p{margin-top:.2rem;color:var(--text-soft);font-size:.84rem}.login-form{display:grid;gap:.72rem}.login-form label{display:grid;gap:.3rem;color:var(--text-soft);font-size:.82rem}.form-error{margin-top:-.15rem;color:var(--danger);font-size:.78rem}.primary-btn{border-radius:10px;background:linear-gradient(125deg,#0f766e,#145f93);color:#fff;padding:.64rem .86rem;font-weight:700}.primary-btn:hover{filter:brightness(1.04)}.primary-btn:disabled{cursor:not-allowed;opacity:.66}.animate-rise{animation:riseFade .45s ease both}.delay-2{animation-delay:.08s}.delay-3{animation-delay:.16s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riseFade{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:700px){.shell-header{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.85rem 1.25rem}.shell-main{padding:1.2rem 1.35rem}.dashboard-layout{grid-template-columns:1.45fr 1fr}.chart-split{grid-template-columns:1fr}.list-controls{grid-template-columns:1fr auto}.list-controls select{min-width:200px}.trip-card-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1000px){.shell-main{padding-top:1.35rem}.hero-banner{grid-template-columns:1fr auto;align-items:center}.chart-split{grid-template-columns:minmax(180px,1.1fr) minmax(220px,1fr);align-items:center}.login-card{padding:1.5rem}}