@import"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,400;6..144,500;6..144,600;6..144,700&display=swap";:root{font-family:Google Sans Flex,sans-serif;color-scheme:light dark;--font-family-primary: "Google Sans Flex", sans-serif;--font-family-mono: "Google Sans Flex", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--md-primary: #65558f;--md-on-primary: #fff;--md-primary-container: #e9ddff;--md-on-primary-container: #201047;--md-secondary-container: #e8def8;--md-on-secondary-container: #1e192b;--md-surface: #fff7ff;--md-surface-container: #f3edf7;--md-surface-container-high: #ece6f0;--md-on-surface: #1d1b20;--md-on-surface-variant: #49454f;--md-outline: #79747e;--md-outline-variant: #cac4d0;--primary-color: var(--md-primary);--primary-hover: #4f378b;--primary-light: var(--md-primary-container);--bg-primary: var(--md-surface);--bg-secondary: var(--md-surface-container);--bg-tertiary: var(--md-surface-container-high);--text-primary: var(--md-on-surface);--text-secondary: var(--md-on-surface-variant);--text-muted: #625f67;--border-color: var(--md-outline-variant);--border-light: #ded8e2;--border-strong: var(--md-outline);--bg-overlay: rgba(29,27,32,.42);--danger-color: #ba1a1a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .5rem;--border-radius: .75rem;--border-radius-md: 1rem;--border-radius-lg: 1.5rem;--border-radius-xl: 1.75rem;--shadow-sm: 0 1px 2px rgba(29,27,32,.12);--shadow-md: 0 2px 6px rgba(29,27,32,.14);--shadow-lg: 0 8px 24px rgba(29,27,32,.14);--transition: all .2s cubic-bezier(.2,0,0,1);--transition-slow: all .35s cubic-bezier(.2,0,0,1);--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-header: 60}@media (prefers-color-scheme: dark){:root{--md-primary: #cfbdfe;--md-on-primary: #36275d;--md-primary-container: #4d3d75;--md-on-primary-container: #e9ddff;--md-secondary-container: #4a4458;--md-on-secondary-container: #e8def8;--md-surface: #141218;--md-surface-container: #211f26;--md-surface-container-high: #2b2930;--md-on-surface: #e6e0e9;--md-on-surface-variant: #cac4d0;--md-outline: #938f99;--md-outline-variant: #49454f;--primary-hover: #e9ddff;--text-muted: #b5afb9;--danger-color: #ffb4ab}}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--bg-secondary);font-family:var(--font-family-primary);line-height:1.5;letter-spacing:-.012em}button,input,textarea,select,code,pre{font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-underline-offset:3px}h1,h2,h3,h4{color:var(--text-primary);line-height:1.2;letter-spacing:-.025em}:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}::selection{background:var(--md-primary-container);color:var(--md-on-primary-container)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border:3px solid transparent;border-radius:999px;background-clip:padding-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.icon{display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.icon--small{width:16px;height:16px}.icon--medium{width:20px;height:20px}.icon--large{width:24px;height:24px}.icon--xlarge{width:32px;height:32px}.icon--clickable{cursor:pointer}.icon--clickable:hover{opacity:.8;transform:scale(1.1)}.icon-button{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.icon-button:hover{background-color:#0000000a}.icon-button:focus-visible{outline:2px solid var(--focus-color, #007bff);outline-offset:2px}@media (prefers-color-scheme: dark){.icon-button:hover{background-color:#ffffff14}}@media (prefers-reduced-motion: reduce){.icon,.icon-button{transition:none}.icon--clickable:hover{transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:999px;padding:10px 20px;font-weight:600;cursor:pointer;color:var(--text-primary);background:transparent;transition:var(--transition)}.btn:hover:not(:disabled){box-shadow:var(--shadow-sm)}.btn--small{min-height:36px;padding:8px 16px;font-size:.875rem}.btn--large{min-height:48px;padding:12px 24px}.btn--primary{color:var(--md-on-primary);background:var(--primary-color)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--outline{color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn--outline:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn--full-width{width:100%}.btn--disabled{opacity:.38;cursor:not-allowed}.btn__icon,.btn__content{display:inline-flex;align-items:center}.header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--bg-primary) 88%,transparent);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar{width:100%;min-height:72px;margin:0;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.navbar-brand,.navbar-menu,.navbar-item{display:flex;align-items:center}.navbar-brand,.navbar-menu{gap:12px}.brand-logo-surface{width:54px;height:54px;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;background:var(--md-primary-container);border-radius:18px}.brand-logo{display:block;width:42px;height:42px;object-fit:contain}.brand-wordmark{display:inline-flex;align-items:baseline;margin:0;font-family:Google Sans Flex,sans-serif;font-size:1.45rem;font-weight:700;line-height:1;letter-spacing:-.045em;white-space:nowrap}.brand-wordmark__guide{color:var(--primary-color)}.brand-wordmark__frontend{color:var(--text-primary)}.navbar-subtitle{color:var(--text-muted);font-size:.875rem}.mobile-menu-toggle{display:none}@media (max-width: 768px){.navbar{min-height:64px;padding:8px 12px}.navbar-brand{gap:9px}.brand-logo-surface{width:48px;height:48px;border-radius:16px}.brand-logo{width:38px;height:38px}.brand-wordmark{font-size:1.2rem}.navbar-item--desktop,.sidebar-toggle--desktop{display:none}.mobile-menu-toggle{display:inline-flex}}.sidebar{width:320px;height:calc(100vh - 72px);position:sticky;top:72px;z-index:var(--z-fixed);display:flex;flex:0 0 auto;flex-direction:column;padding:12px;background:var(--bg-primary);border-right:1px solid var(--border-light);transition:var(--transition-slow)}.sidebar--collapsed{width:88px}.sidebar__header{padding:16px 14px 12px}.sidebar__title{font-size:1.2rem;font-weight:700}.sidebar__subtitle{display:block;margin-top:4px;color:var(--text-muted);font-size:.78rem}.sidebar__nav{flex:1;overflow-y:auto;padding:4px 0}.sidebar__menu,.sidebar__submenu{list-style:none}.sidebar__menu{display:flex;flex-direction:column;gap:4px}.sidebar__section-button,.sidebar__submenu-button{width:100%;border:0;font-family:inherit;text-align:left;cursor:pointer;transition:var(--transition)}.sidebar__section-button{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;color:var(--text-secondary);background:transparent;border-radius:24px;font-size:.9rem;font-weight:600;text-transform:none;letter-spacing:-.015em}.sidebar__section-button:hover{background:var(--bg-tertiary)}.sidebar__section-button--active{color:var(--md-on-secondary-container);background:var(--md-secondary-container)}.sidebar__section-chevron{flex:0 0 auto;transition:transform .2s cubic-bezier(.2,0,0,1)}.sidebar__section-chevron--open{transform:rotate(180deg)}.sidebar__submenu{display:grid;gap:2px;margin:4px 0 8px 20px;padding-left:10px;border-left:2px solid var(--border-light)}.sidebar__submenu-button{min-height:38px;padding:8px 12px;color:var(--text-muted);background:transparent;border-radius:18px;font-size:.84rem;line-height:1.25}.sidebar__submenu-button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar__submenu-button--active{color:var(--text-primary);background:color-mix(in srgb,var(--md-on-surface) 7%,transparent);font-weight:700}.sidebar__footer{margin-top:8px;padding:14px;color:var(--text-muted);background:var(--bg-secondary);border-radius:20px;text-align:center}.sidebar__footer-text{font-size:.76rem}.sidebar__footer-version{display:inline-block;margin-top:7px;padding:4px 9px;color:var(--md-on-primary-container);background:var(--md-primary-container);border-radius:999px;font-size:.7rem;font-weight:700}.sidebar--collapsed .sidebar__title,.sidebar--collapsed .sidebar__subtitle,.sidebar--collapsed .sidebar__footer-text,.sidebar--collapsed .sidebar__section-chevron{display:none}.sidebar--collapsed .sidebar__section-button{min-height:48px;justify-content:center;padding:6px;font-size:.66rem;text-align:center}.sidebar--collapsed .sidebar__footer{padding:8px 3px}.sidebar__overlay{position:fixed;top:64px;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:var(--bg-overlay)}@media (max-width: 768px){.sidebar{position:fixed;top:64px;left:0;width:min(90vw,360px);height:calc(100vh - 64px);z-index:var(--z-modal);border-radius:0 28px 28px 0;box-shadow:var(--shadow-lg);transform:translate(-105%)}.sidebar--mobile-open{transform:translate(0)}.sidebar--collapsed{width:min(90vw,360px)}.sidebar--collapsed .sidebar__title,.sidebar--collapsed .sidebar__subtitle,.sidebar--collapsed .sidebar__footer-text,.sidebar--collapsed .sidebar__section-chevron{display:initial}.sidebar--collapsed .sidebar__section-button{justify-content:space-between;padding:10px 14px;font-size:.86rem;text-align:left}}@media print{.sidebar,.sidebar__overlay{display:none}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary)}.app__layout{display:flex;flex:1;min-height:calc(100vh - 72px)}.app__content{flex:1;min-width:0;display:flex}.loading-spinner,.app-error{min-height:360px;display:grid;place-content:center;gap:16px;text-align:center;padding:24px}.spinner{width:40px;height:40px;margin:auto;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.app-error button{border:0;border-radius:999px;padding:12px 24px;background:var(--primary-color);color:var(--md-on-primary);cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.app__layout{min-height:calc(100vh - 64px)}.app--mobile-menu-open{overflow:hidden;height:100vh}}