:root{--color-bg:#101315;--color-surface:#20262a;--color-surface-soft:#303840;--color-surface-elevated:#262d33;--color-border:#23282c;--color-border-strong:#5c6873;--color-text:#edf1f2;--color-text-muted:#a7b0b6;--color-text-subtle:#768188;--color-primary:#7a87a3;--color-primary-hover:#97a5be;--color-primary-soft:#253630;--color-primary-contrast:#101315;--color-success:#64e091;--color-success-soft:#257c4839;--color-danger:#ef8080;--color-danger-soft:#9f303035;--color-warning:#f3c061;--color-warning-soft:#42351f59;--color-info:#90b7d8;--color-info-soft:#223546;--color-focus-ring:#9ab8ad57;--color-overlay:#edf1f20f;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 14px 30px #0000004d, 0 1px 2px #00000038;--shadow-lg:0 22px 52px #00000061, 0 5px 14px #00000042;--motion-fast:.15s;--motion-base:.22s;--motion-slow:.32s;--ease-out:cubic-bezier(.4, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--font-family:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs:.6875rem;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.625rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--layout-sidebar-width:clamp(220px, 18vw, 264px);--layout-topbar-height:68px;--layout-content-padding:clamp(1rem, 2vw, 1.75rem)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg, #101315f5 0%, #101315e0 38%, #101315c7 100%), url(/assets/background-1h34obph.svg) center bottom / cover no-repeat fixed, var(--color-bg);min-width:320px;color:var(--color-text);font-size:var(--font-size-md);margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:1.2}h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.005em;line-height:1.25}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill);border:2px solid #111416}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.muted{color:var(--color-text-muted)}.timestamp{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:0;font-variant-numeric:tabular-nums}.app-shell{grid-template-columns:var(--layout-sidebar-width) minmax(0, 1fr);height:100vh;animation:appIn var(--motion-slow) var(--ease-out);background:0 0;display:grid;overflow:hidden}@keyframes appIn{0%{opacity:0}to{opacity:1}}.sidebar{gap:var(--space-lg);padding:var(--space-lg) var(--space-md);border-right:1px solid var(--color-border);background:#15191c;flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar__brand{align-items:center;gap:var(--space-sm);padding:0 var(--space-2xs) var(--space-lg);border-bottom:1px solid #edf1f214;display:flex}.sidebar__logo{border-radius:var(--radius-sm);object-fit:contain;filter:invert()sepia()grayscale()brightness(200%);background:0 0;flex-shrink:0;width:36px;height:36px}.sidebar__brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar__brand-text strong{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.sidebar__brand-text span{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__section{gap:var(--space-sm);flex-direction:column;flex:1;min-height:0;display:flex}.sidebar__section-label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);font-weight:var(--font-weight-medium);padding:0 var(--space-sm)}.sidebar__nav{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.sidebar__channel{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:inherit;transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);background:#20272c;border:1px solid #edf1f214;flex-direction:column;gap:2px;margin-top:auto;text-decoration:none;display:flex}.sidebar__channel--clickable{cursor:pointer}.sidebar__channel--clickable:hover{background:var(--color-surface-elevated);border-color:var(--color-border)}.sidebar__channel--clickable:hover .sidebar__channel-arrow{color:var(--color-primary)}.sidebar__channel--clickable:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar__channel-head{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.sidebar__channel-arrow{color:var(--color-text-subtle);transition:color var(--motion-fast) var(--ease-out), transform var(--motion-base) var(--ease-out);flex-shrink:0;margin-left:auto}.sidebar__channel-dot{background:var(--color-text-subtle);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-overlay);border-radius:50%;flex-shrink:0}.sidebar__channel-dot--success{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-soft)}.sidebar__channel-dot--warning{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-soft)}.sidebar__channel-label{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.sidebar__channel-value{align-items:center;gap:var(--space-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.005em;display:inline-flex}.sidebar__channel-icon{background:var(--color-info-soft);width:20px;height:20px;color:var(--color-info);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar__channel-status{font-size:var(--font-size-xs);color:var(--color-text-muted)}.content{min-width:0;min-height:0;padding:var(--layout-content-padding);gap:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:var(--layout-topbar-height);flex-shrink:0;display:flex}.topbar__title-block{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar__eyebrow{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold)}.topbar__actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.topbar__user{align-items:center;gap:var(--space-xs);max-width:220px;height:36px;padding:0 var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#20262ae0;min-width:0;display:inline-flex}.topbar__user svg{color:var(--color-primary);flex-shrink:0}.topbar__user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.view-swap{min-height:0;animation:viewIn var(--motion-base) var(--ease-out);will-change:transform, opacity;flex-direction:column;flex:1;display:flex;overflow:hidden}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view{gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.view--overview{gap:var(--space-md);grid-template-rows:auto auto minmax(0,1fr);display:grid}.view--alerts{gap:var(--space-md);grid-template-rows:auto minmax(0,1fr);display:grid}.view--filters{gap:var(--space-md);grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);min-height:0;display:grid}.metric-grid{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.overview-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:0;display:grid}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.view--filters{grid-template-columns:minmax(0,1fr)}}@media (width<=880px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);padding:var(--space-md);gap:var(--space-md)}.sidebar__brand{border-bottom:0;padding-bottom:0}.sidebar__section{flex:none}.sidebar__section-label{display:none}.sidebar__nav{flex-direction:row;flex:none;overflow-x:auto}.sidebar__nav .nav-button{width:auto;min-width:max-content;padding:0 var(--space-md)}.sidebar__nav .nav-button:before,.sidebar__channel{display:none}.content{padding:var(--space-md);overflow:visible}.view,.view--overview,.view--alerts,.view--filters{overflow:visible}}@media (width<=560px){.metric-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.topbar__actions{flex-wrap:wrap;justify-content:flex-end}.topbar__user{max-width:100%}}.button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:36px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border);transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);white-space:nowrap;display:inline-flex}.button:hover{background:var(--color-surface-soft);border-color:var(--color-border-strong)}.button:active{transform:translateY(1px)}.button--primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:#0000}.button--primary:hover{background:var(--color-primary-hover);border-color:#0000}.button--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--ghost:hover{background:var(--color-surface-soft)}.button--danger{background:var(--color-danger);color:var(--color-primary-contrast);border-color:#0000}.button--danger:hover{background:#ffadad;border-color:#0000}.button--compact{min-height:32px;padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-sm)}.button:disabled{opacity:.55;cursor:not-allowed}.icon-button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);width:32px;height:32px;color:var(--color-text-muted);transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);flex-shrink:0;place-items:center;display:grid}.icon-button:hover{background:var(--color-surface-soft);border-color:var(--color-border-strong);color:var(--color-text);transform:translateY(-1px)}.nav-button{align-items:center;gap:var(--space-sm);width:100%;height:38px;padding:0 var(--space-sm) 0 calc(var(--space-sm) + 4px);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;flex-shrink:0;display:flex;position:relative}.nav-button:before{content:"";background:var(--color-primary);width:3px;height:0;transition:height var(--motion-base) var(--ease-out);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-button:hover{background:var(--color-surface-soft);color:var(--color-text)}.nav-button:hover svg{color:var(--color-text-muted)}.nav-button svg{color:var(--color-text-subtle);transition:color var(--motion-fast) var(--ease-out);flex-shrink:0}.nav-button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-button.is-active{background:var(--color-surface-soft);color:var(--color-text);font-weight:var(--font-weight-semibold)}.nav-button.is-active:before{height:56%}.nav-button.is-active svg{color:var(--color-primary)}.panel{background:linear-gradient(180deg, #ffffff06, #fff0), var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.panel__header{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-sm);flex-shrink:0;display:flex}.panel__header svg{color:var(--color-primary);flex-shrink:0}.panel__header h2{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.panel__body{min-height:0;padding:0 var(--space-md) var(--space-md);flex-direction:column;flex:1;display:flex;overflow:auto}.panel__body--flush{padding:0}.metric{background:linear-gradient(180deg, #ffffff08, #fff0), var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.metric__icon{border-radius:var(--radius-md);background:var(--color-surface-soft);width:34px;height:34px;color:var(--color-primary);place-items:center;display:grid}.metric__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-text);line-height:1}.metric--critical .metric__icon{background:var(--color-danger-soft);color:var(--color-danger)}.metric--success .metric__icon{background:var(--color-success-soft);color:var(--color-success)}.status-list{gap:var(--space-xs);flex-direction:column;display:flex}.status-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-surface-soft);font-size:var(--font-size-md);display:flex}.status-row:last-child{border-bottom:0}.status-row__label{color:var(--color-text-muted)}.status-row__value{color:var(--color-text);font-weight:var(--font-weight-semibold);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.status-row__value--danger{color:var(--color-danger)}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.search{align-items:center;gap:var(--space-xs);height:40px;padding:0 var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);max-width:560px;transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);flex:1;display:flex}.search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.search input{min-width:0;color:var(--color-text);font-size:var(--font-size-md);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--color-text-subtle)}.count-pill{height:30px;padding:0 var(--space-sm);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}.badge{border-radius:var(--radius-pill);min-height:22px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;width:fit-content;padding:4px 10px;display:inline-flex}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.badge--neutral{background:var(--color-surface-soft);color:var(--color-text-muted)}.badge--critical{background:var(--color-danger-soft);color:var(--color-danger)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.chip{height:22px;padding:0 var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:140px;display:inline-flex;overflow:hidden}.chip-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.delivery-list{flex-wrap:wrap;gap:4px;display:flex}.delivery{height:22px;padding:0 var(--space-xs);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);align-items:center;gap:4px;display:inline-flex}.delivery--sent{background:var(--color-success-soft);color:var(--color-success);border-color:#0000}.delivery--failed{background:var(--color-danger-soft);color:var(--color-danger);border-color:#0000}.delivery--skipped,.delivery--pending{background:var(--color-warning-soft);color:var(--color-warning);border-color:#0000}.table-wrap{width:100%}table{border-collapse:collapse;width:100%;font-size:var(--font-size-md)}thead th{color:var(--color-text-muted);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold);text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);z-index:1;background:#3a4148;position:sticky;top:0}tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-surface-soft);vertical-align:middle;color:var(--color-text)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:0 0}.table--compact thead th,.table--compact tbody td{padding:var(--space-xs) var(--space-sm)}.table--compact tbody tr,.table--compact tbody td{background:0 0}.program-cell{flex-direction:column;gap:2px;min-width:0;max-width:320px;display:flex}.program-cell strong{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.program-cell span{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-actions{align-items:center;gap:var(--space-xs);justify-content:flex-end;display:flex}.filter-form{gap:var(--space-sm);flex-direction:column;flex:1;min-height:0;display:flex}.filter-form label{gap:var(--space-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);flex-direction:column;display:flex}.filter-form input[type=text],.filter-form input:not([type]){border:1px solid var(--color-border);border-radius:var(--radius-md);height:36px;padding:var(--space-xs) 10px;background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0;transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);outline:0}.filter-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.filter-form input::placeholder{color:var(--color-text-subtle)}.form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-surface-soft);flex-wrap:wrap;margin-top:auto;display:flex}.switch-line{align-items:center;gap:var(--space-xs)!important;color:var(--color-text)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;text-transform:none!important;letter-spacing:0!important;flex-direction:row!important;display:inline-flex!important}.switch-line input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.alert-summary{gap:var(--space-sm);flex-direction:column;display:flex}.alert-summary__title{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);display:flex}.alert-summary__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);word-break:break-word}.empty-state{padding:var(--space-xl) var(--space-md);color:var(--color-text-muted);text-align:center;font-size:var(--font-size-md);place-items:center;min-height:120px;display:grid}.toast-stack{top:var(--space-md);right:var(--space-md);gap:var(--space-xs);z-index:1000;pointer-events:none;max-width:min(380px, calc(100vw - 2 * var(--space-md)));flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + 4px);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);color:var(--color-text);pointer-events:auto;animation:toastIn var(--motion-base) var(--ease-out);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);grid-template-columns:auto 1fr auto;display:grid;position:relative;overflow:hidden}.toast:hover{transform:translateY(-1px)}.toast--closing{animation:toastOut .22s var(--ease-out) forwards}.toast__icon{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.toast--success .toast__icon{background:var(--color-success-soft);color:var(--color-success)}.toast--error .toast__icon{background:var(--color-danger-soft);color:var(--color-danger)}.toast__text{font-size:var(--font-size-sm);color:var(--color-text);word-break:break-word;margin:0;line-height:1.5}.toast__close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-muted);transition:background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);flex-shrink:0;place-items:center;display:grid}.toast__close:hover{background:var(--color-surface-soft);color:var(--color-text)}.toast__progress{transform-origin:0;opacity:.6;background:currentColor;width:100%;height:3px;animation-name:toastProgress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}.toast--success .toast__progress{color:var(--color-success)}.toast--error .toast__progress{color:var(--color-danger)}.toast--paused .toast__progress{animation-play-state:paused}.toast--closing .toast__progress{opacity:0;animation-play-state:paused}@keyframes toastIn{0%{opacity:0;transform:translate(20px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;max-height:200px;margin-top:0;transform:translate(0)scale(1)}to{opacity:0;max-height:0;margin-top:calc(-1 * var(--space-xs));padding-top:0;padding-bottom:0;transform:translate(20px)scale(.96)}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.alert{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-info-soft);color:var(--color-text);border-left:3px solid var(--color-info);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--font-size-sm);line-height:1.5;display:flex}.alert--success{background:var(--color-success-soft);border-left-color:var(--color-success)}.alert--warning{background:var(--color-warning-soft);border-left-color:var(--color-warning)}.alert--danger{background:var(--color-danger-soft);border-left-color:var(--color-danger)}.divider{border:0;border-bottom:1px solid var(--color-surface-soft);margin:0}.avatar{background:var(--color-surface-soft);width:36px;height:36px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.toast,.toast--closing,.view-swap{animation:none}.toast__progress{display:none}}.auth-page{background:linear-gradient(180deg, #fcfdff80, #f0f2f4c7), url(/assets/background-1h34obph.svg) center bottom / cover no-repeat fixed, var(--color-bg);grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);min-height:100vh;display:grid}.auth-brand-panel{justify-content:space-between;gap:var(--space-xl);background:linear-gradient(180deg, #31383e, #171c22c7), url(/assets/background-1h34obph.svg) center bottom / cover no-repeat fixed, var(--color-bg);flex-direction:column;padding:clamp(2rem,5vw,4rem);display:flex;overflow:hidden}.auth-brand-panel__content{gap:var(--space-xl);flex-direction:column;max-width:440px;display:flex}.auth-brand-panel__logo{border-radius:var(--radius-md);object-fit:contain;filter:invert()sepia()grayscale()brightness(200%);width:102px;height:102px;padding:var(--space-xs)}.auth-brand-panel__text{gap:var(--space-sm);flex-direction:column;display:flex}.auth-brand-panel__text span{color:#fcfdffb8;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.auth-brand-panel__text h1{color:#fff;letter-spacing:0;font-size:2.5rem}.auth-brand-panel__text p{color:#fcfdffbd;font-size:var(--font-size-lg);line-height:1.6}.auth-brand-panel__features{gap:var(--space-sm);max-width:520px;display:grid}.auth-brand-panel__feature{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:#fcfdffc7;font-size:var(--font-size-md);display:flex}.auth-brand-panel__feature svg{color:#d7dde8;flex-shrink:0}.auth-form-panel{place-items:center;min-width:0;padding:clamp(1.25rem,4vw,3rem);display:grid}.auth-card{gap:var(--space-lg);border-radius:var(--radius-lg);width:min(100%,420px);min-width:0;box-shadow:var(--shadow-lg);background:linear-gradient(#ffffff08,#fff0),#2b3238;border:1px solid #46505a;flex-direction:column;padding:clamp(1.25rem,4vw,2rem);display:flex}.auth-header{align-items:flex-start;gap:var(--space-sm);display:flex}.auth-header__icon{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-primary);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.auth-header__icon img{object-fit:contain;filter:invert()sepia()grayscale()brightness(200%);width:38px;height:38px}.auth-header h2{font-size:var(--font-size-xl);color:var(--color-text)}.auth-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:4px;line-height:1.5}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-field{gap:var(--space-2xs);flex-direction:column;display:flex}.auth-field>span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:42px;color:var(--color-text);padding:0 42px 0 var(--space-sm);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);background:#20262a;outline:0}.auth-field>.auth-input{padding-right:var(--space-sm)}.auth-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-focus-ring)}.auth-input::placeholder{color:var(--color-text-subtle)}.auth-input:disabled{cursor:not-allowed;opacity:.7}.auth-icon-button,.auth-input-icon{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-text-muted);place-items:center;display:grid;position:absolute;right:6px}.auth-icon-button:hover{background:var(--color-surface-soft);color:var(--color-text)}.auth-error{padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);overflow-wrap:anywhere;line-height:1.5}.auth-submit{width:100%;min-height:42px}.auth-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.76s linear infinite authSpin}.auth-recovery{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs);align-self:center}.auth-recovery:hover{color:var(--color-text)}.auth-dialog-overlay{z-index:1100;padding:var(--space-md);background:#2a314280;place-items:center;display:grid;position:fixed;inset:0}.auth-dialog{align-items:flex-start;gap:var(--space-md);width:min(100%,380px);padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.auth-dialog__icon{border-radius:var(--radius-md);background:var(--color-info-soft);width:44px;height:44px;color:var(--color-info);place-items:center;display:grid}.auth-dialog p{color:var(--color-text-muted);line-height:1.6}.auth-boot{justify-content:center;align-items:center;gap:var(--space-sm);min-height:100vh;color:var(--color-text-muted);background:var(--color-bg);display:flex}@keyframes authSpin{to{transform:rotate(360deg)}}@media (width<=860px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{padding:var(--space-xl)}.auth-brand-panel__content{gap:var(--space-md)}.auth-brand-panel__features{display:none}.auth-form-panel{padding:var(--space-xl) var(--space-md);align-items:start}}@media (width<=520px){.auth-card{border-radius:var(--radius-md)}.auth-brand-panel__text h1{font-size:2rem}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}