@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#005da7;--primary-container:#2976c7;--secondary-container:#cde6f4;--surface:#f8f9fb;--surface-low:#f2f4f6;--surface-card:#fff;--surface-container:#eceef0;--outline:#717783;--outline-variant:#c1c7d3;--text-primary:#191c1e;--text-secondary:#414751;--text-muted:#506873;--shadow-soft:0 4px 16px #191c1e0a;--shadow-modal:0 24px 48px -12px #191c1e1f}*{box-sizing:border-box}html{background:var(--surface);min-height:100%}body{background:var(--surface);min-height:100dvh;color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,sans-serif}body,button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}input,textarea,select{font-size:16px}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}#app{min-height:100dvh}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;justify-content:center;align-items:center;font-family:Material Symbols Outlined,sans-serif;font-size:24px;line-height:1;display:inline-flex}.auth-page{background:var(--surface);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex;overflow:hidden}.auth-card,.sheet-panel{background:var(--surface-card);width:min(100%,28rem);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-modal);-webkit-overflow-scrolling:touch;border-radius:1.5rem 1.5rem .75rem .75rem;position:relative;overflow:hidden auto}.sheet-header{background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.sheet-header--auth{justify-content:center}.sheet-header h1,.detail-section-title h2,.mobile-topbar h1{letter-spacing:-.02em;margin:0;font-family:Manrope,sans-serif;font-weight:600}.sheet-header h1{color:var(--primary);font-size:1.5rem;line-height:1.2}.sheet-close{color:var(--text-secondary);border-radius:9999px;padding:8px}.sheet-body{gap:16px;padding:32px;display:grid}.field-block{gap:8px;display:grid}.field-label{color:var(--text-secondary);align-items:center;gap:4px;font-size:.875rem;font-weight:500;display:inline-flex}.field-label em{color:#ba1a1a;font-style:normal}.field-block input,.field-block textarea,.field-block select,.field-with-icon{background:var(--surface-low);width:100%;min-height:48px;color:var(--text-primary);border:1px solid #c1c7d34d;border-radius:.5rem;padding:0 16px;transition:border-color .2s,box-shadow .2s,background .2s}.field-block textarea{resize:vertical;min-height:110px;padding-top:14px;padding-bottom:14px}.field-block input:focus,.field-block textarea:focus,.field-block select:focus,.field-with-icon:focus-within{border-color:var(--primary);background:var(--surface-low);outline:none;box-shadow:0 0 0 4px #005da71a}.field-block input::placeholder,.field-block textarea::placeholder{color:#717783d9}.field-error{color:#ba1a1a;margin:0;font-size:.875rem}.sheet-footer{justify-content:flex-end;align-items:center;gap:16px;padding-top:8px;display:flex}.sheet-footer--single{justify-content:stretch}.sheet-button{border-radius:.5rem;justify-content:center;align-items:center;min-height:42px;padding:10px 32px;font-size:.875rem;font-weight:500;display:inline-flex}.sheet-button:disabled{opacity:.7;cursor:not-allowed}.sheet-button--ghost{color:var(--text-secondary)}.sheet-button--primary{color:#fff;background:var(--primary-container);box-shadow:0 2px 6px #2976c73d}.sheet-button--wide{width:100%}.sheet-indicator{background:#c1c7d34d;border-radius:9999px;width:48px;height:6px;margin:0 auto 8px}.sheet-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;background:#191c1e33;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.mobile-page{background:var(--surface);min-height:100dvh}.mobile-topbar{z-index:20;background:var(--surface);justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar__left,.mobile-topbar__right{align-items:center;gap:12px;display:flex}.mobile-topbar h1{color:var(--text-primary);font-size:1.25rem}.topbar-icon{color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.user-tag{background:var(--secondary-container);min-height:28px;color:var(--text-muted);white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.topbar-primary{background:var(--primary);color:#fff;-webkit-appearance:none;border-radius:.75rem;padding:6px 11px;font-size:.875rem;font-weight:700;position:relative;box-shadow:0 1px 4px #005da733}.mobile-main{width:min(100%,28rem);margin:0 auto;padding:80px 24px 32px}.mobile-status,.detail-status{text-align:center;color:var(--text-secondary);justify-items:center;gap:8px;padding:28px 20px;display:grid}.mobile-status--error,.detail-status--error{color:#ba1a1a}.status-action{background:var(--surface-low);min-height:38px;color:var(--text-secondary);border-radius:.75rem;padding:8px 16px;font-size:.875rem;font-weight:500}.mobile-search{margin-bottom:20px}.mobile-search__inner{background:var(--surface-card);border-radius:.75rem;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 2px 8px #0000000a}.mobile-search__inner .material-symbols-outlined{color:var(--outline);flex-shrink:0}.mobile-search__inner input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:.875rem}.mobile-search__count{background:var(--surface-low);border-radius:.5rem;flex-shrink:0;padding:4px 8px}.mobile-search__count span{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:500}.group-block{margin-bottom:12px}.group-block__header{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:0;display:flex}.group-block__title{align-items:center;gap:12px;display:flex}.group-block__title h2{color:var(--text-primary);margin:0;font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:700}.group-block__title span{background:var(--secondary-container);min-height:22px;color:var(--text-muted);border-radius:9999px;align-items:center;padding:2px 10px;font-size:.625rem;font-weight:700;display:inline-flex}.group-block__arrow{color:var(--outline);font-size:20px;transition:transform .2s}.group-block__arrow--collapsed{transform:rotate(-90deg)}.vehicle-stack{gap:16px;display:grid}.list-card{background:var(--surface-card);box-shadow:var(--shadow-soft);border:1px solid #ffffff80;border-radius:.75rem;padding:20px}.list-card__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.list-card__plate{align-items:center;gap:8px;margin-bottom:4px;display:flex}.list-card__plate span{color:var(--text-primary);letter-spacing:-.02em;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800}.list-card__plate em{background:var(--secondary-container);color:var(--text-muted);border-radius:.375rem;align-items:center;padding:2px 8px;font-size:.625rem;font-style:normal;font-weight:700;display:inline-flex}.list-card__meta{gap:16px;margin-top:6px;display:flex}.list-card__meta>div+div{border-left:1px solid var(--surface-container);padding-left:16px}.list-card__meta small{color:var(--outline-variant);text-transform:uppercase;font-size:10px;font-weight:500;display:block}.list-card__meta strong{color:var(--text-secondary);margin-top:4px;font-size:.875rem;font-weight:600;display:block}.list-card__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.record-action{min-height:32px;color:var(--primary);background:#2976c71a;border-radius:.5rem;padding:6px 16px;font-size:.75rem;font-weight:700}.delete-action{color:#ba1a1a;min-height:32px;padding:6px 10px;font-size:.75rem;font-weight:700}.route-list{background:var(--surface);border-radius:.5rem;overflow:hidden}.route-list--single{background:0 0}.route-list:not(.route-list--single) .route-row+.route-row{border-top:1px solid #fff3}.route-row{background:var(--surface);border-radius:.5rem;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.route-row__main{align-items:center;gap:16px;min-width:0;display:flex}.route-date{color:var(--text-secondary);white-space:nowrap;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700}.route-text{min-width:0;color:var(--text-primary);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.route-text .material-symbols-outlined{color:var(--primary);flex-shrink:0;font-size:16px}.route-toggle{color:var(--outline);cursor:pointer;flex-shrink:0;font-size:18px}.route-row--empty{color:var(--text-secondary);justify-content:flex-start}.route-row--empty p,.empty-card p,.mobile-status p,.detail-status p{margin:0;font-size:.875rem}.empty-card{color:var(--text-secondary);padding:18px 0}.detail-page{background:var(--surface);min-height:100dvh}.detail-topbar{z-index:15;background:var(--surface);position:sticky;top:0}.detail-topbar__inner{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.detail-topbar__plate{color:var(--text-primary);letter-spacing:-.02em;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:600}.detail-topbar__close{width:40px;height:40px;color:var(--text-secondary);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.detail-main{padding:16px 24px 48px}.detail-content{width:min(100%,28rem);margin:0 auto}.detail-section-title{margin-bottom:8px}.detail-section-title h2{color:var(--primary);font-size:1.125rem;font-weight:700}.detail-form-card{background:var(--surface-card);border-radius:.75rem;padding:24px;box-shadow:0 8px 24px #191c1e0a}.detail-form{gap:24px;display:grid}.field-with-icon{align-items:center;gap:12px;padding-right:16px;display:flex}.field-with-icon--tall{align-items:flex-start;min-height:84px;padding-top:14px;padding-bottom:14px}.field-with-icon input{min-width:0;min-height:46px;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;padding:0}.route-custom-input{resize:none;min-width:0;min-height:54px;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;padding:0;line-height:1.6}.field-with-icon .material-symbols-outlined{color:var(--text-secondary);flex-shrink:0;font-size:20px}.detail-save{padding-top:16px}.detail-save__button{background:var(--primary);color:#fff;border-radius:.75rem;width:100%;min-height:56px;font-family:Manrope,sans-serif;font-size:1rem;font-weight:600;box-shadow:0 16px 24px #005da733}@media (width>=768px){.auth-card,.sheet-panel{border-radius:1.5rem}.sheet-backdrop{align-items:center}.mobile-topbar,.detail-topbar__inner,.mobile-main,.detail-main{width:min(100%,28rem);margin-left:auto;margin-right:auto;left:0;right:0}.mobile-topbar,.detail-topbar__inner,.detail-main{padding-left:0;padding-right:0}}