:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "Cascadia Code", "Segoe UI Mono", Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--leading:1.5;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--color-primary:#1f4e9c;--color-primary-hover:#183f80;--color-primary-active:#133266;--color-primary-soft:#e8eef9;--color-primary-contrast:#fff;--color-accent:#f5a524;--color-accent-soft:#fff4dd;--color-bg:#f4f6fa;--color-surface:#fff;--color-surface-2:#f8fafc;--color-surface-3:#eef2f7;--color-border:#dfe4ec;--color-border-strong:#c5ccd8;--color-text:#111827;--color-text-muted:#5b6475;--color-text-subtle:#8a93a3;--color-overlay:#0f172a7a;--color-danger:#d42020;--color-danger-hover:#b31818;--color-danger-soft:#fdecec;--color-danger-text:#a11414;--color-success:#15803d;--color-success-hover:#116a32;--color-success-soft:#e7f6ec;--color-success-text:#116a32;--color-warning:#b45309;--color-warning-soft:#fef3e2;--color-warning-text:#92400e;--color-info:#0369a1;--color-info-soft:#e5f2fa;--color-info-text:#075985;--color-sold:var(--color-danger);--color-available:var(--color-success);--color-x-mark:red;--focus-ring:0 0 0 3px #1f4e9c59;--focus-ring-danger:0 0 0 3px #d420204d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 1px #1018280a;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-md:0 4px 8px -2px #10182814, 0 2px 4px -2px #1018280d;--shadow-lg:0 12px 24px -6px #10182829, 0 4px 8px -4px #1018280f;--shadow-xl:0 24px 48px -12px #10182847;--topbar-height:56px;--control-height-sm:30px;--control-height:36px;--control-height-lg:44px;--page-max-width:1200px;--page-narrow-width:560px;--z-sticky:50;--z-topbar:100;--z-dropdown:200;--z-dialog:1000;--z-toast:1100;--ease:cubic-bezier(.2, 0, 0, 1);--duration-fast:.12s;--duration:.18s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:var(--weight-semibold);color:var(--color-text);margin:0}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img,svg,canvas{max-width:100%;display:block}svg{flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}table{border-collapse:collapse}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-4) 0}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}::selection{background:var(--color-primary-soft)}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-2);z-index:calc(var(--z-topbar) + 1);background:var(--color-surface);color:var(--color-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius);box-shadow:var(--shadow-md);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-main{outline:none;flex-direction:column;flex:auto;min-height:0;display:flex}.app-fill{min-height:0;height:calc(100dvh - var(--topbar-height));flex:auto;display:flex}.topbar{z-index:var(--z-topbar);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs);position:sticky;top:0}.topbar__inner{height:var(--topbar-height);align-items:center;gap:var(--space-4);padding:0 var(--space-4);display:flex}.topbar__brand{color:inherit;flex-shrink:0;align-items:center;display:flex}.topbar__brand:hover{text-decoration:none}.topbar__menu-toggle{display:none}.topbar__nav{align-items:center;gap:var(--space-1);scrollbar-width:none;flex:auto;min-width:0;display:flex;overflow-x:auto}.topbar__nav-sep{background:var(--color-border);width:1px;height:20px;margin:0 var(--space-2)}.topbar__nav-group{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);margin-right:var(--space-1)}.topbar__spacer{flex:auto}.nav-link{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius);color:var(--color-text-muted);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);display:inline-flex}.nav-link:hover{background:var(--color-surface-3);color:var(--color-text);text-decoration:none}.nav-link.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.brand{align-items:center;gap:var(--space-3);display:inline-flex}.brand__text{flex-direction:column;line-height:1.15;display:flex}.brand__name{font-weight:var(--weight-bold);font-size:var(--text-md);color:var(--color-text);letter-spacing:-.01em}.brand__company{font-size:var(--text-xs);color:var(--color-text-muted)}.brand-mark{border-radius:var(--radius-md)}@media (width<=1100px){.brand__company{display:none}}@media (width<=860px){.topbar__menu-toggle{display:inline-flex}.brand__text{display:none}.topbar__nav{top:var(--topbar-height);align-items:stretch;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);flex-direction:column;display:none;position:absolute;left:0;right:0}.topbar__nav.is-open{display:flex}.topbar__nav-sep{width:auto;height:1px;margin:var(--space-2) 0}.topbar__nav-group{padding:var(--space-1) var(--space-3)}}.page{width:100%;max-width:var(--page-max-width);padding:var(--space-6) var(--space-4) var(--space-12);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.page--narrow{max-width:var(--page-narrow-width)}.page--wide{max-width:none}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--text-2xl)}.page-header__description{margin-top:var(--space-1);color:var(--color-text-muted)}.page-header__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.full-page-center{justify-content:center;align-items:center;gap:var(--space-3);min-height:60vh;padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;flex:auto;display:flex}.auth-screen{justify-content:center;align-items:center;gap:var(--space-4);min-height:100%;padding:var(--space-8) var(--space-4);background:radial-gradient(1200px 500px at 10% -10%, #1f4e9c1f, transparent 60%), radial-gradient(900px 400px at 110% 110%, #f5a52424, transparent 60%), var(--color-bg);flex-direction:column;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:var(--space-8)}@media (width<=480px){.auth-card{padding:var(--space-6) var(--space-5)}}.auth-card__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.auth-card__app{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.01em}.auth-card__company{font-size:var(--text-sm);color:var(--color-text-muted)}.auth-card__title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.auth-card__subtitle{color:var(--color-text-muted);margin-bottom:var(--space-5)}.auth-card__title+form,.auth-card__title+.alert,.auth-card__title+div{margin-top:var(--space-5)}.auth-card__footer{margin-top:var(--space-6);justify-content:center;display:flex}.auth-card__note{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.auth-screen__legal{font-size:var(--text-xs);color:var(--color-text-subtle)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.row,.cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row{flex-wrap:nowrap}.cluster--end{justify-content:flex-end}.cluster--between{justify-content:space-between}.spacer{flex:auto}.grid{gap:var(--space-4);display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-danger{color:var(--color-danger-text)}.text-success{color:var(--color-success-text)}.text-right{text-align:right}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.break-all{word-break:break-all}.kbd{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-2);font-family:var(--font-mono);font-size:var(--text-xs);border-bottom-width:2px;padding:0 .35em;display:inline-block}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-surface-2);white-space:nowrap}.table tbody tr:hover{background:var(--color-surface-2)}.table tbody tr:last-child td{border-bottom:0}.table .is-dimmed td{color:var(--color-text-subtle)}.dl{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:max-content 1fr;margin:0;display:grid}.dl dt{color:var(--color-text-muted)}.dl dd{overflow-wrap:anywhere;min-width:0;margin:0}.btn{--btn-bg:var(--color-surface);--btn-bg-hover:var(--color-surface-3);--btn-fg:var(--color-text);--btn-border:var(--color-border-strong);justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--btn-border);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--weight-medium);font-size:var(--text-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);line-height:1;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-bg-hover);text-decoration:none}.btn:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55}.btn[aria-busy=true]{opacity:.8;cursor:progress}.btn--primary{--btn-bg:var(--color-primary);--btn-bg-hover:var(--color-primary-hover);--btn-fg:var(--color-primary-contrast);--btn-border:var(--color-primary);box-shadow:var(--shadow-xs)}.btn--primary:active:not(:disabled){background:var(--color-primary-active)}.btn--secondary{box-shadow:var(--shadow-xs)}.btn--danger{--btn-bg:var(--color-danger);--btn-bg-hover:var(--color-danger-hover);--btn-fg:#fff;--btn-border:var(--color-danger);box-shadow:var(--shadow-xs)}.btn--danger:focus-visible{box-shadow:var(--focus-ring-danger)}.btn--ghost{--btn-bg:transparent;--btn-bg-hover:var(--color-surface-3);--btn-fg:var(--color-text-muted);--btn-border:transparent}.btn--ghost:hover:not(:disabled){color:var(--color-text)}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.btn--lg{height:var(--control-height-lg);padding:0 var(--space-5);font-size:var(--text-base)}.btn--block{width:100%;display:flex}.btn__label{text-overflow:ellipsis;overflow:hidden}.icon-btn{width:var(--control-height);padding:0}.icon-btn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.icon-btn--md{width:var(--control-height);height:var(--control-height)}.icon-btn--lg{width:var(--control-height-lg);height:var(--control-height-lg)}.icon-btn.is-pressed{--btn-bg:var(--color-primary-soft);--btn-bg-hover:var(--color-primary-soft);--btn-fg:var(--color-primary)}.spinner-wrap{align-items:center;display:inline-flex}.spinner{opacity:.8;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner--sm{width:14px;height:14px}.spinner--lg{width:32px;height:32px;color:var(--color-primary);border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field__required{color:var(--color-danger)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__error{font-size:var(--text-xs);color:var(--color-danger-text);font-weight:var(--weight-medium)}.input,.select,.textarea{width:100%;min-width:0;height:var(--control-height);padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease)}.textarea{height:auto;min-height:96px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:var(--leading)}.select{padding-right:var(--space-8);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6475' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--color-text-subtle)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.input[aria-invalid=true]:focus,.select[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus{box-shadow:var(--focus-ring-danger)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}.input[readonly]{background:var(--color-surface-2)}.input-group{display:flex;position:relative}.input--with-action{padding-right:calc(var(--control-height) + var(--space-1))}.input-group__action{width:calc(var(--control-height) - 2px);color:var(--color-text-muted);border-radius:0 var(--radius) var(--radius) 0;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:1px;bottom:1px;right:1px}.input-group__action:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-3)}.checkbox{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);display:flex}.checkbox input{width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0;margin:.2em 0 0}.checkbox__hint{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.password-rules{padding:var(--space-3);gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);margin:0;list-style:none;display:grid}.password-rules__item{align-items:center;gap:var(--space-2);display:flex}.password-rules__item.is-ok{color:var(--color-success-text)}.password-rules__item.is-failed{color:var(--color-danger-text)}.badge{--badge-bg:var(--color-surface-3);--badge-fg:var(--color-text-muted);--badge-dot:var(--color-text-subtle);border-radius:var(--radius-full);background:var(--badge-bg);height:20px;color:var(--badge-fg);font-size:.6875rem;font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.35em;padding:0 .55em;line-height:1;display:inline-flex}.badge__dot{background:var(--badge-dot);border-radius:50%;width:6px;height:6px}.badge--brand{--badge-bg:var(--color-primary-soft);--badge-fg:var(--color-primary);--badge-dot:var(--color-primary)}.badge--success{--badge-bg:var(--color-success-soft);--badge-fg:var(--color-success-text);--badge-dot:var(--color-success)}.badge--danger{--badge-bg:var(--color-danger-soft);--badge-fg:var(--color-danger-text);--badge-dot:var(--color-danger)}.badge--warning{--badge-bg:var(--color-warning-soft);--badge-fg:var(--color-warning-text);--badge-dot:var(--color-warning)}.badge--info{--badge-bg:var(--color-info-soft);--badge-fg:var(--color-info-text);--badge-dot:var(--color-info)}.alert{--alert-bg:var(--color-info-soft);--alert-fg:var(--color-info-text);--alert-border:#0369a140;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--alert-bg);color:var(--alert-fg);border:1px solid var(--alert-border);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:left;display:flex}.alert--success{--alert-bg:var(--color-success-soft);--alert-fg:var(--color-success-text);--alert-border:#15803d40}.alert--warning{--alert-bg:var(--color-warning-soft);--alert-fg:var(--color-warning-text);--alert-border:#b4530940}.alert--danger{--alert-bg:var(--color-danger-soft);--alert-fg:var(--color-danger-text);--alert-border:#d4202040}.alert__icon{margin-top:1px}.alert__content{flex:auto;min-width:0}.alert__title{font-weight:var(--weight-semibold)}.alert__title+.alert__body{margin-top:2px}.alert__action{flex-shrink:0;align-self:center}.alert__dismiss{color:inherit;border-radius:var(--radius-sm);opacity:.7;background:0 0;border:0;padding:2px}.alert__dismiss:hover{opacity:1}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) 0;flex-wrap:wrap;display:flex}.card__title{font-size:var(--text-lg)}.card__description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.card__body{padding:var(--space-5)}.card__body--flush{padding:var(--space-4) 0 0}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state--compact{padding:var(--space-6) var(--space-4)}.empty-state__icon{background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state__title{color:var(--color-text);font-size:var(--text-lg)}.empty-state__description{max-width:440px;font-size:var(--text-sm)}.empty-state__action{margin-top:var(--space-3)}.dialog-backdrop{z-index:var(--z-dialog);padding:var(--space-4);background:var(--color-overlay);animation:fade-in var(--duration) var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:520px;max-height:calc(100dvh - 2 * var(--space-4));background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:dialog-in var(--duration) var(--ease);outline:none;flex-direction:column;display:flex}.dialog--sm{max-width:420px}.dialog--lg{max-width:720px}.dialog--xl{max-width:960px}.dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.dialog__title{font-size:var(--text-lg)}.dialog__description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.dialog__body{padding:var(--space-2) var(--space-5) var(--space-5);min-height:0;overflow-y:auto}.dialog__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-wrap:wrap;display:flex}.confirm__message{color:var(--color-text)}@media (width<=480px){.dialog-backdrop{align-items:flex-end;padding:0}.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;max-height:92dvh}.dialog__footer{border-radius:0}}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.toast-region{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);width:min(380px, calc(100vw - 2 * var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{--toast-accent:var(--color-info);pointer-events:auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--toast-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:toast-in var(--duration) var(--ease);display:flex}.toast--success{--toast-accent:var(--color-success)}.toast--warning{--toast-accent:var(--color-warning)}.toast--danger{--toast-accent:var(--color-danger)}.toast__icon{color:var(--toast-accent);margin-top:1px}.toast__content{overflow-wrap:anywhere;flex:auto;min-width:0}.toast__title{font-weight:var(--weight-semibold)}.toast__action{color:var(--color-primary);font-weight:var(--weight-semibold);padding:2px var(--space-1);border-radius:var(--radius-sm);background:0 0;border:0}.toast__action:hover{text-decoration:underline}.toast__close{color:var(--color-text-subtle);border-radius:var(--radius-sm);background:0 0;border:0;padding:2px}.toast__close:hover{color:var(--color-text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.user-menu{flex-shrink:0;margin-left:auto;position:relative}.user-menu__trigger{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-2) 0 var(--space-1);border-radius:var(--radius-full);color:var(--color-text);background:0 0;border:1px solid #0000;display:inline-flex}.user-menu__trigger:hover,.user-menu__trigger[aria-expanded=true]{background:var(--color-surface-3)}.user-menu__name{font-weight:var(--weight-medium);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}@media (width<=640px){.user-menu__name,.user-menu__role{display:none}}.avatar{background:var(--color-primary);color:#fff;width:30px;height:30px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.menu{right:0;top:calc(100% + var(--space-1));z-index:var(--z-dropdown);min-width:240px;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fade-in var(--duration-fast) var(--ease);position:absolute}.menu__header{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1)}.menu__title{font-weight:var(--weight-semibold)}.menu__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere}.menu__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text);font-size:var(--text-sm);text-align:left;background:0 0;border:0;display:flex}.menu__item:hover:not(:disabled){background:var(--color-surface-3);text-decoration:none}.menu__item--danger{color:var(--color-danger-text)}