@layer components{.sidebar{display:flex;flex-direction:column;inline-size:var(--nav-drawer-width);block-size:100%;background-color:var(--md-sys-color-surface-container-low);border-inline-end:1px solid var(--md-sys-color-outline-variant);padding-block:var(--space-md);padding-inline:var(--space-sm);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-md);padding-inline:var(--space-md);margin-block-end:var(--space-sm)}.sidebar-brand-name{font-family:var(--md-sys-typescale-display-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;margin:0;padding:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-md);min-block-size:var(--touch-target-min);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--md-sys-shape-full);color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-size);font-weight:var(--md-sys-typescale-label-weight);transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.sidebar-nav-item:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent);color:var(--md-sys-color-on-surface)}.sidebar-nav-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.sidebar-nav-item-active{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.sidebar-nav-item-active:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary-container) 88%,white);color:var(--md-sys-color-on-primary-container)}.sidebar-nav-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.sidebar-spacer{flex:1}.sidebar-legal-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-block-start:var(--space-sm);border-block-start:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-weight);opacity:.6;transition:opacity var(--md-motion-duration-short) var(--md-motion-easing-standard),color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.sidebar-legal-link:hover{opacity:1;color:var(--md-sys-color-primary)}.sidebar-legal-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--md-sys-shape-xs);opacity:1}.sidebar-legal-icon{font-size:1rem;line-height:1}}@layer components{.topbar{display:flex;align-items:center;justify-content:space-between;block-size:64px;padding-inline:var(--space-lg);background-color:var(--md-sys-color-surface-container);border-block-end:1px solid var(--md-sys-color-outline-variant)}.topbar-title{font-family:var(--md-sys-typescale-display-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface);margin:0}.topbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.topbar-lang-switcher{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-block-size:var(--touch-target-min);min-inline-size:var(--touch-target-min);padding-inline:var(--space-md);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-full);background-color:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-label-size);font-weight:var(--md-sys-typescale-label-weight);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),border-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.topbar-lang-switcher:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent);border-color:var(--md-sys-color-outline)}.topbar-lang-switcher:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.topbar-lang-icon{font-size:1.25rem;line-height:1}.topbar-terms-link{display:inline-flex;align-items:center;justify-content:center;min-block-size:40px;min-inline-size:40px;border-radius:var(--md-sys-shape-full);color:var(--md-sys-color-on-surface-variant);text-decoration:none;opacity:.5;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),opacity var(--md-motion-duration-short) var(--md-motion-easing-standard),color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.topbar-terms-link:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent);opacity:1;color:var(--md-sys-color-primary)}.topbar-terms-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;opacity:1}.topbar-terms-icon{font-size:1.25rem;line-height:1}}@layer components{.mobile-nav{position:fixed;inset-inline:0;inset-block-end:0;display:flex;align-items:center;justify-content:space-around;block-size:56px;padding-block-end:env(safe-area-inset-bottom,0px);background-color:var(--md-sys-color-surface-container-high);border-block-start:1px solid var(--md-sys-color-outline-variant);z-index:50}.mobile-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-block-size:var(--touch-target-min);min-inline-size:var(--touch-target-min);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--md-sys-shape-md);color:var(--md-sys-color-on-surface-variant);text-decoration:none;transition:color var(--md-motion-duration-short) var(--md-motion-easing-standard),background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.mobile-nav-tab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.mobile-nav-tab-active{color:var(--md-sys-color-primary)}.mobile-nav-tab-active .mobile-nav-icon-wrapper{background-color:var(--md-sys-color-primary-container)}.mobile-nav-tab-active .mobile-nav-icon{color:var(--md-sys-color-on-primary-container)}.mobile-nav-icon-wrapper{display:flex;align-items:center;justify-content:center;inline-size:3.5rem;block-size:2rem;border-radius:var(--md-sys-shape-full);transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.mobile-nav-icon{font-size:1.5rem;line-height:1}.mobile-nav-label{font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-weight);line-height:1}}@layer components{.ticker-banner{width:100%;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);font-size:.75rem;padding:6px 0;overflow:hidden;display:flex;white-space:nowrap;border-block-end:1px solid var(--md-sys-color-outline-variant)}.ticker-banner__scroll{display:flex;animation:ticker-scroll-ltr 30s linear infinite}.ticker-banner__scroll--rtl{animation:ticker-scroll-rtl 30s linear infinite}.ticker-banner__scroll:hover,.ticker-banner__scroll--rtl:hover{animation-play-state:paused}.ticker-banner__text{padding-inline-end:2rem;font-weight:500}@keyframes ticker-scroll-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ticker-scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}}@layer components{.app-shell{display:grid;grid-template-columns:var(--nav-drawer-width) minmax(0,1fr);grid-template-rows:auto auto 1fr;min-block-size:100dvh}.app-shell-sidebar{grid-row:1 / -1;grid-column:1}.app-shell-ticker{grid-column:2;grid-row:1}.app-shell-topbar{grid-column:2;grid-row:2}.app-shell-main{grid-column:2;grid-row:3;padding:var(--content-padding);overflow-y:auto;min-inline-size:0}.app-shell-mobile{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;min-block-size:100dvh}.app-shell-mobile .app-shell-ticker{grid-column:1;grid-row:1}.app-shell-mobile .app-shell-topbar{grid-column:1;grid-row:2}.app-shell-mobile .app-shell-main{grid-column:1;grid-row:3;padding:var(--content-padding);padding-block-end:calc(56px + env(safe-area-inset-bottom,0px) + var(--space-md));overflow-y:auto;min-inline-size:0}}@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-block-size:var(--touch-target-min);padding-block:var(--space-sm);padding-inline:var(--space-lg);border:2px solid transparent;border-radius:var(--md-sys-shape-full);font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-size);font-weight:var(--md-sys-typescale-label-weight);line-height:1.2;cursor:pointer;user-select:none;text-decoration:none;white-space:nowrap;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),border-color var(--md-motion-duration-short) var(--md-motion-easing-standard),opacity var(--md-motion-duration-short) var(--md-motion-easing-standard),box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard)}.button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.button-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.button-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary) 88%,white);box-shadow:var(--md-elevation-1)}.button-primary:active:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary) 80%,white)}.button-secondary{background-color:transparent;border-color:var(--md-sys-color-outline);color:var(--md-sys-color-primary)}.button-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);border-color:var(--md-sys-color-primary)}.button-secondary:active:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent)}.button-ghost{background-color:transparent;color:var(--md-sys-color-primary);padding-inline:var(--space-md)}.button-ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent)}.button-ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent)}.button:disabled,.button-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.button-loading{pointer-events:none}.button-icon{font-size:1.25rem;line-height:1}.button-spinner{display:inline-block;inline-size:1.125rem;block-size:1.125rem;border:2px solid currentColor;border-block-start-color:transparent;border-radius:var(--md-sys-shape-full);animation:spin var(--md-motion-duration-long) linear infinite}}@layer components{.cookie-consent{position:fixed;inset-inline:0;inset-block-end:0;z-index:900;padding:var(--space-md) var(--space-lg);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-block-start:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-elevation-3);animation:cookie-slide-up var(--md-motion-duration-medium) var(--md-motion-easing-decelerate)}.cookie-consent-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);max-inline-size:1200px;margin-inline:auto}.cookie-consent-text{font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-small-size);font-weight:var(--md-sys-typescale-body-small-weight);color:var(--md-sys-color-on-surface-variant);line-height:1.5;flex:1}.cookie-consent-link{color:var(--md-sys-color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.cookie-consent-link:hover{color:var(--md-sys-color-primary-container)}.cookie-consent-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--md-sys-shape-xs)}.cookie-consent-actions{display:flex;gap:var(--space-sm);flex-shrink:0}@keyframes cookie-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.cookie-consent{padding:var(--space-md)}.cookie-consent-inner{flex-direction:column;align-items:stretch;text-align:center}.cookie-consent-actions{justify-content:center}}}@layer components{.card{background-color:var(--md-sys-color-surface-container);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-md);padding:var(--space-lg);color:var(--md-sys-color-on-surface);transition:box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard),transform var(--md-motion-duration-short) var(--md-motion-easing-standard)}.card-elevation-0{box-shadow:var(--md-elevation-0)}.card-elevation-1{box-shadow:var(--md-elevation-1)}.card-elevation-2{box-shadow:var(--md-elevation-2)}.card-elevation-3{box-shadow:var(--md-elevation-3)}.card-elevation-4{box-shadow:var(--md-elevation-4)}.card-elevation-5{box-shadow:var(--md-elevation-5)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--md-elevation-3)}.card-clickable:active{transform:translateY(-2px) scale(1.01)}.card-clickable:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}}@layer components{.input-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--space-xs)}.input-field-wrapper{position:relative;display:flex;align-items:center}.input-field{inline-size:100%;min-block-size:var(--touch-target-min);padding-block:var(--space-md);padding-inline:var(--space-md);padding-block-start:1.5rem;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-sm);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-size);caret-color:var(--md-sys-color-primary);outline:none;transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard),box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard)}.input-field::placeholder{color:transparent}.input-field:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}.input-field:disabled{opacity:.38;cursor:not-allowed}.input-textarea{resize:vertical;min-block-size:6rem}.input-label{position:absolute;inset-block-start:50%;inset-inline-start:var(--space-md);transform:translateY(-50%);color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-size);pointer-events:none;transform-origin:top left;transition:transform var(--md-motion-duration-short) var(--md-motion-easing-standard),font-size var(--md-motion-duration-short) var(--md-motion-easing-standard),color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.input-textarea~.input-label{inset-block-start:var(--space-md);transform:translateY(0)}.input-field:focus~.input-label,.input-field-filled~.input-label{transform:translateY(-140%);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-primary)}.input-textarea:focus~.input-label,.input-textarea.input-field-filled~.input-label{transform:translateY(-80%);font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-primary)}.input-error .input-field{border-color:var(--md-sys-color-error)}.input-error .input-field:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-error) 30%,transparent)}.input-error .input-label{color:var(--md-sys-color-error)}.input-helper{font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);padding-inline-start:var(--space-md)}.input-helper-error{color:var(--md-sys-color-error)}.input-required:after{content:" *";color:var(--md-sys-color-error)}}@layer components{.modal-scrim{position:fixed;inset:0;background-color:color-mix(in srgb,var(--md-sys-color-scrim) 60%,transparent);display:grid;place-items:center;padding:var(--space-lg);z-index:1000;animation:fade-in var(--md-motion-duration-medium) var(--md-motion-easing-decelerate)}.modal-dialog{background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-lg);padding:var(--space-lg);color:var(--md-sys-color-on-surface);max-inline-size:min(560px,90vw);inline-size:100%;max-block-size:85dvh;overflow-y:auto;box-shadow:var(--md-elevation-5);animation:fade-in-scale var(--md-motion-duration-medium) var(--md-motion-easing-decelerate)}.modal-dialog::backdrop{display:none}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-lg)}.modal-title{margin:0;font-family:var(--md-sys-typescale-display-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface)}.modal-close{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--touch-target-min);min-inline-size:var(--touch-target-min);border:none;border-radius:var(--md-sys-shape-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:1.5rem;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.modal-close:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.modal-close:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.modal-body{margin-block-end:var(--space-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-block-start:var(--space-md)}}@layer components{.chip{display:inline-flex;align-items:center;gap:var(--space-xs);min-block-size:2rem;padding-block:var(--space-xs);padding-inline:var(--space-md);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-full);font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-label-size);font-weight:var(--md-sys-typescale-label-weight);color:var(--md-sys-color-on-surface);background-color:transparent;cursor:pointer;user-select:none;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),border-color var(--md-motion-duration-short) var(--md-motion-easing-standard),color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.chip:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.chip-primary{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.chip-secondary{border-color:var(--md-sys-color-secondary);color:var(--md-sys-color-secondary)}.chip-success{border-color:var(--md-custom-color-success);color:var(--md-custom-color-success)}.chip-warning{border-color:var(--md-custom-color-warning);color:var(--md-custom-color-warning)}.chip-error{border-color:var(--md-sys-color-error);color:var(--md-sys-color-error)}.chip-selected.chip-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.chip-selected.chip-secondary{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.chip-selected.chip-success{background-color:var(--md-custom-color-success);color:var(--md-custom-color-on-success)}.chip-selected.chip-warning{background-color:var(--md-custom-color-warning);color:var(--md-custom-color-on-warning)}.chip-selected.chip-error{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.chip:hover:not(.chip-selected){background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.chip-remove{display:inline-flex;align-items:center;justify-content:center;inline-size:1.125rem;block-size:1.125rem;margin-inline-start:var(--space-xs);padding:0;border:none;border-radius:var(--md-sys-shape-full);background:transparent;color:inherit;cursor:pointer;font-size:1rem;line-height:1}.chip-remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}}@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;padding-block:2px;padding-inline:var(--space-sm);border-radius:var(--md-sys-shape-full);font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-weight);line-height:1.4;white-space:nowrap;user-select:none}.badge-status{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge-seniority{font-size:var(--md-sys-typescale-label-small-size);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.badge-demand{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.badge-color-primary{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge-color-secondary{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.badge-color-success{background-color:var(--md-custom-color-success-container);color:var(--md-custom-color-on-success-container)}.badge-color-warning{background-color:var(--md-custom-color-warning-container);color:var(--md-custom-color-on-warning-container)}.badge-color-error{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge-color-info{background-color:var(--md-custom-color-info-container);color:var(--md-custom-color-on-info-container)}}@layer components{.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-lg);text-align:center}.empty-state-icon{font-size:4rem;color:var(--md-sys-color-on-surface-variant);opacity:.5;line-height:1}.empty-state-title{margin:0;font-family:var(--md-sys-typescale-display-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface)}.empty-state-description{margin:0;font-size:var(--md-sys-typescale-body-size);color:var(--md-sys-color-on-surface-variant);max-inline-size:36ch}.empty-state-action{margin-block-start:var(--space-md)}}@layer components{.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;inset-inline-start:var(--space-md);font-size:1.25rem;color:var(--md-sys-color-on-surface-variant);pointer-events:none;line-height:1}.search-input-field{inline-size:100%;min-block-size:var(--touch-target-min);padding-block:var(--space-sm);padding-inline-start:calc(var(--space-md) + 1.25rem + var(--space-sm));padding-inline-end:calc(var(--space-md) + 1.25rem + var(--space-sm));background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-full);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-size);caret-color:var(--md-sys-color-primary);outline:none;transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard),box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard)}.search-input-field::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.6}.search-input-field:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}.search-input-clear{position:absolute;inset-inline-end:var(--space-xs);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--touch-target-min);min-inline-size:var(--touch-target-min);padding:0;border:none;border-radius:var(--md-sys-shape-full);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;font-size:1.25rem;line-height:1;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.search-input-clear:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)}.search-input-clear:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}}@layer components{.toggle{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;min-block-size:var(--touch-target-min);user-select:none}.toggle-disabled{opacity:.38;cursor:not-allowed}.toggle-track{position:relative;inline-size:3rem;block-size:1.75rem;border-radius:var(--md-sys-shape-full);background-color:var(--md-sys-color-surface-container-highest);border:2px solid var(--md-sys-color-outline);transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),border-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.toggle-track-checked{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.toggle-thumb{position:absolute;inset-block-start:50%;inset-inline-start:3px;transform:translateY(-50%);inline-size:1.125rem;block-size:1.125rem;border-radius:var(--md-sys-shape-full);background-color:var(--md-sys-color-outline);transition:inset-inline-start var(--md-motion-duration-short) var(--md-motion-easing-standard),inline-size var(--md-motion-duration-short) var(--md-motion-easing-standard),block-size var(--md-motion-duration-short) var(--md-motion-easing-standard),background-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.toggle-track-checked .toggle-thumb{inset-inline-start:calc(100% - 1.125rem - 3px);background-color:var(--md-sys-color-on-primary);inline-size:1.375rem;block-size:1.375rem}.toggle-input{position:absolute;opacity:0;inline-size:0;block-size:0;pointer-events:none}.toggle-input:focus-visible~.toggle-track{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.toggle-label-text{font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-size);color:var(--md-sys-color-on-surface)}}@layer components{.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background-color:var(--md-sys-color-surface-container);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-md);box-shadow:var(--md-elevation-1)}.stat-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:3rem;block-size:3rem;border-radius:var(--md-sys-shape-full);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:1.5rem;line-height:1}.stat-card-content{display:flex;flex-direction:column;gap:2px;min-inline-size:0;overflow:hidden}.stat-card-label{font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-label-size);font-weight:var(--md-sys-typescale-label-weight);color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-value{font-family:var(--md-sys-typescale-display-font);font-size:var(--md-sys-typescale-headline-size);font-weight:var(--md-sys-typescale-headline-weight);color:var(--md-sys-color-on-surface);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-weight);margin-inline-start:auto}.stat-card-trend-up{color:var(--md-custom-color-success)}.stat-card-trend-down{color:var(--md-sys-color-error)}.stat-card-trend-neutral{color:var(--md-sys-color-on-surface-variant)}.stat-card-trend-icon{font-size:1rem;line-height:1}}@layer components{.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding-block-end:var(--space-lg);margin-block-end:var(--space-lg);border-block-end:1px solid var(--md-sys-color-outline-variant)}.page-header-text{display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1 200px;min-inline-size:200px}.page-header-title{margin:0;font-family:var(--md-sys-typescale-display-font);font-size:var(--md-sys-typescale-headline-size);font-weight:var(--md-sys-typescale-headline-weight);color:var(--md-sys-color-on-surface);line-height:1.2}.page-header-subtitle{margin:0;font-size:var(--md-sys-typescale-body-size);color:var(--md-sys-color-on-surface-variant)}.page-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);flex-shrink:0}@media(max-width:600px){.page-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-end}}}@layer components{.confirm-dialog-message{font-size:var(--md-sys-typescale-body-size);color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.5}.confirm-dialog-danger-btn{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.confirm-dialog-danger-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-error) 88%,white)}}@layer components{.loading-skeleton{display:block;background:linear-gradient(90deg,var(--md-sys-color-surface-container-low) 25%,var(--md-sys-color-surface-container-high) 50%,var(--md-sys-color-surface-container-low) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-skeleton-text{block-size:1em;border-radius:var(--md-sys-shape-xs)}.loading-skeleton-circle{border-radius:var(--md-sys-shape-full)}.loading-skeleton-rect{border-radius:var(--md-sys-shape-sm)}.loading-skeleton-stack{display:flex;flex-direction:column;gap:var(--space-sm)}}@layer components{.tooltip-trigger{position:relative;display:inline-flex;align-items:center}.tooltip-trigger__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:18px;block-size:18px;padding:0;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-full);background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-font);font-size:.75rem;font-weight:600;line-height:1;cursor:help;user-select:none;transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard)}.tooltip-trigger__icon:hover{border-color:var(--md-sys-color-outline)}.tooltip-trigger__icon:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.tooltip-bubble{position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%);max-inline-size:240px;padding-block:6px;padding-inline:10px;border-radius:var(--md-sys-shape-xs);background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-sys-typescale-body-font);font-size:.75rem;line-height:1.4;white-space:normal;text-align:start;pointer-events:none;z-index:50;animation:tooltip-fade-in .15s var(--md-motion-easing-standard) both}[dir=rtl] .tooltip-bubble{transform:translate(50%)}.tooltip-bubble:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%);border-block-start:5px solid var(--md-sys-color-inverse-surface);border-inline:5px solid transparent;border-block-end:0}[dir=rtl] .tooltip-bubble:after{transform:translate(50%)}.tooltip-bubble--hidden{display:none}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[dir=rtl] .tooltip-bubble:not(.tooltip-bubble--hidden){animation-name:tooltip-fade-in-rtl}@keyframes tooltip-fade-in-rtl{0%{opacity:0;transform:translate(50%) translateY(4px)}to{opacity:1;transform:translate(50%) translateY(0)}}}@layer components{.toast-container{position:fixed;inset-inline:0;inset-block-end:0;z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-md, 16px);align-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-sm, 8px);padding-block:12px;padding-inline:16px;background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-sm);box-shadow:var(--md-sys-elevation-3);min-inline-size:240px;max-inline-size:400px;animation:toast-slide-in .2s var(--md-motion-easing-decelerate) forwards}.toast--exiting{animation:toast-slide-out .15s var(--md-motion-easing-accelerate) forwards}.toast--success .toast__icon{color:var(--md-sys-color-tertiary)}.toast--error .toast__icon{color:var(--md-sys-color-error)}.toast--info .toast__icon{color:var(--md-sys-color-primary)}.toast__icon{flex-shrink:0;font-size:20px}.toast__message{flex:1;font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-small-size, .75rem);line-height:var(--md-sys-typescale-body-small-line-height, 1rem)}.toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:24px;block-size:24px;padding:0;border:none;border-radius:var(--md-sys-shape-full);background:transparent;color:var(--md-sys-color-inverse-on-surface);cursor:pointer;font-size:18px;opacity:.7;transition:opacity var(--md-motion-duration-short) var(--md-motion-easing-standard)}.toast__close:hover{opacity:1}.toast__close:focus-visible{outline:2px solid var(--md-sys-color-inverse-primary, var(--md-sys-color-primary));outline-offset:2px}@keyframes toast-slide-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}}@layer components{.app-loading{display:grid;place-items:center;min-block-size:100dvh;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.app-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.app-loading-indicator{inline-size:2.5rem;block-size:2.5rem;border:3px solid var(--md-sys-color-surface-container-high);border-block-start-color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-full);animation:app-spin var(--md-motion-duration-long, .5s) linear infinite}.app-loading-text{font-family:var(--md-sys-typescale-body-font);font-size:var(--md-sys-typescale-body-size);color:var(--md-sys-color-on-surface-variant)}@keyframes app-spin{to{transform:rotate(360deg)}}.app-skeleton{display:grid;grid-template-columns:256px 1fr;grid-template-rows:64px 1fr;min-block-size:100dvh;background:var(--md-sys-color-surface, #141218)}.app-skeleton__sidebar{grid-row:1 / -1;grid-column:1;background:var(--md-sys-color-surface-container-low, #1d1b20);border-inline-end:1px solid var(--md-sys-color-outline-variant, #49454f);padding:20px 16px;display:flex;flex-direction:column;gap:8px}.app-skeleton__sidebar-logo{block-size:32px;inline-size:120px;border-radius:8px;margin-block-end:24px}.app-skeleton__sidebar-item{block-size:44px;border-radius:24px}.app-skeleton__topbar{grid-column:2;grid-row:1;background:var(--md-sys-color-surface-container, #211f26);border-block-end:1px solid var(--md-sys-color-outline-variant, #49454f);display:flex;align-items:center;padding-inline:24px;gap:16px}.app-skeleton__topbar-title{block-size:24px;inline-size:140px;border-radius:6px}.app-skeleton__topbar-spacer{flex:1}.app-skeleton__topbar-avatar{block-size:36px;inline-size:36px;border-radius:50%}.app-skeleton__content{grid-column:2;grid-row:2;padding:24px;display:flex;flex-direction:column;gap:16px}.app-skeleton__content-header{block-size:36px;inline-size:280px;border-radius:8px}.app-skeleton__content-stats{display:flex;gap:12px;flex-wrap:wrap}.app-skeleton__content-stat{flex:1 1 140px;block-size:80px;border-radius:12px}.app-skeleton__content-body{block-size:320px;border-radius:12px}@media(max-width:839px){.app-skeleton{grid-template-columns:1fr;grid-template-rows:56px 1fr 56px}.app-skeleton__sidebar{display:none}.app-skeleton__topbar{grid-column:1;grid-row:1}.app-skeleton__content{grid-column:1;grid-row:2;padding:16px}.app-skeleton__bottom-bar{grid-column:1;grid-row:3;background:var(--md-sys-color-surface-container-high, #2b2930);display:flex;align-items:center;justify-content:space-around;padding:8px 0}.app-skeleton__bottom-tab{display:flex;flex-direction:column;align-items:center;gap:4px}.app-skeleton__bottom-icon{block-size:24px;inline-size:24px;border-radius:50%}.app-skeleton__bottom-label{block-size:8px;inline-size:32px;border-radius:4px}}@media(min-width:840px){.app-skeleton__bottom-bar{display:none}}.app-skeleton__sidebar-logo,.app-skeleton__sidebar-item,.app-skeleton__topbar-title,.app-skeleton__topbar-avatar,.app-skeleton__content-header,.app-skeleton__content-stat,.app-skeleton__content-body,.app-skeleton__bottom-icon,.app-skeleton__bottom-label{background:linear-gradient(90deg,var(--md-sys-color-surface-container-low, #1d1b20) 25%,var(--md-sys-color-surface-container-high, #2b2930) 50%,var(--md-sys-color-surface-container-low, #1d1b20) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.route-skeleton{display:flex;flex-direction:column;gap:16px;padding:0;min-block-size:50dvh}.route-skeleton__header{block-size:36px;inline-size:260px;border-radius:8px}.route-skeleton__subtitle{block-size:16px;inline-size:180px;border-radius:6px;margin-block-start:-8px}.route-skeleton__stats{display:flex;gap:12px;flex-wrap:wrap}.route-skeleton__stat{flex:1 1 140px;block-size:80px;border-radius:12px}.route-skeleton__body{flex:1;min-block-size:200px;border-radius:12px}.route-skeleton__header,.route-skeleton__subtitle,.route-skeleton__stat,.route-skeleton__body{background:linear-gradient(90deg,var(--md-sys-color-surface-container-low, #1d1b20) 25%,var(--md-sys-color-surface-container-high, #2b2930) 50%,var(--md-sys-color-surface-container-low, #1d1b20) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.app-route-container{animation:app-fade-in var(--md-motion-duration-medium) var(--md-motion-easing-decelerate)}@keyframes app-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}