@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap";:root{--text:#5f6675;--text-h:#172033;--bg:#f3f6fb;--page-bg:linear-gradient(135deg, #eef2f8 0%, #f8fafc 100%);--surface:#ffffffd1;--surface-strong:#fff;--surface-muted:#f3f6fbe0;--surface-hover:#0f172a0f;--border:#94a3b847;--code-bg:#eef2f7;--nav-bg:#ffffffd1;--nav-text:#4b5563;--nav-text-h:#111827;--accent:#6366f1;--accent-2:#a855f7;--accent-bg:#6366f11a;--accent-border:#6366f159;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--button-text:#fff;--button-bg:linear-gradient(135deg, #4338ca 0%, #7e22ce 100%);--button-bg-hover:linear-gradient(135deg, #3730a3 0%, #6b21a8 100%);--button-bg-disabled:linear-gradient(135deg, #4338cab8 0%, #7e22ceb8 100%);--button-shadow-hover:0 1rem 2.25rem #6366f157;--popup-overlay:#0f172a6b;--popup-bg:var(--surface-strong);--popup-border:var(--border);--popup-text:var(--text);--popup-title:var(--text-h);--form-label:#172033;--form-description:#5f6675;--form-input-text:#172033;--form-input-placeholder:#5f6675ad;--form-input-bg:#fff;--form-input-border:#94a3b857;--form-input-border-focus:#6366f1;--form-input-shadow-focus:0 0 0 .2rem #6366f11f;--form-valid:#16a34a;--form-valid-bg:#16a34a14;--form-valid-border:#16a34ae0;--form-invalid:#ef4444;--form-invalid-bg:#ef444414;--form-invalid-border:#ef4444e0;--control-height:2.75rem;--table-header-background:var(--surface-strong);--table-row-even:transparent;--table-row-odd:#0f172a09;--progress-bg:#94a3b82e;--progress-fill:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--progress-text:#172033;--tenant-logo-bg:#0000;--tenant-logo-bg-hover:#000;--tenant-logo-stroke:#667eea;--tenant-logo-radius:.75rem;--radius:.375rem;--shadow:#0f172a1a 0 1.25rem 3rem, #0f172a0f 0 .5rem 1rem;--shadow-soft:0 1.5rem 4rem #0f172a1f;--transition-fast:.16s ease;--transition-slow:.32s ease;--transition-very-slow:.64s ease;--sans:"Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans,sans-serif), sans-serif;color:var(--text);background:var(--bg);--toast-success-text:#166534;--toast-success-bg:#dcfce7;--toast-success-border:#22c55e;--toast-info-text:#075985;--toast-info-bg:#e0f2fe;--toast-info-border:#0ea5e9;--toast-warning-text:#92400e;--toast-warning-bg:#fef3c7;--toast-warning-border:#f59e0b;--toast-error-text:#991b1b;--toast-error-bg:#fee2e2;--toast-error-border:#ef4444;font-size:16px;line-height:1.4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#a7adbd;--text-h:#fff;--bg:#0f0f1a;--page-bg:linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%);--surface:#ffffff0a;--surface-strong:#121222f0;--surface-muted:#ffffff08;--surface-hover:#ffffff0f;--border:#ffffff14;--code-bg:#1f2028;--nav-bg:#0f0f1ad1;--nav-text:#ffffffad;--nav-text-h:#fff;--accent:#8b5cf6;--accent-2:#a855f7;--accent-bg:#8b5cf629;--accent-border:#8b5cf65c;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--button-text:#fff;--button-bg:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--button-bg-hover:linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);--button-bg-disabled:linear-gradient(135deg, #6366f185 0%, #a855f785 100%);--button-shadow-hover:0 1rem 2.25rem #8b5cf647;--popup-overlay:#00000094;--popup-bg:var(--surface-strong);--popup-border:var(--border);--popup-text:var(--text);--popup-title:var(--text-h);--form-label:#fff;--form-description:#a7adbd;--form-input-text:#fff;--form-input-placeholder:#a7adbdad;--form-input-bg:#0a0a16b8;--form-input-border:#ffffff1a;--form-input-border-focus:#8b5cf6;--form-input-shadow-focus:0 0 0 .2rem #8b5cf62e;--form-valid:#22c55e;--form-valid-bg:#22c55e1a;--form-valid-border:#22c55ee6;--form-invalid:#f87171;--form-invalid-bg:#f871711a;--form-invalid-border:#f87171e6;--progress-bg:#ffffff0f;--progress-fill:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--progress-text:#fff;--table-row-even:transparent;--table-row-odd:#ffffff0a;--tenant-logo-bg:#0000;--tenant-logo-bg-hover:#000000db;--tenant-logo-stroke:#667eea;--tenant-logo-radius:.875rem;--shadow:#0000006b 0 1.25rem 3rem, #00000040 0 .5rem 1rem;--shadow-soft:0 1.5rem 4rem #00000080;--toast-success-text:#bbf7d0;--toast-success-bg:#14532dc7;--toast-success-border:#22c55ed1;--toast-info-text:#bae6fd;--toast-info-bg:#0c4a6ec7;--toast-info-border:#38bdf8d1;--toast-warning-text:#fde68a;--toast-warning-bg:#713f12c7;--toast-warning-border:#f59e0bd1;--toast-error-text:#fff;--toast-error-bg:#7f1d1dd1;--toast-error-border:#ef4444e6}}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--heading,sans-serif), sans-serif;color:var(--text-h);font-weight:500}p{margin:0}.layout{background:var(--page-bg);flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}.layout-content{box-sizing:border-box;text-align:left;width:100%;max-width:72rem;color:var(--text);flex:1;margin:0 auto;padding:7.5rem 1.5rem 3rem}.layout-content h1{color:var(--text-h);margin:0 0 1.5rem}.layout-content p{max-width:56rem;font-size:1.1rem;line-height:1.7}.navigation{--nav-height:4rem;--nav-max-width:80rem;--nav-padding-x:clamp(1rem, 3vw, 2rem);--nav-link-size:clamp(.9rem, .8vw, 1rem);--nav-brand-size:clamp(1.05rem, 1vw, 1.25rem);z-index:20;height:var(--nav-height);background:var(--nav-bg);border-bottom:.0625rem solid var(--border);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);pointer-events:auto;font-family:Space Grotesk,system-ui,sans-serif;position:fixed;inset:0 0 auto}.navigation-inner{height:100%;max-width:var(--nav-max-width);padding:0 var(--nav-padding-x);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navigation-brand{height:100%;color:var(--nav-text-h);font-size:var(--nav-brand-size);letter-spacing:.22em;text-transform:uppercase;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.navigation-title{color:var(--nav-text);font-size:var(--nav-link-size);white-space:nowrap;margin-left:1.5rem;margin-right:auto;font-weight:500}.navigation-links{align-items:stretch;gap:0;height:100%;display:flex}.navigation-links>a{height:100%;color:var(--nav-text);font-size:var(--nav-link-size);letter-spacing:.04em;transition:color var(--transition-slow), background-color var(--transition-slow), opacity var(--transition-slow);background:0 0;align-items:center;padding:0 .75rem;font-weight:500;text-decoration:none;display:inline-flex}.navigation-links>a:hover,.navigation-dropdown-trigger:hover,.navigation-dropdown.is-open .navigation-dropdown-trigger{color:var(--nav-text-h);background:var(--surface-hover)}.navigation-links>a:active{opacity:.7}.navigation-link-button{height:100%;color:var(--nav-text);font:inherit;font-size:var(--nav-link-size);letter-spacing:.04em;cursor:pointer;transition:color var(--transition-slow), background-color var(--transition-slow), opacity var(--transition-slow);background:0 0;border:0;align-items:center;padding:0 .75rem;font-weight:500;display:inline-flex}.navigation-link-button:hover{color:var(--nav-text-h);background:var(--surface-hover)}.navigation-link-button:active{opacity:.7}.navigation-toggle{cursor:pointer;background:0 0;border:0;width:2.75rem;height:2.75rem;display:none;position:relative}.navigation-toggle span{background:var(--nav-text);width:1.75rem;height:.125rem;transition:transform var(--transition-slow), opacity var(--transition-slow), top var(--transition-slow);border-radius:999rem;position:absolute;left:.5rem}.navigation-toggle span:first-child{top:.75rem}.navigation-toggle span:nth-child(2){top:1.25rem}.navigation-toggle span:nth-child(3){top:1.75rem}.navigation-toggle.is-open span:first-child{top:1.25rem;transform:rotate(45deg)}.navigation-toggle.is-open span:nth-child(2){opacity:0}.navigation-toggle.is-open span:nth-child(3){top:1.25rem;transform:rotate(-45deg)}@media (width<=72rem){.navigation-toggle{display:block}.navigation-title{display:none}.navigation-links{top:var(--nav-height);background:var(--nav-bg);border-bottom:.0625rem solid var(--border);height:auto;box-shadow:var(--shadow);visibility:hidden;pointer-events:none;transition:transform var(--transition-slow), visibility var(--transition-slow);gap:0;display:grid;position:fixed;left:0;right:0;transform:translateY(-100%)}.navigation-links.is-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.navigation-links>a{height:auto;padding:1rem var(--nav-padding-x);color:var(--nav-text);background:var(--nav-bg);border-top:.0625rem solid var(--border);font-size:1rem;font-weight:500}.navigation-links>a:hover{color:var(--nav-text-h);background:var(--surface-strong)}.navigation-link-button{height:auto;padding:1rem var(--nav-padding-x);border-top:.0625rem solid var(--border);color:var(--nav-text);background:var(--nav-bg);text-align:left;justify-content:flex-start;font-size:1rem;font-weight:500}.navigation-link-button:hover{color:var(--nav-text-h);background:var(--surface-strong)}}@media (width<=80rem){.navigation-title{display:none}}.navigation-dropdown{align-items:stretch;height:100%;display:flex;position:relative}.navigation-dropdown-trigger{height:100%;color:var(--nav-text);font:inherit;font-size:var(--nav-link-size);cursor:pointer;transition:color var(--transition-slow), background-color var(--transition-slow), opacity var(--transition-fast);background:0 0;border:0;align-items:center;gap:.375rem;padding:0 .75rem;font-weight:500;display:inline-flex}.navigation-dropdown-trigger:hover,.navigation-dropdown.is-open .navigation-dropdown-trigger{color:var(--nav-text-h)}.navigation-dropdown-icon{transition:transform var(--transition-fast)}.navigation-dropdown.is-open .navigation-dropdown-icon{transform:rotate(180deg)}.navigation-dropdown-menu{border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);min-width:10rem;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-slow), visibility var(--transition-slow);padding:0;display:grid;position:absolute;top:100%;right:0}.navigation-dropdown.is-open .navigation-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.navigation-dropdown-menu button,.navigation-dropdown-menu a{box-sizing:border-box;width:100%;color:var(--nav-text);text-align:left;white-space:nowrap;font:inherit;cursor:pointer;transition:color var(--transition-slow), background-color var(--transition-slow);background:0 0;border:0;align-items:center;padding:.875rem 1rem;font-size:.95rem;text-decoration:none;display:flex}.navigation-dropdown-menu button:hover,.navigation-dropdown-menu a:hover{color:var(--nav-text-h);background:var(--surface-muted)}.navigation-dropdown-menu-wide{min-width:14rem}.navigation-select-dropdown{width:100%;height:auto;display:grid}.navigation-navigation-select-dropdown .navigation-navigation-dropdown-trigger{border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);width:100%;min-height:3.25rem;color:var(--text-h);justify-content:space-between;padding:.9rem 1rem}.navigation-navigation-select-dropdown .navigation-navigation-dropdown-menu{box-sizing:border-box;border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);width:100%;min-width:0;max-height:none;box-shadow:var(--shadow);left:0;right:0;overflow:hidden}.navigation-select-dropdown .navigation-dropdown-menu button{color:var(--text-h);background:0 0;border-top:0;border-left:0;padding:.875rem 1rem}.navigation-select-dropdown .navigation-dropdown-menu button:hover{background:var(--surface-muted)}.navigation-select-dropdown-label{color:var(--text-h);font-weight:600}@media (width<=72rem){.navigation-dropdown{align-items:initial;width:100%;height:auto;display:grid}.navigation-dropdown-trigger{width:100%;height:auto;padding:1rem var(--nav-padding-x);border-top:.0625rem solid var(--border);border-radius:var(--radius);background:var(--nav-bg);justify-content:space-between;font-size:1rem}.navigation-dropdown-trigger:hover,.navigation-dropdown.is-open .navigation-dropdown-trigger{color:var(--nav-text-h);background:var(--surface-strong)}.navigation-dropdown-menu{border-radius:var(--radius);min-width:0;max-height:0;box-shadow:none;background:var(--nav-bg);opacity:0;visibility:visible;pointer-events:auto;transition:max-height var(--transition-slow), opacity var(--transition-slow);border:0;position:static;overflow:hidden}.navigation-dropdown.is-open .navigation-dropdown-menu{opacity:1;max-height:16rem}.navigation-dropdown-menu button,.navigation-dropdown-menu a{width:100%;padding:.875rem var(--nav-padding-x) .875rem calc(var(--nav-padding-x) + 1rem);border-top:.0625rem solid var(--border);background:var(--nav-bg);opacity:.9;border-left:0;font-size:.95rem}.navigation-dropdown-menu button:hover,.navigation-dropdown-menu a:hover{background:var(--surface-strong)}.navigation-select-dropdown{width:100%;height:auto;display:grid;position:relative}.navigation-select-dropdown .navigation-dropdown-trigger{border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);min-height:3.25rem;color:var(--text-h);padding:.9rem 1rem}.navigation-select-dropdown .navigation-dropdown-trigger:hover,.navigation-select-dropdown.is-open .navigation-dropdown-trigger{background:var(--surface-strong)}.navigation-select-dropdown .navigation-dropdown-menu{border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);width:100%;min-width:0;max-height:none;box-shadow:var(--shadow);position:absolute;left:0;right:0;overflow:hidden}.navigation-select-dropdown .navigation-dropdown-menu button{color:var(--text-h);opacity:1;background:0 0;border-top:0;border-left:0;padding:.875rem 1rem}.navigation-select-dropdown .navigation-dropdown-menu button:hover{background:var(--surface-muted)}}.tysser-logo{--tysser-logo-accent:var(--accent);background:0 0;width:auto;height:1.5rem;display:block}.footer{z-index:1;box-sizing:border-box;text-align:center;width:100%;color:var(--text);flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.5rem;font-size:clamp(.8rem,.7vw,1.25rem);display:inline-flex;position:relative}.footer span{white-space:nowrap}.auth-page{background:var(--page-bg);height:100svh;overflow:hidden}.auth-shell{grid-template-columns:60% 40%;height:100%;display:grid}.auth-left{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.auth-panel{flex-direction:column;flex:1;justify-content:center;width:min(100% - 4rem,36rem);max-width:36rem;margin:0 auto;display:flex}.auth-topbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.auth-wrapper-dropdown{--nav-link-size:.9rem;--nav-padding-x:1rem;border:.0625rem solid var(--border);border-radius:var(--radius);background:0 0;background:var(--surface-strong);height:3.5rem}.auth-logo{appearance:none;cursor:pointer;width:auto;height:1.5rem;transition:opacity var(--transition-fast);background:0 0;border:0;outline:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.auth-logo:hover{opacity:.8}.auth-logo svg{pointer-events:none;pointer-events:none;width:100%;height:100%;display:block}.auth-heading{gap:.35rem;margin-bottom:1.25rem;display:grid}.auth-heading p{color:var(--accent);font-weight:600}.auth-heading h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.auth-heading span{color:var(--text)}.auth-progress{gap:.55rem;margin-bottom:1.25rem;display:grid}.auth-progress>div:first-child{color:var(--text-h);justify-content:space-between;font-weight:600;display:flex}.auth-progress-track{background:var(--surface-muted);border-radius:999rem;height:.65rem;overflow:hidden}.auth-progress-track span{border-radius:inherit;background:var(--accent-gradient);height:100%;transition:width var(--transition-slow);display:block}.auth-form{gap:2rem;display:grid}.auth-submit{background:var(--button-bg);width:calc(100% - .0625rem);color:var(--button-text);font:inherit;cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:0;border-radius:.75rem;justify-self:center;padding:.9rem 1.1rem;font-weight:600}.auth-submit:not(:disabled):hover{background:var(--button-bg-hover);box-shadow:var(--button-shadow-hover);transform:translateY(-.06rem)}.auth-submit:disabled{background:var(--button-bg-disabled);opacity:1;cursor:not-allowed}.auth-completed{gap:1.25rem;display:grid}.auth-success-mark{color:#16a34a;background:#16a34a14;border:.55rem solid #16a34a;border-radius:50%;place-items:center;width:8rem;height:8rem;margin:0 auto;font-size:4rem;font-weight:600;display:grid}.auth-visual{background:var(--surface-muted);height:100%;min-height:0;overflow:hidden}.auth-visual img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.auth-links{flex-wrap:wrap;gap:1rem;display:flex}.auth-links a{color:var(--accent);font-size:.95rem;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media (width<=72rem){.auth-shell{grid-template-columns:58% 42%}.auth-panel{width:min(100% - 2.5rem,34rem)}.auth-heading h1{font-size:clamp(2rem,4.5vw,2.75rem)}}@media (width<=56rem){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-left{box-sizing:border-box;width:100%;padding-bottom:1.25rem}.auth-panel{box-sizing:border-box;width:100%;max-width:none;margin:auto 0 1.25rem;padding:1.25rem}.auth-heading{margin-bottom:1rem}.auth-heading h1{font-size:clamp(2.25rem,10vw,3rem);line-height:.95}.auth-heading span{font-size:.95rem}.auth-progress{margin-bottom:1rem}.auth-submit{padding:.85rem 1rem}.app-footer{text-align:center;flex-wrap:wrap;height:auto;padding-top:0;padding-bottom:1rem;font-size:.82rem}@media (width<=56rem) and (height<=44rem){.auth-heading h1{margin-bottom:2.5rem;font-size:clamp(1.85rem,8.5vw,2.35rem);line-height:1}}}.auth-error{color:#ef4444;margin-top:-.25rem;font-size:.82rem;line-height:1.35;display:block}.auth-field{gap:.45rem;display:grid}.auth-field span{color:var(--text-h);font-weight:600}.auth-input-wrapper{position:relative}.auth-input-wrapper input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-strong);width:100%;color:var(--text-h);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;padding:.85rem 3rem .85rem 1rem}.auth-input-wrapper input:-webkit-autofill{-webkit-text-fill-color:var(--text-h);caret-color:var(--text-h);box-shadow:0 0 0 1000px var(--surface-strong) inset;transition:background-color 9999s ease-in-out}.auth-input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-h);caret-color:var(--text-h);box-shadow:0 0 0 1000px var(--surface-strong) inset;transition:background-color 9999s ease-in-out}.auth-input-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-h);caret-color:var(--text-h);box-shadow:0 0 0 1000px var(--surface-strong) inset;transition:background-color 9999s ease-in-out}.auth-input-wrapper input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-h);caret-color:var(--text-h);box-shadow:0 0 0 1000px var(--surface-strong) inset;transition:background-color 9999s ease-in-out}.auth-input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem var(--accent-bg)}.auth-field.is-valid input{border-color:#16a34a}.auth-field.is-invalid input{border-color:#ef4444}.auth-field small{font-size:.85rem}.auth-field.is-valid small{color:#16a34a}.auth-field.is-invalid small{color:#ef4444}.auth-password-toggle{border-radius:var(--radius);width:2rem;height:2rem;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--text-h)}.auth-password-toggle svg{width:2rem;height:2rem;display:block}@media (width<=56rem){.auth-input-wrapper input{padding-top:.8rem;padding-bottom:.8rem;padding-left:.9rem}}.button{border-radius:var(--radius);background:var(--button-bg);color:var(--button-text);font:inherit;cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:0;padding:.9rem 1.1rem;font-weight:600}.button:not(:disabled):hover{background:var(--button-bg-hover);box-shadow:var(--button-shadow-hover);transform:translateY(-.06rem)}.button:disabled{background:var(--button-bg-disabled);opacity:1;cursor:not-allowed}.button-full-width{width:100%}.auth-wrapper-dropdown{align-items:center;width:max-content;height:max-content;min-height:0;display:inline-flex}.dropdown{align-self:center;width:max-content;height:max-content;display:inline-grid;position:relative}.dropdown-trigger{box-sizing:border-box;width:max-content;height:auto;min-height:0;color:var(--nav-text);font:inherit;font-size:var(--nav-link-size);cursor:pointer;transition:color var(--transition-slow), background-color var(--transition-slow), opacity var(--transition-fast);background:0 0;border:0;align-items:center;gap:.375rem;padding:.75rem .85rem;font-weight:500;display:inline-flex}.dropdown-trigger:hover,.dropdown.is-open .dropdown-trigger{color:var(--nav-text-h)}.dropdown-icon{transition:transform var(--transition-fast)}.dropdown.is-open .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);min-width:10rem;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-slow), visibility var(--transition-slow);padding:0;display:grid;position:absolute;top:100%;right:0}.dropdown.is-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.dropdown-menu button,.dropdown-menu a{box-sizing:border-box;width:100%;color:var(--nav-text);text-align:left;white-space:nowrap;font:inherit;cursor:pointer;transition:color var(--transition-slow), background-color var(--transition-slow);background:0 0;border:0;align-items:center;padding:.875rem 1rem;font-size:.95rem;text-decoration:none;display:flex}.dropdown-menu button:hover,.dropdown-menu a:hover{color:var(--nav-text-h);background:var(--surface-muted);border-left:.15rem solid var(--accent-2)}.dropdown-menu-wide{min-width:14rem}.select-dropdown{width:100%;height:auto;display:grid}.select-dropdown .dropdown-trigger{border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);width:100%;min-height:3.25rem;color:var(--text-h);justify-content:space-between;padding:.7rem 1rem}.select-dropdown .dropdown-menu{box-sizing:border-box;border:.0625rem solid var(--border);border-radius:var(--radius);background:var(--surface-strong);width:100%;min-width:0;max-height:none;box-shadow:var(--shadow);left:0;right:0;overflow:hidden}.select-dropdown .dropdown-menu button{color:var(--text-h);background:0 0;border-top:0;border-left:0;padding:.875rem 1rem}.select-dropdown-label{color:var(--text-h);padding:1rem 0;font-weight:600;position:relative;bottom:.5rem}