@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--color-primary: #158c83;--color-primary-strong: #0e6f69;--color-primary-soft: #ddf6f2;--color-primary-soft-strong: #bcebe4;--color-surface: #ffffff;--color-surface-raised: #f8fbfb;--color-surface-overlay: rgba(255, 255, 255, .78);--color-surface-inverse: #0f1d25;--color-page: #f3f7f8;--color-page-elevated: #eaf1f3;--color-border: #d8e3e4;--color-border-subtle: #e7eff0;--color-text-primary: #102229;--color-text-secondary: #53656d;--color-text-disabled: #95a3aa;--color-accent: #f3a641;--color-danger: #d95c5c;--color-warning: #d38b18;--color-success: #2e9b68;--color-info: #3d8ec9;--color-overlay: rgba(10, 23, 29, .32);--color-backdrop: rgba(245, 250, 250, .72);--color-focus-ring: rgba(21, 140, 131, .18);--color-brand-gradient-start: #16837c;--color-brand-gradient-end: #0f5c60;--color-brand-on-dark: #f6fffd;--color-hero-pattern: rgba(255, 255, 255, .12);--color-shadow: rgba(32, 53, 61, .12);--color-shadow-strong: rgba(25, 43, 49, .18);--color-skeleton-base: #e4edef;--color-skeleton-highlight: #f6fbfc;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.5rem;--space-10: 3rem;--space-11: 3.5rem;--space-12: 4rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 .5rem 1.25rem var(--color-shadow);--shadow-md: 0 1rem 2rem var(--color-shadow);--shadow-lg: 0 1.5rem 3.5rem var(--color-shadow-strong);--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 3rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1100;--z-overlay: 1200;--z-modal: 1300;--z-toast: 1400;--font-sans: "Inter", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;--font-display: "Inter", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;--gradient-page: radial-gradient(circle at top left, rgba(21, 140, 131, .12), transparent 24%), radial-gradient(circle at top right, rgba(243, 166, 65, .1), transparent 26%), linear-gradient(180deg, var(--color-surface-raised) 0%, var(--color-page) 100%);--app-bg: var(--gradient-page);--surface: var(--color-surface);--surface-elevated: var(--color-surface);--surface-muted: var(--color-surface-raised);--surface-strong: var(--color-surface);--surface-glass: var(--color-surface-overlay);--border: var(--color-border);--border-strong: var(--color-border-subtle);--text: var(--color-text-primary);--text-soft: var(--color-text-primary);--muted: var(--color-text-secondary);--brand: var(--color-primary);--brand-dark: var(--color-primary-strong);--brand-soft: var(--color-primary-soft);--brand-soft-strong: var(--color-primary-soft-strong);--accent: var(--color-accent);--accent-soft: color-mix(in srgb, var(--color-accent) 16%, transparent);--hero-from: var(--color-brand-gradient-start);--hero-to: var(--color-brand-gradient-end);--hero-pattern: var(--color-hero-pattern);--danger-soft: color-mix(in srgb, var(--color-danger) 14%, var(--color-surface));--danger-text: var(--color-danger);--nav-bg: var(--color-surface-overlay);--nav-border: var(--color-border-subtle);--grid-line: var(--color-hero-pattern)}[data-theme=dark]{--color-primary: #57d4c5;--color-primary-strong: #aef0e7;--color-primary-soft: rgba(87, 212, 197, .14);--color-primary-soft-strong: rgba(87, 212, 197, .22);--color-surface: #0f1a20;--color-surface-raised: #132128;--color-surface-overlay: rgba(13, 23, 29, .78);--color-surface-inverse: #f3faf9;--color-page: #071218;--color-page-elevated: #0b171d;--color-border: rgba(161, 192, 200, .16);--color-border-subtle: rgba(161, 192, 200, .1);--color-text-primary: #edf8f6;--color-text-secondary: #9bb1b4;--color-text-disabled: #6f848a;--color-accent: #f3bd64;--color-danger: #ef8d87;--color-warning: #e0ab4f;--color-success: #4cc28b;--color-info: #77b6f3;--color-overlay: rgba(2, 7, 10, .54);--color-backdrop: rgba(8, 14, 19, .72);--color-focus-ring: rgba(87, 212, 197, .2);--color-brand-gradient-start: #10363d;--color-brand-gradient-end: #0a1a22;--color-brand-on-dark: #f6fffd;--color-hero-pattern: rgba(255, 255, 255, .08);--color-shadow: rgba(0, 0, 0, .24);--color-shadow-strong: rgba(0, 0, 0, .36);--color-skeleton-base: #1a2b34;--color-skeleton-highlight: #253842;--gradient-page: radial-gradient(circle at top left, rgba(87, 212, 197, .16), transparent 24%), radial-gradient(circle at bottom right, rgba(243, 166, 65, .12), transparent 22%), linear-gradient(180deg, var(--color-page) 0%, var(--color-page-elevated) 100%)}.text-h1,.text-h2,.text-h3,.text-h4,.text-body-lg,.text-body-md,.text-body-sm,.text-caption,.text-label-md,.text-label-sm{margin:0;color:var(--color-text-primary);font-family:var(--font-sans)}.text-h1,.text-h2,.text-h3,.text-h4{font-family:var(--font-display);letter-spacing:-.03em}.text-h1{font-size:clamp(2.25rem,5vw,var(--text-4xl));line-height:1.05;font-weight:var(--weight-bold)}.text-h2{font-size:clamp(1.875rem,3vw,var(--text-3xl));line-height:1.1;font-weight:var(--weight-bold)}.text-h3{font-size:var(--text-2xl);line-height:1.15;font-weight:var(--weight-bold)}.text-h4{font-size:var(--text-xl);line-height:1.2;font-weight:var(--weight-semibold)}.text-body-lg{font-size:var(--text-lg);line-height:1.7;font-weight:var(--weight-regular)}.text-body-md{font-size:var(--text-md);line-height:1.65;font-weight:var(--weight-regular)}.text-body-sm{font-size:var(--text-sm);line-height:1.6;font-weight:var(--weight-regular)}.text-caption{font-size:var(--text-xs);line-height:1.5;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.text-label-md{font-size:var(--text-sm);line-height:1.4;font-weight:var(--weight-semibold);color:var(--color-text-primary)}.text-label-sm{font-size:var(--text-xs);line-height:1.35;font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card-hover:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-md);border-color:var(--color-border)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:1.75rem;padding-inline:var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;border:1px solid transparent}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-strong);border-color:var(--color-primary-soft-strong)}.badge--warning{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface));color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 22%,var(--color-surface))}.badge--danger{background:color-mix(in srgb,var(--color-danger) 18%,var(--color-surface));color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 22%,var(--color-surface))}.badge--success{background:color-mix(in srgb,var(--color-success) 18%,var(--color-surface));color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 22%,var(--color-surface))}.divider{width:100%;height:1px;border:0;background:var(--color-border-subtle)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--weight-semibold);overflow:hidden}.avatar--sm{width:2rem;height:2rem;font-size:var(--text-xs)}.avatar--md{width:2.5rem;height:2.5rem;font-size:var(--text-sm)}.avatar--lg{width:3.25rem;height:3.25rem;font-size:var(--text-md)}.icon-btn{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);color:var(--color-text-primary);transition:background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.icon-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-soft-strong)}.icon-btn:active{transform:scale(.98)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 .25rem var(--color-focus-ring)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth;background:var(--color-page)}body{margin:0;background:var(--gradient-page);color:var(--color-text-primary);line-height:1.6;font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 .25rem var(--color-focus-ring)}input,select,textarea{color:inherit}::selection{background:var(--color-primary-soft)}::-webkit-scrollbar{width:.625rem;height:.625rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-secondary) 24%,transparent);border-radius:var(--radius-full);border:.125rem solid transparent;background-clip:padding-box}.app-shell{max-width:75rem;margin:0 auto;padding:var(--space-6)}.app-main-shell{flex:1;padding-top:4.75rem;padding-bottom:calc(5.875rem + env(safe-area-inset-bottom));transition:margin-left var(--transition-base)}.surface-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.section-header h2,.section-header h3,.section-header h4,.section-header p{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary-soft);border:1px solid var(--color-primary-soft-strong);color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.muted-copy{color:var(--color-text-secondary)}.pill-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border:1px solid var(--color-border);background:var(--color-surface-overlay);color:var(--color-text-primary);border-radius:var(--radius-full);padding:var(--space-3) var(--space-4);font-weight:var(--weight-medium);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.pill-button.active{background:var(--color-primary-soft);border-color:var(--color-primary-soft-strong);color:var(--color-primary-strong)}.page-title{font-family:var(--font-display);letter-spacing:-.04em}.app-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.app-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}@media(max-width:60rem){.app-shell{padding:var(--space-5) var(--space-4) var(--space-10)}.app-grid-two,.app-grid-three{grid-template-columns:1fr}}@media(min-width:56.25rem){.app-main-shell{padding-bottom:0}}@media(min-width:64rem){.app-main-shell{margin-left:17.5rem;padding-top:0}html.sidebar-collapsed .app-main-shell{margin-left:6.25rem}}.ui-toast{display:flex;align-items:flex-start;gap:var(--space-3);width:min(22rem,calc(100vw - 2rem));padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-lg);transition:transform var(--transition-base),opacity var(--transition-base);touch-action:pan-y}.ui-toast__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary-strong)}.ui-toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ui-toast__description{margin-top:var(--space-1);font-size:var(--text-xs);line-height:1.5;color:var(--color-text-secondary)}.ui-toast--success .ui-toast__icon{color:var(--color-success)}.ui-toast--error .ui-toast__icon{color:var(--color-danger)}.ui-toast--warning .ui-toast__icon{color:var(--color-warning)}.ui-toast--info .ui-toast__icon{color:var(--color-info)}.ui-button{--button-bg: var(--color-primary);--button-color: var(--color-brand-on-dark);--button-border: transparent;--button-hover-bg: var(--color-primary-strong);--button-active-bg: var(--color-primary-strong);--button-hover-border: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;border:1px solid var(--button-border);border-radius:var(--radius-md);background:var(--button-bg);color:var(--button-color);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.ui-button:hover:not(:disabled){background:var(--button-hover-bg);border-color:var(--button-hover-border);box-shadow:var(--shadow-sm);transform:translateY(-.0625rem)}.ui-button:active:not(:disabled){background:var(--button-active-bg);transform:scale(.99)}.ui-button:focus-visible{outline:none;box-shadow:0 0 0 .25rem var(--color-focus-ring)}.ui-button:disabled,.ui-button.is-loading{cursor:not-allowed;opacity:.66;box-shadow:none}.ui-button--primary{--button-bg: var(--color-primary);--button-color: var(--color-brand-on-dark);--button-border: transparent;--button-hover-bg: var(--color-primary-strong);--button-active-bg: var(--color-primary-strong)}.ui-button--secondary{--button-bg: var(--color-surface);--button-color: var(--color-text-primary);--button-border: var(--color-border);--button-hover-bg: var(--color-surface-raised);--button-active-bg: var(--color-surface-raised);--button-hover-border: var(--color-border)}.ui-button--ghost{--button-bg: transparent;--button-color: var(--color-text-primary);--button-border: transparent;--button-hover-bg: var(--color-primary-soft);--button-active-bg: var(--color-primary-soft);--button-hover-border: transparent}.ui-button--danger{--button-bg: var(--color-danger);--button-color: var(--color-brand-on-dark);--button-border: transparent;--button-hover-bg: color-mix(in srgb, var(--color-danger) 86%, black);--button-active-bg: color-mix(in srgb, var(--color-danger) 82%, black)}.ui-button--link{--button-bg: transparent;--button-color: var(--color-primary-strong);--button-border: transparent;--button-hover-bg: transparent;--button-active-bg: transparent;padding-inline:0}.ui-button--link:hover:not(:disabled){box-shadow:none;text-decoration:underline;transform:none}.ui-button--sm{min-height:2.75rem;padding-inline:var(--space-3)}.ui-button--md{min-height:2.75rem;padding-inline:var(--space-4)}.ui-button--lg{min-height:3.25rem;padding-inline:var(--space-5);font-size:var(--text-md)}.ui-button--full{width:100%}.ui-button__spinner{width:1rem;height:1rem;border-radius:var(--radius-full);border:.125rem solid color-mix(in srgb,currentColor 24%,transparent);border-top-color:currentColor;animation:ui-button-spin .8s linear infinite}.ui-button__icon{display:inline-flex;align-items:center}@keyframes ui-button-spin{to{transform:rotate(360deg)}}.ui-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.ui-field__label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ui-field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.ui-field__control{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.ui-field__control:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 .25rem var(--color-focus-ring)}.ui-field__control.is-disabled{opacity:.68;background:var(--color-surface-raised)}.ui-field__control.is-error{border-color:var(--color-danger);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--color-danger) 16%,transparent)}.ui-field__icon,.ui-field__action{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.ui-field__icon{padding-left:var(--space-4)}.ui-field__action{padding-right:var(--space-4)}.ui-field__input,.ui-field__select,.ui-field__textarea{width:100%;border:0;background:transparent;color:var(--color-text-primary);font-size:var(--text-md);line-height:1.5;outline:0}.ui-field__input,.ui-field__select{min-height:3rem;padding:0 var(--space-4)}.ui-field__control.has-left-icon .ui-field__input,.ui-field__control.has-left-icon .ui-field__select{padding-left:0}.ui-field__control.has-right-slot .ui-field__input,.ui-field__control.has-right-slot .ui-field__select{padding-right:0}.ui-field__textarea{min-height:7.5rem;resize:vertical;padding:var(--space-4)}.ui-field__input::placeholder,.ui-field__textarea::placeholder{color:var(--color-text-disabled);opacity:1}.ui-field__helper,.ui-field__error{min-height:1rem;font-size:var(--text-xs);line-height:1.5}.ui-field__helper{color:var(--color-text-secondary)}.ui-field__error{color:var(--color-danger)}.ui-field__input:-webkit-autofill,.ui-field__input:-webkit-autofill:hover,.ui-field__input:-webkit-autofill:focus,.ui-field__textarea:-webkit-autofill,.ui-field__textarea:-webkit-autofill:hover,.ui-field__textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text-primary);caret-color:var(--color-primary)}.ui-check{display:inline-flex;align-items:flex-start;gap:var(--space-3);min-height:2.75rem;color:var(--color-text-primary)}.ui-check__box{width:1.125rem;height:1.125rem;margin-top:.125rem;accent-color:var(--color-primary)}.ui-check__content{display:flex;flex-direction:column;gap:var(--space-1)}.ui-check__label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ui-check__helper{font-size:var(--text-xs);color:var(--color-text-secondary)}.ui-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);min-height:2.75rem}.ui-toggle__input{position:absolute;opacity:0;pointer-events:none}.ui-toggle__track{position:relative;width:2.875rem;height:1.625rem;border-radius:var(--radius-full);background:var(--color-border);transition:background-color var(--transition-base)}.ui-toggle__track:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.ui-toggle__input:checked+.ui-toggle__track{background:var(--color-primary)}.ui-toggle__input:checked+.ui-toggle__track:after{transform:translate(1.25rem)}.ui-toggle__input:focus-visible+.ui-toggle__track{box-shadow:0 0 0 .25rem var(--color-focus-ring)}.ui-modal-root{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.ui-modal-backdrop{position:absolute;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.ui-modal-panel{position:relative;width:min(100%,36rem);max-height:min(100%,calc(100vh - 3rem));display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-lg);animation:modal-scale-in var(--transition-slow) both;touch-action:pan-x}.ui-modal-panel--sm{max-width:28rem}.ui-modal-panel--md{max-width:36rem}.ui-modal-panel--lg{max-width:52rem}.ui-modal-panel--fullscreen{width:min(100%,72rem);max-width:min(100%,72rem);min-height:min(100%,calc(100vh - 2rem))}.ui-modal-drag-region{flex-shrink:0}.ui-modal-handle{display:none}.ui-modal-header,.ui-modal-footer{padding:var(--space-5)}.ui-modal-body{padding:0 var(--space-5) var(--space-5);overflow:auto}.ui-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.ui-modal-title{font-size:var(--text-xl);line-height:1.2;font-weight:var(--weight-bold)}.ui-modal-description{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.ui-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--color-border-subtle)}@keyframes modal-scale-in{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:48rem){.ui-modal-root{align-items:flex-end;padding:0}.ui-modal-panel,.ui-modal-panel--sm,.ui-modal-panel--md,.ui-modal-panel--lg,.ui-modal-panel--fullscreen{width:100%;max-width:100%;max-height:min(100%,calc(100vh - .5rem));min-height:min(100%,calc(100vh - .5rem));border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:modal-slide-up var(--transition-slow) both}.ui-modal-handle{display:block;width:3rem;height:.3125rem;margin:var(--space-3) auto var(--space-2);border-radius:var(--radius-full);background:var(--color-border)}.ui-modal-drag-region{cursor:grab}.ui-modal-header,.ui-modal-body,.ui-modal-footer{padding-inline:var(--space-4)}.ui-modal-footer{flex-direction:column-reverse;padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.ui-modal-footer>*{width:100%}}.ui-skeleton{position:relative;overflow:hidden;display:block;background:var(--color-skeleton-base)}.ui-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-skeleton-highlight) 80%,transparent),transparent);animation:skeleton-shimmer 1.4s infinite}.ui-skeleton--text{height:.875rem;border-radius:var(--radius-full)}.ui-skeleton--circle{border-radius:var(--radius-full)}.ui-skeleton--rect{border-radius:var(--radius-md)}.ui-skeleton--card{height:10rem;border-radius:var(--radius-lg)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border);background:var(--color-surface-raised)}.ui-empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-empty-state__heading{font-size:var(--text-lg);font-weight:var(--weight-bold)}.ui-empty-state__description{max-width:32rem;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.pull-refresh{position:relative}.pull-refresh__indicator{display:grid;place-items:end center;overflow:hidden;transition:height var(--transition-base)}.pull-refresh__chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4);margin-top:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.pull-refresh__spinner{width:.875rem;height:.875rem;border-radius:var(--radius-full);border:.125rem solid color-mix(in srgb,var(--color-primary) 24%,transparent);border-top-color:var(--color-primary-strong);animation:pull-refresh-spin .8s linear infinite}.pull-refresh__content{transition:transform var(--transition-base)}.pull-refresh.is-refreshing .pull-refresh__content,.pull-refresh.is-pulling .pull-refresh__content{will-change:transform}@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}.public-nav{position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-4) var(--space-5) 0}.public-nav__inner{max-width:80rem;margin:0 auto;min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-overlay);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem)}.public-nav__brand,.mobile-app-header__brand,.app-sidebar__brand{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.public-nav__mark,.mobile-app-header__mark,.app-sidebar__mark{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));color:var(--color-brand-on-dark);box-shadow:var(--shadow-sm)}.public-nav__brand strong,.mobile-app-header__brand strong,.app-sidebar__brand strong{display:block;font-size:var(--text-lg);line-height:1.1;font-weight:var(--weight-bold)}.public-nav__brand small,.mobile-app-header__brand small,.app-sidebar__brand small{display:block;color:var(--color-text-secondary);font-size:var(--text-xs)}.public-nav__links,.public-nav__actions{display:flex;align-items:center;gap:var(--space-3)}.public-nav__links a{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);transition:color var(--transition-base),background-color var(--transition-base)}.public-nav__links a:hover{color:var(--color-text-primary);background:var(--color-primary-soft)}.mobile-app-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:4.5rem;padding:var(--space-3) var(--space-4);background:var(--color-surface-overlay);border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.mobile-app-header__brand{flex:1}.mobile-app-header__brand strong{font-size:var(--text-md)}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-sticky);width:17.5rem;display:none;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 24%),var(--color-surface-overlay);border-right:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);overflow:hidden;transition:width var(--transition-base),padding var(--transition-base)}.app-sidebar.is-collapsed{width:6.25rem;padding-inline:var(--space-3)}.app-sidebar__header,.app-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-sidebar__brand,.app-sidebar__brand-copy{min-width:0}.app-sidebar.is-collapsed .app-sidebar__brand-copy,.app-sidebar.is-collapsed .app-sidebar__scope,.app-sidebar.is-collapsed .app-sidebar__group-label,.app-sidebar.is-collapsed .app-sidebar__link span,.app-sidebar.is-collapsed .app-sidebar__profile-copy,.app-sidebar.is-collapsed .app-sidebar__logout span{display:none}.app-sidebar__scope,.app-sidebar__profile{padding:var(--space-4)}.app-sidebar__scope{display:grid;gap:var(--space-2)}.app-sidebar__scope-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.app-sidebar__scope select,.app-drawer__scope select{width:100%;min-height:2.875rem;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-primary)}.app-sidebar__scope small,.app-drawer__scope span{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.5}.app-sidebar__nav{flex:1;min-height:0;overflow:auto;display:grid;gap:var(--space-5)}.app-sidebar__group{display:grid;gap:var(--space-2)}.app-sidebar__group-label{padding-inline:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.app-sidebar__link,.app-drawer__link,.mobile-tabbar__link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:2.875rem;border-radius:var(--radius-lg);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.app-sidebar__link{padding:0 var(--space-4);color:var(--color-text-secondary);border:1px solid transparent;font-weight:var(--weight-medium)}.app-sidebar__link:hover,.app-drawer__link:hover{color:var(--color-text-primary);background:var(--color-primary-soft)}.app-sidebar__link.is-active,.app-drawer__link.is-active,.mobile-tabbar__link.is-active{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:var(--color-primary-soft-strong)}.app-sidebar__footer,.app-drawer__footer{display:grid;gap:var(--space-3)}.app-sidebar__footer{width:100%;min-width:0;margin-top:auto;gap:var(--space-2)}.app-sidebar__footer>*,.app-drawer__footer>*{min-width:0}.app-sidebar__footer .ui-button{min-height:2.625rem;padding-inline:var(--space-3);font-size:var(--text-xs)}.app-sidebar.is-collapsed .app-sidebar__notify-btn{width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;justify-self:center}.app-sidebar__profile{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-3);overflow:hidden}.app-sidebar__profile .avatar--md{width:2.75rem;height:2.75rem;font-size:var(--text-md)}.app-sidebar__profile .icon-btn{width:2.5rem;height:2.5rem}.app-sidebar__profile-copy,.app-drawer__profile{min-width:0}.app-sidebar__profile-copy{flex:1 1 auto;overflow:hidden}.app-sidebar__profile-copy strong,.app-drawer__profile strong{display:block;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__profile-copy span,.app-drawer__profile span{display:block;color:var(--color-text-secondary);font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__logout{width:100%;min-height:2.625rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.app-sidebar__logout:hover{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border-color:color-mix(in srgb,var(--color-danger) 22%,var(--color-border))}.app-drawer{position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none}.app-drawer.is-open{pointer-events:auto}.app-drawer__backdrop{position:absolute;inset:0;border:0;background:var(--color-overlay);opacity:0;transition:opacity var(--transition-base)}.app-drawer.is-open .app-drawer__backdrop{opacity:1}.app-drawer__panel{position:absolute;inset:0 auto 0 0;width:min(21rem,88vw);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border-right:1px solid var(--color-border-subtle);transform:translate(-100%);transition:transform var(--transition-base)}.app-drawer.is-open .app-drawer__panel{transform:translate(0)}.app-drawer__scope,.app-drawer__links{display:grid;gap:var(--space-2)}.app-drawer__link{padding:0 var(--space-4);color:var(--color-text-primary);border:1px solid transparent}.app-drawer__profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-surface-overlay);border-top:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.mobile-tabbar__link{flex-direction:column;justify-content:center;min-height:3rem;color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--weight-medium);border:1px solid transparent}.mobile-tabbar__link span{line-height:1}@media(max-width:63.9375rem){.public-nav__links{display:none}}@media(min-width:64rem){.mobile-app-header,.mobile-tabbar,.app-drawer{display:none}.app-sidebar{display:flex}}@media(max-width:63.9375rem){.app-sidebar{display:none}}@media(max-width:48rem){.public-nav,.public-nav__inner{padding:var(--space-3)}.public-nav__brand small{display:none}}.error-boundary{max-width:36rem;margin:var(--space-8) auto;padding:var(--space-7);text-align:center}.error-boundary h2{margin:0 0 var(--space-3)}.error-boundary p{margin:0 0 var(--space-5);color:var(--color-text-secondary)}.page-skeleton{display:grid;gap:var(--space-5);padding:var(--space-6)}.page-skeleton__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}@media(max-width:48rem){.page-skeleton__grid{grid-template-columns:1fr}}