:root{--color-primary: #0a7f8f;--color-primary-hover: #076470;--color-primary-active: #055058;--color-primary-light: #d4eff2;--color-primary-lighter: #e8f7f9;--color-secondary: #f4a259;--color-secondary-hover: #e8933f;--color-secondary-active: #dc8527;--color-secondary-light: #fcecd8;--color-secondary-lighter: #fef6ec;--color-accent: #7b2d26;--color-accent-hover: #5e221d;--color-accent-active: #411714;--color-accent-light: #f0dbd9;--color-accent-lighter: #f8edec;--color-success: #2d7a3e;--color-success-hover: #225e30;--color-success-active: #184222;--color-success-light: #d8f0dd;--color-success-lighter: #ecf8ee;--color-error: #d32f2f;--color-error-hover: #b71c1c;--color-error-active: #8b0000;--color-error-light: #f0d8d8;--color-error-lighter: #fbe9e9;--color-neutral-bg: #f8f7f3;--color-neutral-bg-dark: #f0ede6;--color-neutral-border: #e0ddd3;--color-neutral-light: #e8e6dc;--color-neutral-lightest: #f5f4ef;--color-neutral-text: #333333;--color-neutral-text-light: #666666;--color-neutral-text-lighter: #999999;--color-gray: #b0b0b0;--color-gray-hover: #888888;--color-gray-disabled: #5a5a5a;--color-gray-light: #e0e0e0;--color-gray-lighter: #f0f0f0;--color-primary-action: var(--color-primary);--color-primary-action-hover: var(--color-primary-hover);--color-secondary-action: var(--color-secondary);--color-secondary-action-hover: var(--color-secondary-hover);--color-destructive-action: var(--color-accent);--color-destructive-action-hover: var(--color-accent-hover);--color-success-action: var(--color-success);--color-success-action-hover: var(--color-success-hover);--color-error-action: var(--color-error);--color-error-action-hover: var(--color-error-hover);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-xs-fluid: clamp(.7rem, 1.5vw, .75rem);--font-size-sm-fluid: clamp(.813rem, 1.8vw, .875rem);--font-size-base-fluid: clamp(.875rem, 2vw, 1rem);--font-size-lg-fluid: clamp(1rem, 2.2vw, 1.125rem);--font-size-xl-fluid: clamp(1.125rem, 2.5vw, 1.25rem);--font-size-2xl-fluid: clamp(1.25rem, 3vw, 1.5rem);--font-size-3xl-fluid: clamp(1.5rem, 4vw, 1.875rem);--font-size-4xl-fluid: clamp(1.875rem, 5vw, 2.25rem);--font-size-5xl-fluid: clamp(2.25rem, 6vw, 3rem);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--type-display-size: var(--font-size-5xl-fluid);--type-display-weight: var(--font-weight-bold);--type-display-line-height: var(--line-height-tight);--type-display-letter-spacing: var(--letter-spacing-tight);--type-h1-size: var(--font-size-4xl-fluid);--type-h1-weight: var(--font-weight-bold);--type-h1-line-height: var(--line-height-tight);--type-h1-letter-spacing: var(--letter-spacing-tight);--type-h2-size: var(--font-size-3xl-fluid);--type-h2-weight: var(--font-weight-bold);--type-h2-line-height: var(--line-height-snug);--type-h2-letter-spacing: var(--letter-spacing-normal);--type-h3-size: var(--font-size-2xl-fluid);--type-h3-weight: var(--font-weight-semibold);--type-h3-line-height: var(--line-height-snug);--type-h3-letter-spacing: var(--letter-spacing-normal);--type-h4-size: var(--font-size-xl-fluid);--type-h4-weight: var(--font-weight-semibold);--type-h4-line-height: var(--line-height-normal);--type-h4-letter-spacing: var(--letter-spacing-normal);--type-h5-size: var(--font-size-lg-fluid);--type-h5-weight: var(--font-weight-semibold);--type-h5-line-height: var(--line-height-normal);--type-h5-letter-spacing: var(--letter-spacing-normal);--type-h6-size: var(--font-size-base-fluid);--type-h6-weight: var(--font-weight-semibold);--type-h6-line-height: var(--line-height-normal);--type-h6-letter-spacing: var(--letter-spacing-wide);--type-body-size: var(--font-size-base-fluid);--type-body-weight: var(--font-weight-regular);--type-body-line-height: var(--line-height-relaxed);--type-body-letter-spacing: var(--letter-spacing-normal);--type-body-lg-size: var(--font-size-lg-fluid);--type-body-lg-weight: var(--font-weight-regular);--type-body-lg-line-height: var(--line-height-relaxed);--type-body-lg-letter-spacing: var(--letter-spacing-normal);--type-body-sm-size: var(--font-size-sm-fluid);--type-body-sm-weight: var(--font-weight-regular);--type-body-sm-line-height: var(--line-height-normal);--type-body-sm-letter-spacing: var(--letter-spacing-normal);--type-caption-size: var(--font-size-xs-fluid);--type-caption-weight: var(--font-weight-regular);--type-caption-line-height: var(--line-height-normal);--type-caption-letter-spacing: var(--letter-spacing-normal);--type-button-size: var(--font-size-base);--type-button-weight: var(--font-weight-semibold);--type-button-line-height: var(--line-height-none);--type-button-letter-spacing: var(--letter-spacing-wide);--type-link-size: var(--font-size-base);--type-link-weight: var(--font-weight-medium);--type-link-line-height: var(--line-height-normal);--type-link-letter-spacing: var(--letter-spacing-normal);--type-code-size: .875em;--type-code-weight: var(--font-weight-regular);--type-code-line-height: var(--line-height-normal);--type-code-letter-spacing: var(--letter-spacing-normal);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem}:root{font-size:clamp(14px,2.5vw,16px);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--color-neutral-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}h2{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2}h3{font-size:clamp(1.25rem,3vw,2rem);line-height:1.3}h4{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.4}h5{font-size:clamp(1rem,2vw,1.25rem);line-height:1.4}h6{font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.4}*:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-neutral-text);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}@media(prefers-color-scheme:light){:root{color:var(--color-neutral-text);background-color:#fff}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}button{background-color:var(--color-gray-lighter)}}@media(prefers-color-scheme:dark){.app-content h1,.app-content h2,.app-content h3,.app-content h4,.app-content h5,.app-content h6,.app-content p{color:var(--color-neutral-text)}}.input-two-thirds-width{width:66%;box-sizing:border-box}.input-fullwidth{width:100%;box-sizing:border-box}.app-btn{width:100%;padding:12px 5px;font-size:1.1rem;font-weight:600;background:var(--color-primary-action);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.app-btn:hover{background:var(--color-primary-action-hover)}.app-btn:hover:not(:disabled){background:var(--color-primary-hover)}.app-btn:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933}.app-btn:disabled{background:var(--color-gray-light);color:var(--color-gray-disabled);cursor:not-allowed}.app-btn.cancel{background:var(--color-secondary-action);color:#fff}.app-btn.cancel:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933}.app-btn.cancel:disabled{background:var(--color-gray-light);color:var(--color-gray-disabled);cursor:not-allowed}#root{margin:0;padding:0;min-height:100vh;width:100%}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.app-loading p{font-size:1.1rem;color:var(--color-neutral-text);margin:0}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:768px){.app-content{padding:1rem}}@media(max-width:480px){.app-content{padding:.75rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--color-neutral-text-lighter)}.container{width:100%;max-width:1200px;margin:48px auto;padding:32px 24px;background:var(--color-neutral-bg);border-radius:16px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif}@media(max-width:1200px){.container{max-width:800px}}@media(max-width:800px){.container{max-width:500px;padding:24px 12px}}@media(prefers-color-scheme:dark){.container,.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container p,.container label,.container legend{color:var(--color-neutral-text)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-boundary__title{font-size:2rem;font-weight:700;color:var(--color-error);margin-bottom:1rem}.error-boundary__message{font-size:1.125rem;color:var(--color-neutral-text);margin-bottom:2rem;max-width:600px;line-height:1.6}.error-boundary__button{padding:.75rem 2rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--color-primary);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.error-boundary__button:hover{background-color:var(--color-primary-hover)}.error-boundary__button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933}.app-footer{width:100%;padding:1rem;text-align:center;border-top:1px solid var(--color-neutral-border);background-color:var(--color-neutral-bg);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto}.footer-version{font-size:var(--font-size-xs);color:var(--color-neutral-text-lighter);font-weight:var(--font-weight-regular)}@media(prefers-color-scheme:dark){.app-footer{background-color:var(--color-neutral-text);border-top-color:var(--color-neutral-text-light)}.footer-version{color:var(--color-neutral-bg)}}@media(max-width:768px){.app-footer{padding:.75rem}.footer-version{font-size:.7rem}}@media(max-width:480px){.app-footer{padding:.5rem}}.app-button{padding:12px 5px!important;font-size:1.1rem!important;font-weight:600!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:background .2s!important;text-transform:none!important}.app-button.app-button-primary{background:var(--color-primary-action)!important;color:#fff!important}.app-button.app-button-primary:hover:not(:disabled){background:var(--color-primary-hover)!important}.app-button.app-button-primary:disabled{background:var(--color-gray-light)!important;color:var(--color-neutral-text-light)!important;cursor:not-allowed!important}.app-button.app-button-cancel{background:var(--color-secondary-action)!important;color:#fff!important}.app-button.app-button-cancel:hover:not(:disabled){background:var(--color-secondary-action-hover)!important}.app-button.app-button-cancel:disabled{background:var(--color-gray-light)!important;color:var(--color-neutral-text-light)!important;cursor:not-allowed!important}.auth-guard__unauthenticated{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center;background:var(--color-neutral-bg);border-radius:8px;margin:2rem auto;max-width:600px}.auth-guard__title{font-size:1.8rem;font-weight:600;color:var(--color-neutral-text);margin-bottom:1rem}.auth-guard__message{font-size:1.1rem;color:var(--color-neutral-text-light);margin-bottom:2rem;line-height:1.6}.error-page{padding:20px;text-align:center}.error-page__details{margin-top:20px;padding:10px;background-color:var(--color-error-lighter);border:1px solid var(--color-error);border-radius:4px;text-align:left}.error-page__details-title{margin-top:0;color:var(--color-error)}.error-page__details-code{white-space:pre-wrap;font-size:12px;font-family:monospace;background-color:#fff;padding:10px;border-radius:4px;overflow-x:auto}.navbar{background:var(--color-neutral-text);color:#fff;padding:.5rem 1rem;box-shadow:0 2px 8px #0000000d}.navbar__container{display:flex;align-items:center;justify-content:space-between}.navbar__brand-button{background:none;border:none;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;min-height:44px;padding:.5rem;display:inline-flex;align-items:center}.navbar-brand .brand-button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933;border-radius:4px}.navbar__menu{display:flex;gap:1rem}.navbar__item{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background .2s}.navbar__item:hover{background:#ffffff1a}.navbar__item:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933}.navbar__item--active{background:var(--color-primary);border-bottom:3px solid var(--color-secondary)}.navbar__hamburger{background:none;border:none;display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;justify-content:center;align-items:center}.hamburger:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933;border-radius:4px}.navbar__hamburger-line{width:24px;height:3px;background:#fff;border-radius:2px}.navbar__item-icon{margin-right:.5rem}.navbar__item-label{font-weight:700}.mobile-menu__overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end}[dir=rtl] .mobile-menu__overlay{justify-content:flex-start}.mobile-menu__container{background:var(--color-neutral-text);color:#fff;width:250px;padding:1rem;box-shadow:-2px 0 8px #0000001a;height:100vh;display:flex;flex-direction:column}.mobile-menu:focus{outline:none}[dir=rtl] .mobile-menu__container{box-shadow:2px 0 8px #0000001a}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mobile-menu__close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;min-width:44px;min-height:44px;padding:.5rem;display:flex;align-items:center;justify-content:center}.close-button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933;border-radius:4px}.mobile-menu__items{display:flex;flex-direction:column;gap:.5rem}.mobile-menu__item{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.75rem 1rem;border-radius:4px;transition:background .2s;text-align:left;display:flex;min-height:44px;align-items:center}.mobile-menu__item:hover{background:#ffffff1a}.mobile-menu__item:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;box-shadow:0 0 0 4px #f4a25933}.mobile-menu__item--active,.navbar__item--mobile-active{background:var(--color-primary);border-bottom:3px solid var(--color-secondary)}.mobile-menu__item-description{font-size:.85rem;color:var(--color-neutral-text-lighter);margin-left:5px}@media(min-width:769px){.navbar__hamburger{display:none}}@media(max-width:768px){.navbar__menu{display:none}}@media(min-width:769px){.hamburger{display:none}}@media(max-width:768px){.navbar-menu{display:none}}.skip-link{position:absolute;top:-40px;left:0;z-index:10000;padding:.75rem 1.5rem;background-color:var(--color-primary-action, #0078d4);color:#fff;text-decoration:none;font-weight:600;border-radius:0 0 4px;transition:top .2s ease-in-out}.skip-link:focus,.skip-link:focus-visible{top:0;outline:3px solid var(--color-secondary, #f4a259);outline-offset:2px}@media(prefers-contrast:high){.skip-link:focus,.skip-link:focus-visible{outline:4px solid currentColor;outline-offset:3px}}@media(prefers-color-scheme:dark){.skip-link{background-color:var(--color-primary-action, #0078d4);color:#fff}}@media(prefers-color-scheme:light){.skip-link{background-color:var(--color-primary-action, #0078d4);color:#fff}}.toast-container{z-index:2000}.toast{min-width:288px;max-width:568px;box-shadow:0 4px 12px #00000026;border-radius:8px;font-size:1rem;line-height:1.5}.toast--success{background-color:var(--color-success-light);color:var(--color-neutral-text)}.toast--success .MuiAlert-icon{color:var(--color-success)}.toast--error{background-color:var(--color-error-light);color:var(--color-neutral-text)}.toast--error .MuiAlert-icon{color:var(--color-error)}.toast--warning{background-color:var(--color-secondary-light);color:var(--color-neutral-text)}.toast--warning .MuiAlert-icon{color:var(--color-secondary-hover)}.toast--info{background-color:var(--color-primary-light);color:var(--color-neutral-text)}.toast--info .MuiAlert-icon{color:var(--color-primary)}.toast__close-button{color:var(--color-neutral-text-light);min-width:44px;min-height:44px;padding:10px}.toast__close-button:hover{background-color:#00000014}.toast__close-button:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}[dir=rtl] .toast{direction:rtl}[dir=rtl] .toast .MuiAlert-message{text-align:right}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast{animation:slideIn .3s ease-out}@media(max-width:600px){.toast{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px)}}
