html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.auth-shell{--auth-accent: #e6a500;--auth-accent-strong: #b98100;--auth-ink: #171717;--auth-muted: #686868;display:grid;min-height:100dvh;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);overflow:hidden;background:#f7f7f6;color:var(--auth-ink)}.auth-story{position:relative;isolation:isolate;display:flex;min-height:100dvh;flex-direction:column;overflow:hidden;padding:clamp(28px,4vw,56px);background:#dedede}.auth-story:before{position:absolute;inset:-20% auto auto -10%;z-index:-1;width:420px;height:420px;border-radius:50%;background:#ffb8002e;content:"";filter:blur(2px);animation:auth-orbit 14s ease-in-out infinite alternate}.auth-story:after{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f1eee4eb,#eadec0bd 34%,#f4f0e647 58%,#f4f0e600 78%),linear-gradient(180deg,#f4f0e647,#f4f0e600 36%);content:"";pointer-events:none}.auth-story__brand,.auth-mobile-brand{position:relative;z-index:3;display:inline-flex;align-items:center;gap:11px;width:fit-content;color:#232323;font-size:1rem;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#ffb800;box-shadow:0 8px 22px #845e002e}.brand-mark mat-icon,.brand-mark .material-icons{width:19px;height:19px;font-size:19px}.auth-story__copy{position:relative;z-index:3;max-width:600px;margin-top:clamp(52px,9vh,112px);animation:auth-rise .7s cubic-bezier(.2,.75,.25,1) both;text-shadow:0 2px 16px rgba(255,255,255,.32)}.auth-eyebrow,.auth-kicker{color:#6a4c00;font-size:.72rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.auth-story__copy h1{max-width:580px;margin:15px 0 0;color:#121212;font-size:clamp(2.6rem,5vw,5.6rem);font-weight:660;letter-spacing:-.065em;line-height:.94;text-wrap:balance}.auth-story__copy p{max-width:48ch;margin:22px 0 0;color:#3f3f3f;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.65}.auth-visual{position:absolute;inset:0;z-index:0;width:100%;height:100%}.auth-visual img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:saturate(.95) contrast(1.02)}.route-pulse{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;min-width:172px;padding:10px 12px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:#ffffffdb;box-shadow:0 16px 38px #3a2e1226;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:auth-float 4.8s ease-in-out infinite}.route-pulse--pickup{top:28%;left:8%}.route-pulse--driver{right:4%;bottom:18%;animation-delay:-2.4s}.pulse-icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;background:#ffb800;color:#2b2108}.pulse-icon mat-icon,.pulse-icon .material-icons{width:17px;height:17px;font-size:17px}.route-pulse span:last-child{display:grid;gap:2px}.route-pulse strong{font-size:.72rem;line-height:1.2}.route-pulse small{color:#737373;font-size:.64rem}.auth-story__footnote{position:absolute;z-index:3;right:clamp(24px,4vw,56px);bottom:28px;display:flex;align-items:center;gap:7px;color:#2b2b27;font-size:.72rem;font-weight:600;text-shadow:0 2px 14px rgba(255,255,255,.3)}.auth-story__footnote mat-icon,.auth-story__footnote .material-icons{width:16px;height:16px;color:#7c5a00;font-size:16px}.auth-panel{display:grid;min-height:100dvh;place-items:center;padding:clamp(32px,6vw,84px);background:#f9f9f8}.auth-panel__inner{width:min(100%,450px);animation:auth-panel-in .65s .12s cubic-bezier(.2,.75,.25,1) both}.auth-mobile-brand{display:none;margin-bottom:52px}.auth-header{margin-bottom:34px}.auth-header h2{margin:10px 0 0;color:#171717;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:680;letter-spacing:-.045em;line-height:1.1}.auth-header p{margin:12px 0 0;color:var(--auth-muted);font-size:.9rem;line-height:1.6}.auth-form{display:grid;gap:8px}.auth-form--register{gap:2px}.auth-shell .mat-mdc-form-field{--mdc-outlined-text-field-container-shape: 12px}.auth-shell .mat-mdc-form-field-icon-prefix{padding:0 10px 0 2px;color:#8a8a8a}.auth-shell .mat-mdc-form-field-icon-prefix mat-icon,.auth-shell .mat-mdc-form-field-icon-prefix .material-icons{width:19px;height:19px;font-size:19px}.auth-shell .mdc-text-field--outlined{background:#fff}.auth-shell .mdc-text-field--outlined:hover .mdc-notched-outline__leading,.auth-shell .mdc-text-field--outlined:hover .mdc-notched-outline__notch,.auth-shell .mdc-text-field--outlined:hover .mdc-notched-outline__trailing{border-color:#9d9d9d}.auth-shell .mat-mdc-form-field.mat-focused{--mdc-outlined-text-field-focus-outline-color: var(--auth-accent-strong)}.auth-error{display:flex;align-items:flex-start;gap:9px;margin-bottom:4px;padding:11px 12px;border:1px solid #fecaca;border-radius:12px;background:#fff7f7;color:#a21b1b;font-size:.8rem;line-height:1.45;animation:auth-shake .34s ease both}.auth-error mat-icon,.auth-error .material-icons{width:17px;height:17px;flex:0 0 auto;font-size:17px}.auth-submit.mat-mdc-unelevated-button{height:50px;margin-top:8px;border-radius:12px;background:#ffb800;color:#221a05;font-weight:750;box-shadow:0 8px 20px #b981002b;transition:box-shadow .18s ease,transform .18s ease,background-color .18s ease}.auth-submit.mat-mdc-unelevated-button:not(:disabled):hover{background:#f5af00;box-shadow:0 13px 28px #b981003d;transform:translateY(-2px)}.auth-submit.mat-mdc-unelevated-button:not(:disabled):active{transform:translateY(0) scale(.99)}.auth-submit .mdc-button__label,.auth-submit .button-content{display:flex;align-items:center;justify-content:center;gap:9px}.auth-submit mat-icon,.auth-submit .material-icons{width:18px;height:18px;font-size:18px;transition:transform .18s ease}.auth-submit:hover mat-icon,.auth-submit:hover .material-icons{transform:translate(3px)}.auth-submit mat-spinner{--mdc-circular-progress-active-indicator-color: #2d2206}.auth-footer{margin-top:30px;text-align:center}.auth-footer p{margin:0;color:#737373;font-size:.86rem}.auth-footer a{color:#765500;font-weight:750;text-decoration:none;text-underline-offset:3px}.auth-footer a:hover{text-decoration:underline}.auth-footer a:focus-visible{border-radius:3px;outline:3px solid rgba(255,184,0,.35);outline-offset:3px}.guest-protection{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px;color:#8c8c8c;font-size:.69rem;line-height:1.4}.guest-protection mat-icon,.guest-protection .material-icons{width:14px;height:14px;color:#777;font-size:14px}@keyframes auth-rise{0%{opacity:0;transform:translateY(26px)}}@keyframes auth-image-in{0%{opacity:0;transform:translateY(38px) scale(.98)}}@keyframes auth-panel-in{0%{opacity:0;transform:translate(24px)}}@keyframes auth-float{50%{transform:translateY(-8px)}}@keyframes auth-orbit{to{transform:translate(80px,50px) scale(1.12)}}@keyframes auth-shake{25%{transform:translate(-4px)}60%{transform:translate(3px)}}@media(max-width:1050px){.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.auth-story__copy h1{font-size:clamp(2.6rem,5vw,4.2rem)}.route-pulse--pickup{left:2%}}@media(max-width:820px){.auth-shell{display:block;background:#f9f9f8}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:32px clamp(20px,7vw,64px)}.auth-panel--scroll{place-items:start center}.auth-mobile-brand{display:inline-flex}}@media(max-width:480px){.auth-panel{padding:24px 18px 32px;place-items:start center}.auth-mobile-brand{margin-bottom:42px}.auth-header{margin-bottom:28px}.auth-header h2{font-size:1.8rem}.guest-protection{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.auth-story:before,.auth-story__copy,.auth-visual,.route-pulse,.auth-panel__inner,.auth-error{animation:none}.auth-submit.mat-mdc-unelevated-button,.auth-submit mat-icon{transition:none}.auth-submit.mat-mdc-unelevated-button:not(:disabled):hover{transform:none}}@media(prefers-reduced-transparency:reduce){.route-pulse{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}.layout-container{--nav-bg: #171717;--nav-panel: #202020;--nav-line: rgb(255 255 255 / 8%);--nav-muted: #919191;--nav-accent: #ffb800;display:block}.layout-container{min-height:100dvh;background:var(--dh-bg)}.layout-sidenav{width:278px;border-right:0;background:var(--nav-bg);color:#f4f4f4;box-shadow:16px 0 45px #1111110f}.brand{display:flex;height:78px;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--nav-line)}.brand-mark{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border-radius:11px;background:var(--nav-accent);color:#241b03;box-shadow:0 9px 24px #ffb80026,inset 0 1px #ffffff4d}.brand-mark mat-icon{width:20px;height:20px;font-size:20px}.brand-copy,.workspace-copy,.user-meta,.system-state span,.menu-profile span{display:grid}.brand-copy strong{font-size:.95rem;font-weight:750;letter-spacing:-.025em}.brand-copy small{margin-top:1px;color:#777;font-size:.65rem}.workspace-identity{display:flex;align-items:center;gap:10px;margin:18px 14px 6px;padding:11px;border:1px solid var(--nav-line);border-radius:13px;background:linear-gradient(145deg,#ffffff0d,#ffffff05);animation:nav-enter .5s cubic-bezier(.2,.75,.25,1) both}.workspace-avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:9px;background:#303030;color:var(--nav-accent);font-size:.78rem;font-weight:800}.workspace-copy{min-width:0;flex:1}.workspace-copy strong{overflow:hidden;font-size:.73rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.workspace-copy small{margin-top:2px;color:#858585;font-size:.62rem;text-transform:capitalize}.workspace-identity>mat-icon{width:16px;height:16px;color:var(--nav-accent);font-size:16px}.primary-nav{animation:nav-enter .52s 70ms cubic-bezier(.2,.75,.25,1) both}.nav-label{padding:22px 21px 7px;color:#696969;font-size:.62rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}mat-nav-list{padding:4px 10px}.layout-sidenav .mat-mdc-list-item{position:relative;height:48px;margin:3px 0;overflow:hidden;border-radius:11px;color:#aaa;transition:background-color .18s ease,color .18s ease,transform .18s ease}.layout-sidenav .mat-mdc-list-item:before{position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:0 4px 4px 0;background:var(--nav-accent);content:"";opacity:0;transform:scaleY(.35);transition:opacity .18s ease,transform .18s ease}.layout-sidenav .mat-mdc-list-item:hover{background:#ffffff0d;color:#f1f1f1;transform:translate(2px)}.layout-sidenav .active-link{background:#ffb8001a;color:#ffd36a;font-weight:650}.layout-sidenav .active-link:before{opacity:1;transform:scaleY(1)}.layout-sidenav .mat-mdc-list-item .mat-icon{color:currentColor}.nav-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#ffffff0a}.nav-icon mat-icon{width:18px;height:18px;font-size:18px}.nav-arrow{position:absolute;right:13px;width:15px;height:15px;opacity:0;font-size:15px;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.layout-sidenav .mat-mdc-list-item:hover .nav-arrow,.layout-sidenav .active-link .nav-arrow{opacity:.75;transform:translate(0)}.network-illustration{position:absolute;right:14px;bottom:91px;left:14px;height:180px;overflow:hidden;border:1px solid var(--nav-line);border-radius:14px;background:#111;animation:nav-enter .6s .14s cubic-bezier(.2,.75,.25,1) both}.network-illustration:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(10,10,10,.92) 92%);content:""}.network-illustration img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform .7s cubic-bezier(.2,.75,.25,1),opacity .3s ease}.network-illustration:hover img{opacity:.92;transform:scale(1.06)}.network-illustration__overlay{position:absolute;right:14px;bottom:13px;left:14px;z-index:1;display:grid}.network-status{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#d7d7d7;font-size:.59rem;font-weight:650;text-transform:uppercase;letter-spacing:.07em}.network-status i,.toolbar-context small i{width:6px;height:6px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px #3ddc841a;animation:status-pulse 2.4s ease-out infinite}.network-illustration__overlay strong{font-size:.76rem;font-weight:680}.network-illustration__overlay small{margin-top:3px;color:#777;font-size:.62rem}.sidenav-footer{position:absolute;right:14px;bottom:17px;left:14px}.system-state{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--nav-line);border-radius:12px;background:var(--nav-panel)}.system-state__signal{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px #3ddc8417}.system-state strong{font-size:.67rem;font-weight:650}.system-state small{margin-top:2px;color:#707070;font-size:.59rem}.layout-toolbar{position:sticky;top:0;z-index:10;height:72px;padding:0 clamp(16px,2.5vw,34px);border-bottom:1px solid #e8e8e6;background:#fafaf9e0;color:#252525;-webkit-backdrop-filter:blur(20px) saturate(155%);backdrop-filter:blur(20px) saturate(155%);animation:toolbar-enter .48s ease both}.toolbar-context{display:flex;align-items:center;gap:11px}.toolbar-context__icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e7e7e4;border-radius:10px;background:#fff;color:#8a6300;box-shadow:0 1px 2px #18181808}.toolbar-context__icon mat-icon{width:18px;height:18px;font-size:18px}.toolbar-context>span:last-child{display:grid}.toolbar-context strong{font-size:.76rem;font-weight:700}.toolbar-context small{display:flex;align-items:center;gap:6px;margin-top:2px;color:#8b8b8b;font-size:.62rem}.spacer{flex:1 1 auto}.toolbar-status{display:flex;align-items:center;gap:6px;margin-right:16px;padding:7px 10px;border:1px solid #e8e8e6;border-radius:9px;background:#fff;color:#606060;font-size:.66rem;font-weight:650}.toolbar-status mat-icon{width:15px;height:15px;color:#16965e;font-size:15px}.user-menu-trigger{width:auto;height:54px;min-width:0;min-height:54px;margin:0;padding:4px 9px 4px 5px;overflow:visible;border:1px solid transparent;border-radius:12px;line-height:normal;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.user-menu-trigger:hover{border-color:#e7e7e4;background:#fff;box-shadow:0 8px 24px #1717170f}.user-menu-trigger .mdc-button__label{display:flex;height:100%;align-items:center;justify-content:flex-start;overflow:visible}.user-menu-trigger .user-avatar{order:1}.user-menu-trigger .user-meta{order:2}.user-menu-trigger>.mdc-button__label>mat-icon{order:3;margin:0 0 0 2px}.user-avatar,.menu-avatar{display:grid;place-items:center;border-radius:9px;background:#242424;color:var(--nav-accent);font-size:.78rem;font-weight:800}.user-avatar{width:36px;height:36px;flex:0 0 36px;box-shadow:inset 0 0 0 1px #ffffff14}.user-meta{min-width:92px;margin:0 7px 0 10px;text-align:left}.user-meta strong{overflow:hidden;max-width:150px;color:#252525;font-size:.72rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.user-meta small{margin-top:3px;color:#929292;font-size:.58rem;font-weight:650;line-height:1.15;text-transform:uppercase}.account-menu{min-width:250px;border:1px solid #e7e7e4;border-radius:13px;box-shadow:0 18px 50px #23231e24}.menu-profile{display:flex;align-items:center;gap:11px;padding:15px 16px 13px;border-bottom:1px solid #ededeb}.menu-avatar{width:36px;height:36px;flex:0 0 auto}.menu-profile strong{max-width:165px;overflow:hidden;color:#2b2b2b;font-size:.75rem;text-overflow:ellipsis}.menu-profile small{max-width:165px;overflow:hidden;margin-top:2px;color:#8b8b8b;font-size:.62rem;text-overflow:ellipsis}.menu-role-label{display:flex;align-items:center;gap:7px;margin:8px;padding:8px 9px;border-radius:8px;background:#fff8e1;color:#7a5900;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.menu-role-label mat-icon{width:15px;height:15px;font-size:15px}.layout-content{min-height:calc(100dvh - 72px);background:radial-gradient(circle at 92% 0%,rgba(255,184,0,.04),transparent 27%),#f7f7f6}@keyframes nav-enter{0%{opacity:0;transform:translateY(12px)}}@keyframes toolbar-enter{0%{opacity:0;transform:translateY(-8px)}}@keyframes status-pulse{70%,to{box-shadow:0 0 0 8px #3ddc8400}}@media(max-height:760px)and (min-width:721px){.network-illustration{display:none}}@media(max-width:960px){.layout-sidenav{width:226px}.network-illustration{height:155px}.workspace-identity>mat-icon,.nav-arrow{display:none}}@media(max-width:720px){.layout-container{padding-bottom:72px}.layout-sidenav{position:fixed!important;inset:auto 0 0!important;z-index:30;width:100%!important;height:72px;overflow:visible;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -14px 35px #14141421;transform:none!important}.layout-container .mat-drawer-content{margin-left:0!important}.brand,.workspace-identity,.nav-label,.network-illustration,.sidenav-footer{display:none}.primary-nav,mat-nav-list{height:100%}mat-nav-list{display:flex;align-items:stretch;justify-content:space-around;padding:5px 7px}.layout-sidenav .mat-mdc-list-item{width:auto;min-width:68px;height:62px;flex:1;margin:0 2px;padding:0 5px}.layout-sidenav .mat-mdc-list-item:before{inset:auto 25% 0;width:auto;height:3px;transform:scaleX(.35)}.layout-sidenav .active-link:before{transform:scaleX(1)}.layout-sidenav .mdc-list-item__content{display:grid;place-items:center}.layout-sidenav .mdc-list-item__primary-text{display:block;margin-top:2px;font-size:.57rem;line-height:1;text-align:center;white-space:nowrap}.layout-sidenav .mat-mdc-list-item:hover{transform:none}.nav-icon{width:27px;height:27px;margin:0 auto;background:transparent}.nav-arrow{display:none}.layout-toolbar{height:62px;padding:0 12px 0 15px}.toolbar-context__icon,.toolbar-status,.user-meta{display:none}.user-menu-trigger{width:46px;height:46px;min-height:46px;padding:5px}.user-menu-trigger .mdc-button__label{justify-content:center}.user-menu-trigger>.mdc-button__label>mat-icon{display:none}.toolbar-context strong{font-size:.72rem}.layout-content{min-height:calc(100dvh - 134px)}}@media(max-width:380px){.layout-sidenav .mat-mdc-list-item{min-width:58px}.layout-sidenav .mdc-list-item__primary-text{font-size:.52rem}}@media(prefers-reduced-motion:reduce){.workspace-identity,.primary-nav,.network-illustration,.layout-toolbar,.network-status i,.toolbar-context small i{animation:none}.layout-sidenav .mat-mdc-list-item,.nav-arrow,.network-illustration img,.user-menu-trigger{transition:none}.layout-sidenav .mat-mdc-list-item:hover,.network-illustration:hover img{transform:none}}@media(prefers-reduced-transparency:reduce){.layout-toolbar{background:#fafaf9;-webkit-backdrop-filter:none;backdrop-filter:none}}.dashboard-page{--dash-amber: #ffb800;--dash-ink: #191919;--dash-muted: #757575;width:min(100%,1480px);max-width:none;padding:clamp(20px,3.5vw,52px);color:var(--dash-ink)}.dashboard-hero{position:relative;isolation:isolate;display:grid;min-height:340px;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);overflow:hidden;border:1px solid #dededb;border-radius:18px;background:#f0f0ee;box-shadow:0 12px 35px #28281e0d;animation:dashboard-rise .62s cubic-bezier(.2,.75,.25,1) both}.dashboard-hero:before{position:absolute;inset:-180px auto auto -130px;z-index:-1;width:390px;height:390px;border-radius:50%;background:#ffb8001c;content:"";animation:dashboard-orbit 12s ease-in-out infinite alternate}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4.5vw,64px)}.hero-status{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;color:#6c520d;font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.live-indicator,.freshness-badge span{width:7px;height:7px;border-radius:50%;background:#20a365;box-shadow:0 0 0 4px #20a3651c;animation:dashboard-pulse 2.3s ease-out infinite}.hero-copy h1{max-width:680px;margin:0;font-size:clamp(2.1rem,4vw,4rem);font-weight:680;letter-spacing:-.06em;line-height:.99}.hero-copy>p{max-width:48ch;margin:18px 0 0;color:#666;font-size:clamp(.9rem,1.3vw,1.03rem);line-height:1.65}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.role-chip,.sync-state{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;font-size:.65rem;font-weight:680}.role-chip{border:1px solid #e2c66f;background:#fff7dd;color:#755500;text-transform:capitalize}.sync-state{border:1px solid #d7d7d4;background:#ffffffa6;color:#707070}.role-chip mat-icon,.sync-state mat-icon{width:14px;height:14px;font-size:14px}.hero-visual{position:relative;min-height:340px;overflow:hidden}.hero-visual:after{position:absolute;inset:0;background:linear-gradient(90deg,#f0f0ee 0%,transparent 28%);content:"";pointer-events:none}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;animation:dashboard-image .9s .1s cubic-bezier(.2,.75,.25,1) both}.hero-scan{position:absolute;top:0;bottom:0;left:25%;z-index:1;width:1px;background:linear-gradient(180deg,transparent,rgba(255,184,0,.7),transparent);box-shadow:0 0 20px #ffb80040;animation:dashboard-scan 5s ease-in-out infinite}.visual-status{position:absolute;right:20px;bottom:20px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.7);border-radius:13px;background:#ffffffe0;box-shadow:0 14px 35px #28231424;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:dashboard-float 4.5s ease-in-out infinite}.visual-status__icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--dash-amber);color:#241b03}.visual-status__icon mat-icon{width:17px;height:17px;font-size:17px}.visual-status>span:last-child{display:grid}.visual-status strong{font-size:.68rem}.visual-status small{margin-top:2px;color:#777;font-size:.58rem}.metrics-section,.dashboard-state{padding-top:clamp(34px,5vw,64px)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-kicker,.state-kicker{color:#8a6500;font-size:.64rem;font-weight:780;letter-spacing:.09em;text-transform:uppercase}.section-heading h2,.network-copy h2,.state-panel h2{margin:7px 0 0;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;letter-spacing:-.035em}.section-heading p,.network-copy p{margin:6px 0 0;color:#8a8a8a;font-size:.76rem}.freshness-badge{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #e0e0dd;border-radius:9px;background:#fff;color:#656565;font-size:.64rem;font-weight:650}.metrics-grid{display:grid;gap:14px}.metrics-grid--primary{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card--featured{grid-column:span 2}.metric-card .stat-card{position:relative;min-height:148px;height:100%;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:22px;overflow:hidden;padding:20px;border:1px solid #dfdfdc;border-radius:15px;background:#fff;box-shadow:0 3px 10px #23231e08;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;animation:metric-enter .52s cubic-bezier(.2,.75,.25,1) both}.metric-card:nth-child(2) .stat-card{animation-delay:55ms}.metric-card:nth-child(3) .stat-card{animation-delay:.11s}.metric-card:nth-child(4) .stat-card{animation-delay:165ms}.metric-card:nth-child(5) .stat-card{animation-delay:.22s}.metric-card .stat-card:after{position:absolute;inset:auto 16px 0;height:2px;border-radius:2px 2px 0 0;background:#ebebe8;content:"";transition:background-color .18s ease,inset .18s ease}.metric-card .stat-card:hover{border-color:#cfcfca;box-shadow:0 15px 34px #2a261c14;transform:translateY(-3px)}.metric-card .stat-card:hover:after{inset:auto 0 0;background:var(--dash-amber)}.metric-card .stat-icon{width:35px;height:35px;border-radius:10px;color:#fff;box-shadow:inset 0 1px #ffffff38}.metric-card .stat-icon mat-icon{width:18px;height:18px;font-size:18px}.metric-card:first-child .stat-icon,.network-card:last-child .stat-icon{color:#241b03}.metric-card .stat-body{width:100%;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px}.metric-card .stat-value{color:#181818;font-size:clamp(1.85rem,3vw,2.55rem);font-weight:680;letter-spacing:-.055em;line-height:.92}.metric-card .stat-label{max-width:100px;color:#787878;font-size:.7rem;font-weight:580;line-height:1.35;text-align:right}.metric-card--featured .stat-card{background:radial-gradient(circle at 90% -20%,rgba(255,184,0,.17),transparent 44%),#fff}.metric-card--featured .stat-value{font-size:clamp(2.35rem,4vw,3.3rem)}.network-section{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(26px,5vw,72px);margin-top:clamp(42px,6vw,78px);padding:clamp(26px,4vw,44px);border:1px solid #dfdfdc;border-radius:17px;background:#ededeb}.network-copy{display:flex;flex-direction:column;justify-content:center}.network-copy p{max-width:42ch;line-height:1.55}.network-note{display:flex;align-items:center;gap:7px;width:fit-content;margin-top:24px;color:#696969;font-size:.66rem;font-weight:650}.network-note mat-icon{width:16px;height:16px;color:#8a6500;font-size:16px}.state-panel{display:flex;align-items:center;gap:20px;padding:clamp(24px,4vw,38px);border:1px solid #dfdfdc;border-radius:16px;background:#fff}.state-panel p{margin:7px 0 0;color:#767676;font-size:.82rem;line-height:1.55}.state-panel--error{border-color:#efcaca;background:snow}.state-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:11px;background:#fff0f0;color:#bf3333}.state-panel--empty{min-height:300px;overflow:hidden;padding:0;background:#ededeb}.empty-visual{width:min(48%,520px);align-self:stretch;overflow:hidden}.empty-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.state-copy{max-width:460px;padding:clamp(28px,5vw,60px)}.state-copy h2{font-size:clamp(1.45rem,2.5vw,2rem)}.empty-hint{display:flex;align-items:center;gap:7px;margin-top:22px;color:#7a5900;font-size:.68rem;font-weight:680}.empty-hint mat-icon{width:16px;height:16px;font-size:16px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skeleton-card{display:flex;min-height:148px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px;border:1px solid #e5e5e2;border-radius:15px;background:#fff}.skeleton-card:first-child{grid-column:span 2}.skeleton{display:block;border-radius:7px;background:linear-gradient(90deg,#ededeb 20%,#fafafa,#ededeb 80%);background-size:220% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.skeleton-title{width:124px;height:16px}.skeleton-caption{width:190px;height:11px;margin-top:9px}.skeleton-icon{width:35px;height:35px;border-radius:10px}.skeleton-value{width:58px;height:32px;margin-top:auto}.skeleton-label{width:82px;height:10px;align-self:flex-end;margin-top:-12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes dashboard-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes dashboard-image{0%{opacity:0;transform:scale(1.04)}}@keyframes dashboard-orbit{to{transform:translate(80px,60px) scale(1.12)}}@keyframes dashboard-float{50%{transform:translateY(-7px)}}@keyframes dashboard-scan{0%,to{transform:translate(0);opacity:0}20%,80%{opacity:1}50%{transform:translate(430px)}}@keyframes dashboard-pulse{70%,to{box-shadow:0 0 0 8px #20a36500}}@keyframes metric-enter{0%{opacity:0;transform:translateY(15px)}}@keyframes skeleton-shimmer{to{background-position-x:-220%}}@media(max-width:1100px){.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr)}.metrics-grid--primary,.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.dashboard-page{padding:20px 18px 38px}.dashboard-hero{grid-template-columns:1fr}.hero-copy{padding-bottom:26px}.hero-visual{min-height:230px}.hero-visual:after{background:linear-gradient(180deg,#f0f0ee 0%,transparent 25%)}.network-section{grid-template-columns:1fr}}@media(max-width:560px){.hero-copy h1{font-size:2.2rem}.visual-status{right:12px;bottom:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:13px}.metrics-grid--primary,.metrics-grid--secondary,.skeleton-grid{grid-template-columns:1fr}.metric-card--featured,.skeleton-card:first-child{grid-column:auto}.metric-card .stat-body{align-items:flex-start;flex-direction:column;gap:8px}.metric-card .stat-label{max-width:none;text-align:left}.state-panel--empty{flex-direction:column}.empty-visual{width:100%;height:190px}.state-copy{text-align:center}.empty-hint{justify-content:center}}@media(prefers-reduced-motion:reduce){.dashboard-hero,.dashboard-hero:before,.hero-visual img,.hero-scan,.visual-status,.live-indicator,.freshness-badge span,.metric-card .stat-card,.skeleton{animation:none}.metric-card .stat-card,.metric-card .stat-card:after{transition:none}.metric-card .stat-card:hover{transform:none}}@media(prefers-reduced-transparency:reduce){.visual-status{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}:is(app-trip-list,app-trip-detail,app-request-ride,app-trip-history){--trip-ink: #171717;--trip-muted: #6d6a63;--trip-line: #e5e2db;--trip-paper: #fffefa;--trip-amber: #ffb800;--trip-amber-deep: #d99500}:is(app-trip-list,app-trip-detail,app-request-ride) .header-kicker{color:#a86e00}:is(app-trip-list,app-trip-detail,app-request-ride) h1{color:var(--trip-ink)}app-trip-list .header-summary{border-left-color:var(--trip-amber);border-radius:0 14px 14px 0;background:linear-gradient(90deg,#fff4cf,#fff4cf1f)}app-trip-list .table-section,app-trip-detail :is(.trip-summary-card,.timeline-card),app-request-ride :is(.form-card,.fare-card){border-color:var(--trip-line);box-shadow:0 18px 50px #17171712}app-trip-list .table-section{animation:trip-rise .52s cubic-bezier(.2,.8,.2,1) both}app-trip-list .trip-row{position:relative}app-trip-list .trip-row:hover,app-trip-list .trip-row:focus-visible{background:#fffbef}app-trip-list .trip-row td:first-child{border-left:3px solid transparent;transition:border-color .18s ease}app-trip-list .trip-row:hover td:first-child,app-trip-list .trip-row:focus-visible td:first-child{border-left-color:var(--trip-amber)}app-trip-list .action-cell button:hover{background:var(--trip-amber);color:var(--trip-ink);transform:translate(2px)}app-trip-list .empty-ledger img,app-trip-detail .not-found img{width:min(100%,340px);aspect-ratio:3/2;border-radius:20px;object-fit:cover;filter:saturate(.9);box-shadow:0 18px 46px #1717171a}app-trip-detail .trip-overview{position:relative;overflow:hidden;border:1px solid #2b2b2b;background:radial-gradient(circle at 76% 10%,rgba(255,184,0,.22),transparent 28%),#171717;color:#fff;box-shadow:0 22px 60px #17171729}app-trip-detail .trip-overview:after{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;content:"";-webkit-mask-image:linear-gradient(90deg,transparent 45%,#000);mask-image:linear-gradient(90deg,transparent 45%,#000);pointer-events:none}app-trip-detail .trip-overview :is(h2,strong){color:#fff}app-trip-detail .overview-label,app-trip-detail .trip-overview p,app-trip-detail .overview-fare :is(span,small){color:#bbb7ae}app-trip-detail .overview-fare strong{color:var(--trip-amber)}app-trip-detail .trip-grid>*{animation:trip-rise .56s cubic-bezier(.2,.8,.2,1) both}app-trip-detail .trip-grid>*:nth-child(2){animation-delay:90ms}app-trip-detail .route-track span,app-trip-detail .timeline-marker{background:var(--trip-amber)}app-trip-detail .distance-badge,app-trip-detail .person-icon{border-color:#f1d887;background:#fff7db;color:#8b5b00}app-trip-detail .timeline-item--latest .timeline-marker{animation:trip-pulse 2s ease-out infinite;box-shadow:0 0 0 5px #ffb80029}app-request-ride .request-header{border-color:#dedbd4;background:linear-gradient(90deg,#fffefa 0 48%,rgba(255,254,250,.6) 70%,transparent),#f1eee8;box-shadow:0 18px 54px #17171712}app-request-ride .header-illustration{width:min(45%,450px);margin:-52px -52px -52px 0;align-self:stretch}app-request-ride .header-illustration img{height:100%;object-fit:cover;object-position:61% center;animation:trip-image-in .75s cubic-bezier(.2,.8,.2,1) both}app-request-ride .request-grid>*{animation:trip-rise .56s 80ms cubic-bezier(.2,.8,.2,1) both}app-request-ride .request-grid>*:nth-child(2){animation-delay:.15s}app-request-ride .step-icon{background:#fff2c2;color:#805500}app-request-ride .submit-btn{background:var(--trip-amber)!important;color:var(--trip-ink)!important;box-shadow:0 10px 24px #ffb8003d}app-request-ride .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 32px #ffb8004d}app-request-ride .fare-card{background:#171717}app-request-ride .fare-amount strong{color:var(--trip-amber)}app-request-ride .fare-meta mat-icon{color:var(--trip-amber)}app-trip-history .dh-page-header{margin-bottom:18px;padding:clamp(28px,4vw,48px);border-radius:24px;background:#171717}app-trip-history .dh-page-header h1{color:#fff}app-trip-history .dh-empty-state{position:relative;min-height:520px;overflow:hidden;border-color:var(--trip-line);background:linear-gradient(90deg,#fffefaf5 0 42%,#fffefa5c),url(/assets/trips/trip-journey.png) center/cover;box-shadow:0 22px 60px #17171717}app-trip-history .dh-empty-state:before{display:block;padding:7px 11px;border:1px solid #ecd47f;border-radius:999px;background:#fff6d6;color:#785000;content:"TRIP ARCHIVE";font-size:.66rem;font-weight:800;letter-spacing:.1em}app-trip-history .dh-empty-state mat-icon{background:#171717;color:var(--trip-amber)}app-trip-history .dh-empty-state p{max-width:280px;color:#4f4c46;font-weight:650}.dh-status-chip{gap:7px;border-radius:9px;letter-spacing:.025em}.dh-status-chip:before{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor;content:""}.dh-status-accepted{border-color:#ecd47f;background:#fff6d6;color:#785000}.dh-status-arrived{border-color:#d6d3cd;background:#252525;color:#fff}.dh-status-in_progress{border-color:#e0a000;background:#ffb800;color:#332400}@keyframes trip-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes trip-image-in{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes trip-pulse{0%,to{box-shadow:0 0 0 5px #ffb80024}50%{box-shadow:0 0 0 11px #ffb80005}}@media(max-width:720px){app-request-ride .header-illustration{display:none}app-trip-history .dh-empty-state{min-height:430px;background:linear-gradient(#fffefac2,#fffefaf0),url(/assets/trips/trip-journey.png) center/cover}}@media(prefers-reduced-motion:reduce){:is(app-trip-list,app-trip-detail,app-request-ride) *{animation:none!important}}:root{color-scheme:light;--dh-bg: #f6f7f9;--dh-surface: #ffffff;--dh-surface-subtle: #f9fafb;--dh-ink: #17191d;--dh-ink-muted: #667085;--dh-ink-faint: #98a2b3;--dh-line: #e7e9ee;--dh-line-strong: #d9dde5;--dh-accent: #2563eb;--dh-accent-strong: #1d4ed8;--dh-accent-soft: #eff6ff;--dh-danger: #c24141;--dh-radius-sm: 10px;--dh-radius: 14px;--dh-radius-lg: 18px;--dh-shadow-sm: 0 1px 2px rgb(16 24 40 / 4%);--dh-shadow-md: 0 14px 38px rgb(31 41 55 / 8%);--dh-color-requested: #667085;--dh-color-accepted: #2563eb;--dh-color-arrived: #7c3aed;--dh-color-in-progress: #c76b14;--dh-color-completed: #16855b;--dh-color-cancelled: #c24141}html,body{min-height:100%;margin:0;background:var(--dh-bg);color:var(--dh-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.dh-page{width:min(100%,1480px);min-height:calc(100dvh - 68px);margin:0 auto;padding:clamp(24px,3.6vw,56px)}.dh-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(24px,4vw,40px)}.dh-page-header h1{margin:0;color:var(--dh-ink);font-size:clamp(1.9rem,4vw,3rem);font-weight:680;letter-spacing:-.045em;line-height:1.05}.dh-page-header p{max-width:58ch;margin:10px 0 0;color:var(--dh-ink-muted);line-height:1.6}.dh-loading-state,.dh-empty-state{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:clamp(32px,7vw,72px);border:1px solid var(--dh-line);border-radius:var(--dh-radius-lg);background:var(--dh-surface);color:var(--dh-ink-muted);text-align:center;box-shadow:var(--dh-shadow-sm)}.dh-empty-state mat-icon{width:48px;height:48px;padding:12px;border-radius:var(--dh-radius-sm);background:var(--dh-accent-soft);color:var(--dh-accent);font-size:24px}.dh-empty-state p,.dh-loading-state p{margin:0;line-height:1.55}.dh-status-chip{display:inline-flex;min-height:26px;align-items:center;padding:4px 9px;border:1px solid transparent;border-radius:7px;font-size:.7rem;font-weight:700;letter-spacing:.035em;line-height:1;white-space:nowrap}.dh-status-requested{border-color:#e4e7ec;background:#f2f4f7;color:#475467}.dh-status-accepted{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.dh-status-arrived{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.dh-status-in_progress{border-color:#fed7aa;background:#fff7ed;color:#b45309}.dh-status-completed{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.dh-status-cancelled{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.dh-full-width{width:100%}.mat-mdc-card{--mdc-elevated-card-container-elevation: none}.mat-mdc-form-field{--mdc-outlined-text-field-container-shape: var(--dh-radius-sm);--mdc-outlined-text-field-outline-color: var(--dh-line-strong);--mdc-outlined-text-field-hover-outline-color: #aeb5c1;--mdc-outlined-text-field-focus-outline-color: var(--dh-accent)}.mat-mdc-unelevated-button,.mat-mdc-button,.mat-mdc-icon-button{--mdc-filled-button-container-shape: var(--dh-radius-sm);--mdc-text-button-container-shape: var(--dh-radius-sm);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.mat-mdc-unelevated-button:active,.mat-mdc-button:active,.mat-mdc-icon-button:active{transform:translateY(1px)}@media(max-width:720px){.dh-page{min-height:calc(100dvh - 60px);padding:24px 18px 40px}.dh-page-header{align-items:stretch;flex-direction:column;gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}