.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width, 240px);height:100vh;background:var(--yw-sidebar-bg);border-right:1px solid var(--yw-sidebar-border);transition:width var(--yw-transition-normal);overflow:hidden;position:sticky;top:0;z-index:var(--yw-z-sticky)}.sidebar--collapsed{width:52px}.sidebar-header{display:flex;align-items:center;padding:var(--yw-space-4) var(--yw-space-4);min-height:56px;border-bottom:1px solid var(--yw-sidebar-border);flex-shrink:0}.sidebar-header__logo{max-height:32px;max-width:100%;display:block}.sidebar-header__brand{font-size:var(--yw-text-base);font-weight:var(--yw-font-bold);color:var(--yw-text-inverse);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--yw-space-2) 0;scrollbar-width:thin;scrollbar-color:var(--yw-sidebar-border) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--yw-sidebar-border);border-radius:var(--yw-radius-full)}.sidebar-section{padding:var(--yw-space-2) 0}.sidebar-section+.sidebar-section{border-top:1px solid var(--yw-sidebar-border);margin-top:var(--yw-space-1);padding-top:var(--yw-space-3)}.sidebar-section__label{display:block;padding:0 var(--yw-space-4) var(--yw-space-1);font-size:var(--yw-text-xs);font-weight:var(--yw-font-semibold);color:var(--yw-sidebar-text);opacity:.5;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;overflow:hidden}.sidebar-section__items{list-style:none;margin:0;padding:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--yw-space-3);padding:var(--yw-space-2) var(--yw-space-4);color:var(--yw-sidebar-text);text-decoration:none;font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);border-left:3px solid transparent;transition:background var(--yw-transition-fast),color var(--yw-transition-fast);white-space:nowrap;overflow:hidden;position:relative}.sidebar-nav-item:hover{background:var(--yw-sidebar-hover-bg);color:var(--yw-text-inverse)}.sidebar-nav-item--active{background:var(--yw-sidebar-active-bg);color:var(--yw-text-inverse);border-left-color:var(--yw-interactive-primary)}.sidebar-nav-item__icon{display:flex;align-items:center;flex-shrink:0;opacity:.85}.sidebar-nav-item--active .sidebar-nav-item__icon{opacity:1}.sidebar-nav-item__label{overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-nav-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--yw-space-1);background:var(--yw-interactive-danger);color:var(--yw-text-inverse);border-radius:var(--yw-radius-full);font-size:var(--text-3xs);font-weight:var(--yw-font-bold);line-height:1;flex-shrink:0}.sidebar--collapsed .sidebar-section+.sidebar-section{margin-top:var(--yw-space-2);padding-top:var(--yw-space-2)}.sidebar--collapsed .sidebar-nav-item{padding:var(--space-2h) 0;justify-content:center;gap:0;border-left:3px solid transparent;border-right:3px solid transparent}.sidebar--collapsed .sidebar-nav-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + var(--yw-space-2));top:50%;transform:translateY(-50%);background:var(--yw-surface-elevated);color:var(--yw-text-primary);padding:var(--yw-space-1) var(--yw-space-3);border-radius:var(--yw-radius-md);font-size:var(--yw-text-sm);white-space:nowrap;box-shadow:var(--yw-shadow-md);pointer-events:none;opacity:0;transition:opacity var(--yw-transition-fast);z-index:var(--yw-z-tooltip, 60)}.sidebar--collapsed .sidebar-nav-item:hover:after{opacity:1}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--yw-sidebar-border);padding:var(--yw-space-2) 0 var(--yw-space-1)}.sidebar-collapse-btn{display:flex;align-items:center;gap:var(--yw-space-2);width:100%;padding:var(--yw-space-2) var(--yw-space-4);background:none;border:none;color:var(--yw-sidebar-text);font-size:var(--yw-text-sm);cursor:pointer;opacity:.6;transition:opacity var(--yw-transition-fast)}.sidebar-collapse-btn:hover{opacity:1}.sidebar--collapsed .sidebar-nav-item--active{border-left-color:var(--yw-interactive-primary);border-right-color:transparent}.sidebar--collapsed .sidebar-collapse-btn{justify-content:center;padding:var(--yw-space-2)}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;transform:translate(-100%);transition:transform var(--yw-transition-normal);z-index:var(--yw-z-modal);box-shadow:var(--yw-shadow-xl)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--yw-z-modal) - 1)}.sidebar--collapsed{width:240px}.sidebar--collapsed .sidebar-nav-item{padding:var(--yw-space-2) var(--yw-space-4);justify-content:flex-start;gap:var(--yw-space-3)}.sidebar--collapsed .sidebar-nav-item:after{display:none}.sidebar--collapsed .sidebar-collapse-btn{padding:var(--yw-space-2) var(--yw-space-4);justify-content:flex-start}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--yw-space-2);border:1px solid transparent;border-radius:var(--yw-radius-md);font-family:inherit;font-weight:var(--yw-font-medium);line-height:1;cursor:pointer;white-space:nowrap;transition:background-color var(--yw-transition-fast),border-color var(--yw-transition-fast),color var(--yw-transition-fast),opacity var(--yw-transition-fast);-webkit-user-select:none;user-select:none;position:relative;text-decoration:none}.ui-btn--sm{height:28px;padding:0 var(--yw-space-3);font-size:var(--yw-text-xs)}.ui-btn--md{height:36px;padding:0 var(--yw-space-4);font-size:var(--yw-text-sm)}.ui-btn--lg{height:44px;padding:0 var(--yw-space-5);font-size:var(--yw-text-base)}.ui-btn--primary{background:var(--yw-interactive-primary);color:var(--yw-text-inverse);border-color:var(--yw-interactive-primary)}.ui-btn--primary:hover:not(:disabled){background:var(--yw-interactive-primary-hover);border-color:var(--yw-interactive-primary-hover)}.ui-btn--secondary{background:transparent;color:var(--yw-text-primary);border-color:var(--yw-border-default)}.ui-btn--secondary:hover:not(:disabled){background:var(--yw-surface-elevated)}.ui-btn--danger{background:var(--yw-interactive-danger);color:var(--yw-text-inverse);border-color:var(--yw-interactive-danger)}.ui-btn--danger:hover:not(:disabled){background:var(--yw-interactive-danger-hover);border-color:var(--yw-interactive-danger-hover)}.ui-btn--ghost{background:transparent;color:var(--yw-text-primary);border-color:transparent}.ui-btn--ghost:hover:not(:disabled){background:var(--yw-surface-elevated)}.ui-btn:focus-visible{outline:2px solid var(--yw-border-focus);outline-offset:2px}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--loading{opacity:.7;pointer-events:none}.ui-btn__spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--yw-radius-full);animation:ui-btn-spin .6s linear infinite;flex-shrink:0}@keyframes ui-btn-spin{to{transform:rotate(360deg)}}.ui-btn--full-width{width:100%}.ui-badge__dot{width:6px;height:6px;border-radius:var(--yw-radius-full);background:currentColor;flex-shrink:0;display:inline-block}.ui-datatable-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--yw-radius-lg);border:1px solid var(--yw-border-default)}.ui-datatable{width:100%;border-collapse:collapse;font-size:var(--yw-text-sm);background:var(--yw-surface-card)}.ui-datatable thead tr{background:var(--yw-table-header-bg)}.ui-datatable thead th{padding:var(--yw-space-3) var(--yw-space-4);font-size:var(--yw-text-xs);font-weight:var(--yw-font-semibold);color:var(--yw-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--yw-table-border)}.ui-datatable__head--sticky{position:sticky;top:0;z-index:var(--yw-z-sticky);background:var(--yw-table-header-bg)}.ui-datatable__th-inner{display:inline-flex;align-items:center;gap:var(--yw-space-1)}.ui-datatable__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ui-datatable__th--sortable:hover,.ui-datatable__th--sorted{color:var(--yw-text-primary)}.ui-datatable__sort-icon{display:inline-flex;opacity:.5}.ui-datatable__th--sorted .ui-datatable__sort-icon{opacity:1}.ui-datatable__sort-btn{display:inline-flex;align-items:center;gap:var(--yw-space-1);padding:0;margin:0;background:none;border:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.ui-datatable tbody td{padding:var(--yw-space-3) var(--yw-space-4);border-bottom:1px solid var(--yw-table-border);color:var(--yw-text-primary);vertical-align:middle}.ui-datatable tbody tr:last-child td{border-bottom:none}.ui-datatable--striped tbody tr:nth-child(2n){background:var(--yw-table-row-stripe)}.ui-datatable--hoverable tbody tr:hover{background:var(--yw-table-row-hover);transition:background var(--yw-transition-fast)}.ui-datatable--compact thead th,.ui-datatable--compact tbody td{padding:var(--yw-space-2) var(--yw-space-3);font-size:var(--yw-text-xs)}@media (max-width: 768px){.ui-datatable__cell--hide-mobile{display:none}}.ui-card--interactive{cursor:pointer;transition:transform var(--yw-transition-normal),box-shadow var(--yw-transition-normal)}.ui-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--yw-shadow-lg)}.ui-card--padding-none{padding:0}.ui-card--padding-sm{padding:var(--yw-space-3)}.ui-card--padding-lg{padding:var(--yw-space-8)}.ui-card__title-wrapper{display:flex;flex-direction:column;gap:var(--yw-space-1)}.ui-card__subtitle{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);margin:0;font-weight:400}.ui-card__content{font-size:var(--yw-text-base);color:var(--yw-text-primary)}.ui-card__footer--left{justify-content:flex-start}.ui-card__footer--center{justify-content:center}.ui-card__footer--right{justify-content:flex-end}.ui-card__footer--between{justify-content:space-between}.ui-card.accent{background:var(--color-primary-500);color:var(--surface-primary)}.ui-breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--yw-space-1);list-style:none;margin:0;padding:0}.ui-breadcrumbs__item{display:flex;align-items:center;gap:var(--yw-space-1);font-size:var(--yw-text-sm)}.ui-breadcrumbs__sep{color:var(--yw-text-tertiary);flex-shrink:0}.ui-breadcrumbs__link{color:var(--yw-text-link);text-decoration:none;transition:color var(--yw-transition-fast)}.ui-breadcrumbs__link:hover{text-decoration:underline;color:var(--yw-interactive-primary-hover)}.ui-breadcrumbs__current{color:var(--yw-text-primary);font-weight:var(--yw-font-medium)}.ui-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--yw-space-2)}.ui-filter-chips__chip{display:inline-flex;align-items:center;gap:var(--yw-space-1);padding:2px var(--yw-space-2);background:var(--yw-surface-elevated);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-full);font-size:var(--yw-text-sm);color:var(--yw-text-primary);animation:chip-in .15s ease}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ui-filter-chips__chip--danger{background:var(--yw-status-danger-bg);border-color:var(--yw-status-danger-border);color:var(--yw-status-danger-text)}.ui-filter-chips__chip--warning{background:var(--yw-status-warning-bg);border-color:var(--yw-status-warning-border);color:var(--yw-status-warning-text)}.ui-filter-chips__chip--info{background:var(--yw-status-info-bg);border-color:var(--yw-status-info-border);color:var(--yw-status-info-text)}.ui-filter-chips__chip--success{background:var(--yw-status-success-bg);border-color:var(--yw-status-success-border);color:var(--yw-status-success-text)}.ui-filter-chips__chip--neutral{background:var(--yw-surface-elevated);border-color:var(--yw-border-default);color:var(--yw-text-secondary)}.ui-filter-chips__label{font-weight:var(--yw-font-medium)}.ui-filter-chips__remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:.6;border-radius:var(--yw-radius-full);transition:opacity var(--yw-transition-fast),background var(--yw-transition-fast);width:16px;height:16px}.ui-filter-chips__remove:hover{opacity:1;background:#0000001a}.ui-filter-chips__clear-all{background:none;border:none;padding:2px var(--yw-space-2);font-size:var(--yw-text-sm);color:var(--yw-text-link);cursor:pointer;text-decoration:none;transition:color var(--yw-transition-fast)}.ui-filter-chips__clear-all:hover{text-decoration:underline;color:var(--yw-interactive-primary-hover)}.ui-sla{display:inline-flex;align-items:center;gap:var(--yw-space-1);font-size:var(--yw-text-xs);font-weight:var(--yw-font-medium);border-radius:var(--yw-radius-full);padding:2px var(--yw-space-2);white-space:nowrap}.ui-sla--sm{font-size:var(--yw-text-xs);padding:1px 6px}.ui-sla--md{font-size:var(--yw-text-sm);padding:2px var(--yw-space-2)}.ui-sla--none{color:var(--yw-text-tertiary);background:transparent;padding:0}.ui-sla--overdue,.ui-sla--critical{color:var(--yw-status-danger-text);background:var(--yw-status-danger-bg)}.ui-sla--urgent{color:var(--yw-status-warning-text);background:var(--yw-status-warning-bg)}.ui-sla--normal{color:var(--yw-status-info-text);background:var(--yw-status-info-bg)}.ui-sla--comfortable{color:var(--yw-text-secondary);background:var(--yw-surface-elevated)}.ui-sla--success{color:var(--yw-status-success-text);background:var(--yw-status-success-bg)}.ui-sla--pulse{animation:sla-pulse 2s ease-in-out infinite}@keyframes sla-pulse{0%,to{opacity:1}50%{opacity:.6}}.ui-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--yw-space-4);padding:var(--yw-space-2) var(--yw-space-6);background:var(--yw-surface-elevated);border-bottom:1px solid var(--yw-border-default);box-shadow:var(--yw-shadow-sm);z-index:var(--yw-z-sticky);animation:bulk-bar-in .15s ease}@keyframes bulk-bar-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.ui-bulk-bar__left{display:flex;align-items:center;gap:var(--yw-space-3)}.ui-bulk-bar__select-all{display:flex;align-items:center;gap:var(--yw-space-2);cursor:pointer;font-size:var(--yw-text-sm);color:var(--yw-text-primary);-webkit-user-select:none;user-select:none}.ui-bulk-bar__select-all input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--yw-interactive-primary)}.ui-bulk-bar__count{font-weight:var(--yw-font-medium)}.ui-bulk-bar__actions{display:flex;align-items:center;gap:var(--yw-space-2)}.ui-bulk-bar__action{display:inline-flex;align-items:center;gap:var(--yw-space-1);padding:var(--yw-space-1) var(--yw-space-3);background:var(--yw-surface-page);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);cursor:pointer;transition:background var(--yw-transition-fast),border-color var(--yw-transition-fast)}.ui-bulk-bar__action:hover:not(:disabled){background:var(--yw-surface-elevated);border-color:var(--yw-border-strong)}.ui-bulk-bar__action:disabled{opacity:.5;cursor:not-allowed}.ui-bulk-bar__action--danger{color:var(--yw-status-danger-text);border-color:var(--yw-status-danger-border)}.ui-bulk-bar__action--danger:hover:not(:disabled){background:var(--yw-status-danger-bg)}.ui-bulk-bar__action-icon{display:inline-flex;align-items:center}.data-viewer{font-size:var(--yw-text-sm)}.data-viewer__header{display:flex;align-items:center;gap:var(--yw-space-2);padding-bottom:var(--yw-space-2);margin-bottom:var(--yw-space-2);border-bottom:1px solid var(--yw-border-default);color:var(--yw-text-secondary)}.data-viewer__header--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-viewer__header--clickable:hover{color:var(--yw-text-primary)}.data-viewer__title{font-weight:var(--yw-font-semibold);font-size:var(--yw-text-sm)}.data-viewer__list{display:flex;flex-direction:column}.data-viewer__row{display:grid;grid-template-columns:180px 1fr;gap:var(--yw-space-3);padding:var(--yw-space-2) 0;border-bottom:1px dashed var(--yw-border-default);align-items:baseline}.data-viewer__row:last-child{border-bottom:none}.data-viewer__row--highlighted{background:var(--yw-surface-elevated);padding-left:var(--yw-space-2);padding-right:var(--yw-space-2);border-radius:var(--yw-radius-sm)}.data-viewer__key{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-secondary);text-align:right;word-break:break-word;display:flex;align-items:center;justify-content:flex-end;gap:var(--yw-space-1)}.data-viewer__badge{font-size:var(--yw-text-xs);background:var(--yw-status-info-bg);color:var(--yw-status-info-text);border-radius:var(--yw-radius-full);padding:0 var(--yw-space-1)}.data-viewer__value{color:var(--yw-text-primary);word-break:break-word}.data-viewer__null{color:var(--yw-text-tertiary);font-style:italic}.data-viewer__number{font-variant-numeric:tabular-nums}.data-viewer__date{color:var(--yw-text-secondary)}.data-viewer__string{white-space:pre-wrap}.data-viewer__expand-btn{display:inline-flex;align-items:center;gap:var(--yw-space-1);background:none;border:none;cursor:pointer;color:var(--yw-text-link);font-size:var(--yw-text-xs);padding:0;text-decoration:underline}.data-viewer__expand-btn:hover{opacity:.8}.data-viewer__nested{margin-top:var(--yw-space-1);padding-left:var(--yw-space-4);border-left:2px solid var(--yw-border-default)}.data-viewer__array-item{display:flex;gap:var(--yw-space-2);padding:var(--yw-space-1) 0;align-items:baseline}@media (max-width: 640px){.data-viewer__row{grid-template-columns:1fr;gap:var(--yw-space-1)}.data-viewer__key{text-align:left;justify-content:flex-start;color:var(--yw-text-tertiary);font-size:var(--yw-text-xs)}}.cmd-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--yw-z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(80px,12vh,160px);animation:cmd-overlay-in .12s ease}@keyframes cmd-overlay-in{0%{opacity:0}to{opacity:1}}.cmd-palette{width:min(560px,90vw);background:var(--yw-surface-card);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-xl);box-shadow:var(--yw-shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:cmd-palette-in .15s ease-out}@keyframes cmd-palette-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cmd-palette__input-wrap{display:flex;align-items:center;gap:var(--yw-space-3);padding:var(--yw-space-4);border-bottom:1px solid var(--yw-border-default)}.cmd-palette__input-icon{color:var(--yw-text-tertiary);flex-shrink:0}.cmd-palette__input{flex:1;background:none;border:none;outline:none;font-size:var(--yw-text-lg);color:var(--yw-text-primary);line-height:1.4}.cmd-palette__input::placeholder{color:var(--yw-text-tertiary)}.cmd-palette__list{list-style:none;margin:0;padding:var(--yw-space-2) 0;max-height:60vh;overflow-y:auto;overflow-x:hidden}.cmd-palette__loading,.cmd-palette__empty{padding:var(--yw-space-6) var(--yw-space-4);text-align:center;font-size:var(--yw-text-sm);color:var(--yw-text-tertiary)}.cmd-palette__group{margin-bottom:var(--yw-space-1)}.cmd-palette__group ul{list-style:none;margin:0;padding:0}.cmd-palette__group-header{padding:var(--yw-space-1) var(--yw-space-4);font-size:var(--yw-text-xs);font-weight:var(--yw-font-semibold);color:var(--yw-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--yw-space-1)}.cmd-palette__item{display:flex;align-items:center;gap:var(--yw-space-3);padding:var(--yw-space-3) var(--yw-space-4);cursor:pointer;transition:background var(--yw-transition-fast);border-left:3px solid transparent}.cmd-palette__item:hover{background:var(--yw-table-row-hover)}.cmd-palette__item--active{background:var(--yw-surface-elevated);border-left-color:var(--yw-interactive-primary)}.cmd-palette__item-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:var(--yw-text-secondary)}.cmd-palette__item--active .cmd-palette__item-icon{color:var(--yw-interactive-primary)}.cmd-palette__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cmd-palette__item-label{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-palette__item-desc{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-palette__item-badge{flex-shrink:0}.cmd-palette__highlight{background:none;font-weight:var(--yw-font-bold);color:var(--yw-interactive-primary)}.cmd-palette__shortcut{flex-shrink:0;font-family:inherit;font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);background:var(--yw-surface-elevated);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-sm);padding:2px 6px;white-space:nowrap}.cmd-palette__footer{display:flex;align-items:center;gap:var(--yw-space-4);padding:var(--yw-space-2) var(--yw-space-4);border-top:1px solid var(--yw-border-default);font-size:var(--yw-text-xs);color:var(--yw-text-tertiary)}.cmd-palette__list::-webkit-scrollbar{width:4px}.cmd-palette__list::-webkit-scrollbar-thumb{background:var(--yw-border-strong);border-radius:var(--yw-radius-full)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--yw-radius-full);overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar--sm{width:28px;height:28px;font-size:.65rem}.avatar--md{width:36px;height:36px;font-size:.75rem}.avatar--lg{width:44px;height:44px;font-size:.875rem}.avatar__initials{font-weight:var(--yw-font-semibold);color:var(--yw-text-inverse);letter-spacing:.02em;line-height:1}.avatar__img{width:100%;height:100%;object-fit:cover}.avatar--blue{background:#3b82f6}.avatar--green{background:#22c55e}.avatar--purple{background:#a855f7}.avatar--orange{background:#f97316}.avatar--teal{background:#14b8a6}.avatar--rose{background:#f43f5e}.avatar--amber{background:#f59e0b}.avatar--indigo{background:#6366f1}[data-theme=dark] .avatar--blue{background:#2563eb}[data-theme=dark] .avatar--green{background:#16a34a}[data-theme=dark] .avatar--purple{background:#9333ea}[data-theme=dark] .avatar--orange{background:#ea580c}[data-theme=dark] .avatar--teal{background:#0d9488}[data-theme=dark] .avatar--rose{background:#e11d48}[data-theme=dark] .avatar--amber{background:#d97706}[data-theme=dark] .avatar--indigo{background:#4f46e5}.view-switcher{display:inline-flex;border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);overflow:hidden}.view-switcher__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--yw-text-secondary);cursor:pointer;transition:background var(--yw-transition-fast),color var(--yw-transition-fast)}.view-switcher__btn:not(:last-child){border-right:1px solid var(--yw-border-default)}.view-switcher__btn:hover{background:var(--yw-surface-elevated);color:var(--yw-text-primary)}.view-switcher__btn--active{background:var(--yw-interactive-primary);color:var(--yw-text-inverse)}.view-switcher__btn--active:hover{background:var(--yw-interactive-primary-hover);color:var(--yw-text-inverse)}.kanban-board{display:flex;gap:var(--yw-space-4);padding:var(--yw-space-4) 0;overflow-x:auto;min-height:400px}.kanban-board__column{flex-shrink:0;background:var(--yw-surface-elevated);border-radius:var(--yw-radius-lg);border:1px solid var(--yw-border-default);display:flex;flex-direction:column;max-height:calc(100vh - 240px)}.kanban-board__header{display:flex;align-items:center;justify-content:space-between;padding:var(--yw-space-3) var(--yw-space-3);border-bottom:1px solid var(--yw-border-default);border-top:3px solid var(--yw-border-default);border-radius:var(--yw-radius-lg) var(--yw-radius-lg) 0 0}.kanban-board__header--success{border-top-color:var(--yw-status-success-text)}.kanban-board__header--warning{border-top-color:var(--yw-status-warning-text)}.kanban-board__header--danger{border-top-color:var(--yw-status-danger-text)}.kanban-board__header--info{border-top-color:var(--yw-status-info-text)}.kanban-board__header--neutral{border-top-color:var(--yw-border-strong)}.kanban-board__header--primary{border-top-color:var(--yw-interactive-primary)}.kanban-board__title{font-size:var(--yw-text-sm);font-weight:var(--yw-font-semibold);color:var(--yw-text-primary)}.kanban-board__column--drag-over{outline:2px dashed var(--yw-interactive-primary);outline-offset:-2px;background:color-mix(in srgb,var(--yw-interactive-primary) 5%,var(--yw-surface-elevated))}.kanban-board__card[draggable=true]{cursor:grab}.kanban-board__card[draggable=true]:active{cursor:grabbing;opacity:.7}.kanban-board__cards{flex:1;overflow-y:auto;padding:var(--yw-space-3);display:flex;flex-direction:column;gap:var(--yw-space-3)}.kanban-board__card{background:var(--yw-card-bg);border:1px solid var(--yw-card-border);border-radius:var(--yw-radius-md);transition:box-shadow var(--yw-transition-fast),transform var(--yw-transition-fast)}.kanban-board__card[role=button]{cursor:pointer}.kanban-board__card[role=button]:hover{box-shadow:var(--yw-shadow-sm);transform:translateY(-1px)}.kanban-board__card[role=button]:focus-visible{outline:2px solid var(--yw-interactive-primary);outline-offset:2px}.kanban-board__skeleton-card{background:var(--yw-card-bg);border:1px solid var(--yw-card-border);border-radius:var(--yw-radius-md);padding:var(--yw-space-3)}.kanban-board__empty{text-align:center;color:var(--yw-text-tertiary);font-size:var(--yw-text-sm);padding:var(--yw-space-6) var(--yw-space-3)}@media (max-width: 768px){.kanban-board{flex-direction:column}.kanban-board__column{width:100%!important;min-width:0!important;max-height:none}}.timeline-view{border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-lg);background:var(--yw-surface-card);overflow:hidden}.timeline-view__scroll{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 280px)}.timeline-view__canvas{position:relative;min-width:800px;padding-left:200px}.timeline-view__header{display:flex;border-bottom:1px solid var(--yw-border-default);position:sticky;top:0;z-index:2;background:var(--yw-surface-card)}.timeline-view__label-col{width:200px;min-width:200px;padding:var(--yw-space-2) var(--yw-space-3);position:sticky;left:0;z-index:3;background:var(--yw-surface-card);border-right:1px solid var(--yw-border-default);display:flex;flex-direction:column;justify-content:center}.timeline-view__dates{position:relative;flex:1;height:36px}.timeline-view__date-label{position:absolute;top:50%;transform:translate(-50%) translateY(-50%);font-size:var(--yw-text-2xs);color:var(--yw-text-tertiary);white-space:nowrap}.timeline-view__today{position:absolute;top:36px;bottom:0;width:2px;background:var(--yw-status-danger-text);opacity:.6;z-index:1}.timeline-view__today-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:var(--yw-text-3xs);color:var(--yw-status-danger-text);font-weight:var(--yw-font-semibold);white-space:nowrap}.timeline-view__row{display:flex;border-bottom:1px solid var(--yw-border-subtle, var(--yw-border-default));min-height:40px}.timeline-view__item-label{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-view__item-sublabel{font-size:var(--yw-text-2xs);color:var(--yw-text-tertiary)}.timeline-view__bar-area{flex:1;position:relative;padding:var(--yw-space-1-5) 0}.timeline-view__bar{position:absolute;top:50%;transform:translateY(-50%);height:20px;border-radius:var(--yw-radius-sm);opacity:.85;transition:opacity var(--yw-transition-fast)}.timeline-view__bar--ongoing{mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}.timeline-view__bar--clickable{cursor:pointer}.timeline-view__bar--clickable:hover{opacity:1}.timeline-view__bar--clickable:focus-visible{outline:2px solid var(--yw-interactive-primary);outline-offset:2px}.timeline-view__empty{text-align:center;padding:var(--yw-space-10);color:var(--yw-text-tertiary);font-size:var(--yw-text-sm)}@media (max-width: 768px){.timeline-view__label-col{width:120px;min-width:120px}.timeline-view__canvas{padding-left:120px}}.ui-input-wrapper{display:flex;flex-direction:column}.ui-input-wrapper--full-width{width:100%}.ui-input__label{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);margin-bottom:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-input__container{position:relative;display:flex;align-items:center}.ui-input__icon{position:absolute;left:var(--yw-space-3);display:flex;align-items:center;color:var(--yw-text-tertiary);pointer-events:none}.ui-input__field{width:100%;background:var(--yw-input-bg);color:var(--yw-text-primary);border:1px solid var(--yw-input-border);border-radius:var(--yw-radius-md);padding:var(--yw-space-2) var(--yw-space-3);font-family:inherit;font-size:var(--yw-text-sm);line-height:var(--yw-leading-normal);transition:border-color var(--yw-transition-fast),box-shadow var(--yw-transition-fast);outline:none}.ui-input__field::placeholder{color:var(--yw-input-placeholder)}.ui-input__field:focus{border-color:var(--yw-input-focus-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-input-focus-border) 15%,transparent)}.ui-input__field--has-icon{padding-left:var(--yw-space-8)}.ui-input__field--sm{height:28px;font-size:var(--yw-text-xs)}.ui-input__field--md{height:36px;font-size:var(--yw-text-sm)}.ui-input__field--lg{height:44px;font-size:var(--yw-text-base)}.ui-input__field--error{border-color:var(--yw-input-error-border)}.ui-input__field--error:focus{border-color:var(--yw-input-error-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-input-error-border) 15%,transparent)}.ui-input__hint{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-input__error{font-size:var(--yw-text-xs);color:var(--yw-status-danger-text);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-select-wrapper{display:flex;flex-direction:column}.ui-select-wrapper--full-width{width:100%}.ui-select__label{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);margin-bottom:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-select__container{position:relative;display:flex;align-items:center}.ui-select__chevron{position:absolute;right:var(--yw-space-3);display:flex;align-items:center;color:var(--yw-text-tertiary);pointer-events:none}.ui-select__field{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--yw-input-bg);color:var(--yw-text-primary);border:1px solid var(--yw-input-border);border-radius:var(--yw-radius-md);padding:var(--yw-space-2) var(--yw-space-8) var(--yw-space-2) var(--yw-space-3);font-family:inherit;font-size:var(--yw-text-sm);line-height:var(--yw-leading-normal);cursor:pointer;transition:border-color var(--yw-transition-fast),box-shadow var(--yw-transition-fast);outline:none}.ui-select__field:focus{border-color:var(--yw-input-focus-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-input-focus-border) 15%,transparent)}.ui-select__field:disabled{opacity:.5;cursor:not-allowed}.ui-select__field--placeholder{color:var(--yw-input-placeholder)}.ui-select__field--sm{height:28px;font-size:var(--yw-text-xs)}.ui-select__field--md{height:36px;font-size:var(--yw-text-sm)}.ui-select__field--lg{height:44px;font-size:var(--yw-text-base)}.ui-select__field--error{border-color:var(--yw-input-error-border)}.ui-select__field--error:focus{border-color:var(--yw-input-error-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-input-error-border) 15%,transparent)}.ui-select__hint{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-select__error{font-size:var(--yw-text-xs);color:var(--yw-status-danger-text);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.combobox{position:relative}.combobox__input-wrap{position:relative;display:flex;align-items:center}.combobox__input{width:100%;padding:var(--yw-space-2) var(--yw-space-3);padding-right:var(--yw-space-8, 32px);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);background:var(--yw-surface-card);color:var(--yw-text-primary);font-size:var(--yw-text-sm);font-family:inherit;transition:border-color var(--yw-transition-fast);box-sizing:border-box}.combobox__input::placeholder{color:var(--yw-text-tertiary)}.combobox__input:focus{outline:none;border-color:var(--yw-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-border-focus) 25%,transparent)}.combobox__icon{position:absolute;right:var(--yw-space-2);color:var(--yw-text-tertiary);pointer-events:none}.combobox__clear{position:absolute;right:var(--yw-space-2);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--yw-radius-sm);background:none;color:var(--yw-text-tertiary);cursor:pointer;padding:0}.combobox__clear:hover{color:var(--yw-text-primary);background:var(--yw-surface-elevated)}.combobox__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--yw-z-dropdown, 50);max-height:240px;overflow-y:auto;background:var(--yw-surface-card);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);box-shadow:var(--yw-shadow-md, 0 4px 12px rgba(0,0,0,.1));padding:var(--yw-space-1) 0}.combobox__option{display:flex;align-items:center;width:100%;padding:var(--yw-space-2) var(--yw-space-3);border:none;background:none;color:var(--yw-text-primary);font-size:var(--yw-text-sm);font-family:inherit;text-align:left;cursor:pointer;transition:background var(--yw-transition-fast)}.combobox__option:hover,.combobox__option--active{background:color-mix(in srgb,var(--yw-interactive-primary) 8%,transparent)}.combobox__option--selected{font-weight:var(--yw-font-semibold);color:var(--yw-interactive-primary)}.combobox__no-results{padding:var(--yw-space-3);text-align:center;color:var(--yw-text-tertiary);font-size:var(--yw-text-sm);font-style:italic}.combobox--sm .combobox__input{padding:var(--yw-space-1) var(--yw-space-2);padding-right:var(--yw-space-7, 28px);font-size:var(--yw-text-xs)}.combobox--lg .combobox__input{padding:var(--yw-space-3) var(--yw-space-4);font-size:var(--yw-text-base)}.entity-picker{position:relative}.entity-picker__input-wrap{position:relative;display:flex;align-items:center}.entity-picker__input{width:100%;padding:var(--yw-space-2) var(--yw-space-3);padding-right:var(--yw-space-8, 32px);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);background:var(--yw-surface-card);color:var(--yw-text-primary);font-size:var(--yw-text-sm);font-family:inherit;transition:border-color var(--yw-transition-fast);box-sizing:border-box}.entity-picker__input::placeholder{color:var(--yw-text-tertiary)}.entity-picker__input:focus{outline:none;border-color:var(--yw-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-border-focus) 25%,transparent)}.entity-picker__icon{position:absolute;right:var(--yw-space-2);color:var(--yw-text-tertiary);pointer-events:none;display:inline-flex;align-items:center}.entity-picker__clear{position:absolute;right:var(--yw-space-2);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:var(--yw-radius-sm);background:none;color:var(--yw-text-tertiary);cursor:pointer;padding:0}.entity-picker__clear:hover{color:var(--yw-text-primary);background:var(--yw-surface-elevated)}.entity-picker__spinner{animation:entity-picker-spin 1s linear infinite}@keyframes entity-picker-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.entity-picker__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--yw-z-dropdown, 50);max-height:280px;overflow-y:auto;background:var(--yw-surface-card);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);box-shadow:var(--yw-shadow-md, 0 4px 12px rgba(0,0,0,.1));padding:var(--yw-space-1) 0}.entity-picker__option{display:flex;align-items:center;gap:var(--yw-space-2);width:100%;padding:var(--yw-space-2) var(--yw-space-3);border:none;background:none;color:var(--yw-text-primary);font-size:var(--yw-text-sm);font-family:inherit;text-align:left;cursor:pointer;transition:background var(--yw-transition-fast)}.entity-picker__option:hover,.entity-picker__option--active{background:color-mix(in srgb,var(--yw-interactive-primary) 8%,transparent)}.entity-picker__option--selected{font-weight:var(--yw-font-semibold);color:var(--yw-interactive-primary)}.entity-picker__option-info{display:flex;flex-direction:column;gap:1px;overflow:hidden;min-width:0}.entity-picker__option-name{font-weight:var(--yw-font-medium, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-picker__option-email{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-picker__no-results{padding:var(--yw-space-3);text-align:center;color:var(--yw-text-tertiary);font-size:var(--yw-text-sm);font-style:italic}.entity-picker__loading{display:flex;flex-direction:column;gap:var(--yw-space-2);padding:var(--yw-space-2) var(--yw-space-3)}.entity-picker--multi{display:flex;flex-direction:column;gap:var(--yw-space-2)}.entity-picker__chips{display:flex;flex-wrap:wrap;gap:var(--yw-space-1)}.entity-picker__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--yw-space-1);border:none;border-radius:50%;background:none;color:inherit;cursor:pointer;padding:0;opacity:.7;transition:opacity var(--yw-transition-fast)}.entity-picker__chip-remove:hover{opacity:1}.entity-picker__chip-remove:disabled{cursor:not-allowed;opacity:.4}.entity-picker__mode-selector{display:flex;gap:var(--yw-space-2)}.entity-picker__mode-option{display:flex;align-items:center;gap:var(--yw-space-1);font-size:var(--yw-text-sm);color:var(--yw-text-secondary);cursor:pointer}.entity-picker__mode-option input[type=radio]{accent-color:var(--yw-interactive-primary)}.ui-textarea-wrapper{display:flex;flex-direction:column}.ui-textarea__label{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);margin-bottom:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-textarea__container{position:relative;display:flex;flex-direction:column}.ui-textarea__field{width:100%;background:var(--yw-input-bg);color:var(--yw-text-primary);border:1px solid var(--yw-input-border);border-radius:var(--yw-radius-md);padding:var(--yw-space-2) var(--yw-space-3);font-family:inherit;font-size:var(--yw-text-sm);line-height:var(--yw-leading-normal);resize:vertical;transition:border-color var(--yw-transition-fast),box-shadow var(--yw-transition-fast);outline:none}.ui-textarea__field::placeholder{color:var(--yw-input-placeholder)}.ui-textarea__field:focus{border-color:var(--yw-input-focus-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-input-focus-border) 15%,transparent)}.ui-textarea__field--sm{min-height:60px}.ui-textarea__field--md{min-height:100px}.ui-textarea__field--error{border-color:var(--yw-input-error-border)}.ui-textarea__field--error:focus{border-color:var(--yw-input-error-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--yw-input-error-border) 15%,transparent)}.ui-textarea__count{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);text-align:right;margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-textarea__hint{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-textarea__error{font-size:var(--yw-text-xs);color:var(--yw-status-danger-text);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-form-field{display:flex;flex-direction:column}.ui-form-field__label{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);margin-bottom:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-form-field__required{color:var(--yw-status-danger-text);margin-left:var(--yw-space-1)}.ui-form-field__hint{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.ui-form-field__error{font-size:var(--yw-text-xs);color:var(--yw-status-danger-text);margin-top:var(--yw-space-1);line-height:var(--yw-leading-normal)}.notif-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--yw-z-overlay);opacity:0;transition:opacity var(--yw-transition-normal)}.notif-overlay--visible{display:block;opacity:1}.notif-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100vw;background:var(--yw-surface-card);border-left:1px solid var(--yw-border-default);box-shadow:var(--yw-shadow-lg);z-index:var(--yw-z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--yw-transition-normal);outline:none}.notif-drawer--open{transform:translate(0)}.notif-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--yw-space-4) var(--yw-space-4) var(--yw-space-3);border-bottom:1px solid var(--yw-border-default);flex-shrink:0}.notif-drawer__title{font-size:var(--yw-text-lg);font-weight:var(--yw-font-semibold);color:var(--yw-text-primary);margin:0}.notif-drawer__header-actions{display:flex;align-items:center;gap:var(--yw-space-2)}.notif-drawer__mark-all{display:inline-flex;align-items:center;gap:var(--yw-space-1);font-size:var(--yw-text-xs);color:var(--yw-text-link);background:none;border:none;cursor:pointer;padding:var(--yw-space-1) var(--yw-space-2);border-radius:var(--yw-radius-md);white-space:nowrap;transition:background var(--yw-transition-fast)}.notif-drawer__mark-all:hover{background:var(--yw-table-row-hover)}.notif-drawer__mark-all:disabled{opacity:.5;cursor:not-allowed}.notif-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--yw-radius-md);color:var(--yw-text-secondary);cursor:pointer;transition:background var(--yw-transition-fast),color var(--yw-transition-fast)}.notif-drawer__close:hover{background:var(--yw-table-row-hover);color:var(--yw-text-primary)}.notif-drawer__filters{display:flex;align-items:center;gap:var(--yw-space-1);padding:var(--yw-space-2) var(--yw-space-4);border-bottom:1px solid var(--yw-border-default);flex-wrap:wrap;flex-shrink:0}.notif-drawer__filter-btn{padding:var(--yw-space-1) var(--yw-space-2);font-size:var(--yw-text-xs);font-weight:var(--yw-font-medium);color:var(--yw-text-secondary);background:none;border:1px solid transparent;border-radius:var(--yw-radius-full);cursor:pointer;transition:background var(--yw-transition-fast),color var(--yw-transition-fast),border-color var(--yw-transition-fast);white-space:nowrap}.notif-drawer__filter-btn:hover{background:var(--yw-table-row-hover);color:var(--yw-text-primary)}.notif-drawer__filter-btn.active{background:var(--yw-surface-elevated);border-color:var(--yw-border-default);color:var(--yw-text-primary)}.notif-drawer__body{flex:1;overflow-y:auto;min-height:0}.notif-drawer__loading,.notif-drawer__empty{display:flex;align-items:center;justify-content:center;min-height:200px}.notif-group{padding:0}.notif-group__label{padding:var(--yw-space-3) var(--yw-space-4) var(--yw-space-1);font-size:var(--yw-text-xs);font-weight:var(--yw-font-semibold);color:var(--yw-text-tertiary);text-transform:uppercase;letter-spacing:.06em;background:var(--yw-surface-page);position:sticky;top:0;z-index:1}.notif-card{display:flex;align-items:flex-start;gap:var(--yw-space-3);padding:var(--yw-space-3) var(--yw-space-4);border-bottom:1px solid var(--yw-border-default);cursor:pointer;transition:background var(--yw-transition-fast);position:relative}.notif-card:hover{background:var(--yw-table-row-hover)}.notif-card--unread{background:var(--yw-surface-elevated);border-left:3px solid var(--yw-interactive-primary)}.notif-card--unread:hover{background:var(--yw-table-row-hover)}.notif-card__icon{flex-shrink:0;margin-top:2px}.notif-card__content{flex:1;min-width:0}.notif-card__title{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);margin:0 0 var(--yw-space-1);line-height:var(--yw-leading-tight)}.notif-card__body{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);margin:0 0 var(--yw-space-1);line-height:var(--yw-leading-normal)}.notif-card__footer{display:flex;align-items:center;justify-content:space-between}.notif-card__time{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary)}.notif-card__action{font-size:var(--yw-text-xs);color:var(--yw-text-link)}.notif-card__dot{position:absolute;top:var(--yw-space-3);right:var(--yw-space-4);width:8px;height:8px;border-radius:var(--yw-radius-full);background:var(--yw-interactive-primary);flex-shrink:0}.notif-icon--blue{color:var(--yw-interactive-primary)}.notif-icon--green{color:var(--yw-status-success-text)}.notif-icon--red{color:var(--yw-status-danger-text)}.notif-icon--orange{color:var(--yw-status-warning-text)}.notif-icon--gray{color:var(--yw-text-tertiary)}.notif-drawer__load-more{display:block;width:100%;padding:var(--yw-space-3) var(--yw-space-4);font-size:var(--yw-text-sm);color:var(--yw-text-link);text-align:center;background:none;border:none;cursor:pointer;transition:background var(--yw-transition-fast)}.notif-drawer__load-more:hover{background:var(--yw-table-row-hover)}.notif-drawer__footer{padding:var(--yw-space-3) var(--yw-space-4);border-top:1px solid var(--yw-border-default);flex-shrink:0}.notif-drawer__prefs-link{display:inline-flex;align-items:center;gap:var(--yw-space-2);font-size:var(--yw-text-xs);color:var(--yw-text-secondary);background:none;border:none;cursor:pointer;padding:0;transition:color var(--yw-transition-fast)}.notif-drawer__prefs-link:hover{color:var(--yw-text-primary)}@media (max-width: 480px){.notif-drawer{width:100vw}}.tenant-switcher{position:relative}.tenant-switcher__trigger{display:flex;align-items:center;gap:var(--yw-space-2);padding:var(--yw-space-1) var(--yw-space-3);background:var(--yw-surface-elevated);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);color:var(--yw-text-primary);font-size:var(--yw-text-sm);cursor:pointer;transition:border-color var(--yw-transition-fast),background var(--yw-transition-fast);white-space:nowrap;max-width:200px}.tenant-switcher__trigger:hover{border-color:var(--yw-border-strong);background:var(--yw-surface-page)}.tenant-switcher__trigger:disabled{opacity:.6;cursor:not-allowed}.tenant-switcher__label{overflow:hidden;text-overflow:ellipsis;font-weight:var(--yw-font-medium);max-width:140px}.tenant-switcher__chevron{flex-shrink:0;transition:transform var(--yw-transition-fast);color:var(--yw-text-tertiary)}.tenant-switcher__chevron--open{transform:rotate(180deg)}.tenant-switcher__dropdown{position:absolute;top:calc(100% + var(--yw-space-2));right:0;min-width:240px;max-height:320px;overflow-y:auto;background:var(--yw-surface-elevated);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-lg);box-shadow:var(--yw-shadow-lg);z-index:var(--yw-z-dropdown);padding:var(--yw-space-1) 0}.tenant-switcher__switching{display:flex;align-items:center;gap:var(--yw-space-2);padding:var(--yw-space-3) var(--yw-space-4);font-size:var(--yw-text-sm);color:var(--yw-text-secondary)}.tenant-switcher__spinner{animation:yw-spin 1s linear infinite}@keyframes yw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tenant-switcher__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--yw-space-2) var(--yw-space-4);background:none;border:none;font-size:var(--yw-text-sm);color:var(--yw-text-primary);cursor:pointer;text-align:left;transition:background var(--yw-transition-fast)}.tenant-switcher__item:hover,.tenant-switcher__item--current{background:var(--yw-surface-page)}.tenant-switcher__item-info{display:flex;flex-direction:column;gap:1px;min-width:0}.tenant-switcher__item-name{font-weight:var(--yw-font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-switcher__item-ref{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);font-family:var(--yw-font-mono, monospace)}.tenant-switcher__check{flex-shrink:0;color:var(--yw-interactive-primary)}@media (max-width: 640px){.tenant-switcher__label{display:none}.tenant-switcher__trigger{padding:var(--yw-space-1) var(--yw-space-2)}.tenant-switcher__dropdown{right:auto;left:0;min-width:200px}}.topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--yw-space-6);background:var(--yw-surface-page);border-bottom:1px solid var(--yw-border-default);position:sticky;top:0;z-index:var(--yw-z-sticky);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:var(--yw-space-4);min-width:0}.topbar-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--yw-radius-md);color:var(--yw-text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--yw-transition-fast)}.topbar-hamburger:hover{background:var(--yw-surface-elevated);color:var(--yw-text-primary)}@media (max-width: 768px){.topbar-hamburger{display:flex}}.topbar-breadcrumbs{display:flex;align-items:center;gap:var(--yw-space-1);flex-wrap:nowrap;overflow:hidden}.topbar-breadcrumbs__item{display:flex;align-items:center;gap:var(--yw-space-1);font-size:var(--yw-text-sm);white-space:nowrap;overflow:hidden}.topbar-breadcrumbs__sep{color:var(--yw-text-tertiary);font-size:var(--yw-text-xs)}.topbar-breadcrumbs__link{color:var(--yw-text-link);text-decoration:none}.topbar-breadcrumbs__link:hover{text-decoration:underline}.topbar-breadcrumbs__current{color:var(--yw-text-primary);font-weight:var(--yw-font-medium);overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:var(--yw-space-2);flex-shrink:0}.topbar-user{position:relative}.topbar-user__trigger{display:flex;align-items:center;gap:var(--yw-space-2);padding:var(--yw-space-1) var(--yw-space-2);background:none;border:none;border-radius:var(--yw-radius-md);cursor:pointer;color:var(--yw-text-primary);transition:background var(--yw-transition-fast)}.topbar-user__trigger:hover{background:var(--yw-surface-elevated)}.topbar-user__avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--yw-radius-full);background:var(--yw-interactive-primary);color:#fff;font-size:var(--yw-text-xs);font-weight:var(--yw-font-bold);flex-shrink:0}.topbar-user__name{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.topbar-user__name{display:none}}.topbar-user__dropdown{position:absolute;top:calc(100% + var(--yw-space-2));right:0;min-width:180px;background:var(--yw-surface-elevated);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-lg);box-shadow:var(--yw-shadow-lg);z-index:var(--yw-z-dropdown);padding:var(--yw-space-1) 0}.topbar-user__menu-item{display:flex;align-items:center;gap:var(--yw-space-2);width:100%;padding:var(--yw-space-2) var(--yw-space-4);background:none;border:none;font-size:var(--yw-text-sm);color:var(--yw-text-primary);cursor:pointer;text-align:left;transition:background var(--yw-transition-fast)}.topbar-user__menu-item:hover{background:var(--yw-surface-page)}.topbar-user__menu-item--danger{color:var(--yw-interactive-danger)}.topbar-user__divider{height:1px;background:var(--yw-border-default);margin:var(--yw-space-1) 0}.topbar-search-trigger{display:flex;align-items:center;gap:var(--yw-space-2);padding:var(--yw-space-1) var(--yw-space-3);background:var(--yw-surface-elevated);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);color:var(--yw-text-tertiary);font-size:var(--yw-text-sm);cursor:pointer;transition:border-color var(--yw-transition-fast),color var(--yw-transition-fast);white-space:nowrap}.topbar-search-trigger:hover{border-color:var(--yw-border-strong);color:var(--yw-text-secondary)}.topbar-search-trigger__label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.topbar-search-trigger__kbd{font-family:inherit;font-size:var(--yw-text-xs);background:var(--yw-surface-page);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-sm);padding:1px 5px;color:var(--yw-text-tertiary)}@media (max-width: 640px){.topbar-search-trigger__label,.topbar-search-trigger__kbd{display:none}}.topbar-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--yw-radius-md);color:var(--yw-text-secondary);cursor:pointer;transition:background var(--yw-transition-fast),color var(--yw-transition-fast),transform var(--yw-transition-normal);flex-shrink:0}.topbar-theme-toggle:hover{background:var(--yw-surface-elevated);color:var(--yw-text-primary);transform:rotate(12deg)}.guided-tour__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998}.guided-tour__tooltip{position:fixed;z-index:9999;background:var(--yw-surface-card);border-radius:var(--yw-radius-xl);box-shadow:var(--yw-shadow-xl);padding:var(--yw-space-4) var(--yw-space-5);animation:tour-fade-in .25s ease}@keyframes tour-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guided-tour__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--yw-space-2)}.guided-tour__header h3{margin:0;font-size:var(--yw-text-base);font-weight:var(--yw-font-semibold)}.guided-tour__close{background:none;border:none;color:var(--yw-text-tertiary);cursor:pointer;padding:var(--yw-space-1);border-radius:var(--yw-radius-sm)}.guided-tour__close:hover{background:var(--yw-surface-elevated)}.guided-tour__desc{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);line-height:1.6;margin:0 0 var(--yw-space-4)}.guided-tour__footer{display:flex;align-items:center;justify-content:space-between}.guided-tour__dots{display:flex;gap:var(--yw-space-1)}.guided-tour__dot{width:6px;height:6px;border-radius:var(--yw-radius-full);background:var(--yw-border-default);transition:background var(--yw-transition-fast)}.guided-tour__dot--active{background:var(--yw-interactive-primary);width:16px;border-radius:3px}.guided-tour__dot--done{background:var(--yw-status-success-text)}.guided-tour__actions{display:flex;gap:var(--yw-space-2)}.guided-tour__skip{background:none;border:none;color:var(--yw-text-tertiary);font-size:var(--yw-text-sm);cursor:pointer;padding:var(--yw-space-1-5) var(--yw-space-3)}.guided-tour__skip:hover{color:var(--yw-text-primary)}.guided-tour__next{background:var(--yw-interactive-primary);color:var(--yw-text-inverse);border:none;padding:var(--yw-space-1-5) var(--yw-space-4);border-radius:var(--yw-radius-md);font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);cursor:pointer;transition:background var(--yw-transition-fast)}.guided-tour__next:hover{background:var(--yw-interactive-primary-hover)}.app-layout{display:grid;grid-template-columns:var(--sidebar-width, 240px) 1fr;grid-template-rows:1fr;height:100vh;overflow:hidden;transition:grid-template-columns var(--yw-transition-normal)}.app-layout--collapsed{grid-template-columns:52px 1fr}.app-main{display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.app-content{flex:1;min-width:0;overflow-y:auto}.email-verify-banner{display:flex;align-items:center;gap:var(--yw-space-2);padding:var(--yw-space-3) var(--yw-space-6);background:var(--yw-status-warning-bg);color:var(--yw-status-warning-text);font-size:var(--yw-text-sm);border-bottom:1px solid var(--yw-status-warning-border);flex-shrink:0}@media (max-width: 768px){.app-layout,.app-layout--collapsed{grid-template-columns:1fr}}.public-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--yw-surface-page);color:var(--yw-text-primary)}.public-nav{position:sticky;top:0;z-index:var(--yw-z-sticky);background:transparent;transition:background var(--yw-transition-normal),box-shadow var(--yw-transition-normal)}.public-nav--scrolled{background:#fafafad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--yw-shadow-xs)}[data-theme=dark] .public-nav--scrolled{background:#0f172ad9}.public-nav__inner{max-width:1200px;margin:0 auto;padding:var(--yw-space-3) var(--yw-space-6);display:flex;align-items:center;gap:var(--yw-space-8)}.public-nav__logo{display:flex;align-items:center;gap:var(--yw-space-2);text-decoration:none;color:var(--yw-text-primary);font-weight:var(--yw-font-bold);font-size:var(--yw-text-lg)}.public-nav__logo-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--yw-radius-md);background:var(--yw-interactive-primary);color:var(--yw-text-inverse);font-size:var(--yw-text-sm);font-weight:var(--yw-font-bold)}.public-nav__links{display:flex;gap:var(--yw-space-1);flex:1}.public-nav__link{padding:var(--yw-space-2) var(--yw-space-3);border-radius:var(--yw-radius-md);text-decoration:none;color:var(--yw-text-secondary);font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);transition:color var(--yw-transition-fast),background var(--yw-transition-fast)}.public-nav__link:hover,.public-nav__link--active{color:var(--yw-text-primary);background:var(--yw-surface-elevated)}.public-nav__actions{display:flex;align-items:center;gap:var(--yw-space-3)}.public-nav__login{text-decoration:none;color:var(--yw-text-secondary);font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium)}.public-nav__login:hover{color:var(--yw-text-primary)}.public-nav__signup{display:inline-block;padding:var(--yw-space-2) var(--yw-space-4);background:var(--yw-interactive-primary);color:var(--yw-text-inverse);border-radius:var(--yw-radius-md);text-decoration:none;font-size:var(--yw-text-sm);font-weight:var(--yw-font-semibold);transition:background var(--yw-transition-fast)}.public-nav__signup:hover{background:var(--yw-interactive-primary-hover)}.public-nav__hamburger{display:none;background:none;border:none;color:var(--yw-text-primary);cursor:pointer;padding:var(--yw-space-1)}@media (max-width: 768px){.public-nav__links{display:none}.public-nav__links--open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--yw-surface-card);box-shadow:var(--yw-shadow-lg);padding:var(--yw-space-4);gap:var(--yw-space-1)}.public-nav__actions{display:none}.public-nav__hamburger{display:block}}.public-main{flex:1}.public-footer{background:var(--yw-surface-inset, #1a1a2e);color:var(--color-neutral-300);margin-top:auto}.public-footer__inner{max-width:1200px;margin:0 auto;padding:var(--yw-space-12) var(--yw-space-6) var(--yw-space-8)}.public-footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--yw-space-8);margin-bottom:var(--yw-space-8)}.public-footer__col{display:flex;flex-direction:column;gap:var(--yw-space-2)}.public-footer__col h4{font-size:var(--yw-text-xs);font-weight:var(--yw-font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-400);margin:0 0 var(--yw-space-2) 0}.public-footer__col a,.public-footer__placeholder{color:var(--color-neutral-300);text-decoration:none;font-size:var(--yw-text-sm);transition:color var(--yw-transition-fast)}.public-footer__col a:hover{color:var(--yw-text-inverse)}.public-footer__placeholder{opacity:.5;cursor:default}.public-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--yw-space-6);font-size:var(--yw-text-xs);color:var(--color-neutral-500);text-align:center}@media (max-width: 768px){.public-footer__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.public-footer__grid{grid-template-columns:1fr}}.page-wrapper{padding:var(--yw-space-6);display:flex;flex-direction:column;gap:var(--yw-space-4);min-height:0}.page-wrapper__breadcrumbs{display:none}.page-wrapper__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yw-space-4);flex-wrap:wrap}.page-wrapper__title-group{display:flex;flex-direction:column;gap:var(--yw-space-1);min-width:0}.page-wrapper__title{font-size:var(--yw-text-2xl);font-weight:var(--yw-font-bold);color:var(--yw-text-primary);margin:0;line-height:var(--yw-leading-tight)}.page-wrapper__subtitle{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);margin:0}.page-wrapper__actions{display:flex;align-items:center;gap:var(--yw-space-2);flex-shrink:0}.page-wrapper__content{flex:1;min-width:0}@media (max-width: 640px){.page-wrapper{padding:var(--yw-space-4);gap:var(--yw-space-3)}.page-wrapper__title{font-size:var(--yw-text-xl)}.page-wrapper__header{flex-direction:column;align-items:flex-start}}.action-card{display:flex;align-items:center;gap:var(--yw-space-4);padding:var(--yw-space-4) var(--yw-space-5);background:var(--yw-card-bg);border:1px solid var(--yw-card-border);border-left:4px solid currentColor;border-radius:var(--yw-radius-lg);cursor:pointer;text-align:left;width:100%;transition:transform var(--yw-transition-fast),box-shadow var(--yw-transition-fast),background var(--yw-transition-fast);font-family:inherit}.action-card:hover{transform:translateY(-2px);box-shadow:var(--yw-shadow-md);background:var(--yw-surface-elevated)}.action-card:focus-visible{outline:2px solid var(--yw-border-focus);outline-offset:2px}.action-card--danger{color:var(--yw-status-danger-text);border-left-color:var(--yw-status-danger-text)}.action-card--warning{color:var(--yw-status-warning-text);border-left-color:var(--yw-status-warning-text)}.action-card--info{color:var(--yw-status-info-text);border-left-color:var(--yw-status-info-text)}.action-card--neutral{color:var(--yw-text-secondary);border-left-color:var(--yw-border-default)}.action-card--zero{opacity:.65}.action-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--yw-radius-lg);background:color-mix(in srgb,currentColor 12%,transparent)}.action-card__icon--pulse{animation:action-icon-pulse 2s ease-in-out infinite}@keyframes action-icon-pulse{0%,to{opacity:1}50%{opacity:.5}}.action-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.action-card__count{font-size:var(--yw-text-3xl);font-weight:var(--yw-font-bold);line-height:1;color:inherit}.action-card__label{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary)}.action-card__description{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary)}.activity-feed{overflow-y:auto;max-height:420px}.activity-feed__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.activity-feed__item{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto;gap:0 var(--yw-space-3);position:relative;padding-bottom:var(--yw-space-3)}.activity-feed__line{position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--yw-border-default)}.activity-feed__dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;z-index:1}.activity-feed__dot--success{background:var(--yw-status-success-bg);color:var(--yw-status-success-text)}.activity-feed__dot--info{background:var(--yw-status-info-bg);color:var(--yw-status-info-text)}.activity-feed__dot--warning{background:var(--yw-status-warning-bg);color:var(--yw-status-warning-text)}.activity-feed__dot--danger{background:var(--yw-status-danger-bg);color:var(--yw-status-danger-text)}.activity-feed__dot--neutral{background:var(--yw-surface-elevated);color:var(--yw-text-secondary)}.activity-feed__content{display:flex;flex-direction:column;gap:2px;padding-top:4px;min-width:0}.activity-feed__text{font-size:var(--yw-text-sm);color:var(--yw-text-primary);margin:0;line-height:var(--yw-leading-normal);word-break:break-word}.activity-feed__actor{font-weight:var(--yw-font-medium)}.activity-feed__resource-link{background:none;border:none;padding:0;color:var(--yw-text-link);cursor:pointer;font-size:inherit;text-decoration:none;font-family:inherit}.activity-feed__resource-link:hover{text-decoration:underline}.activity-feed__resource{font-weight:var(--yw-font-medium);color:var(--yw-text-primary)}.activity-feed__time{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary)}.activity-feed__skeleton-row{display:flex;align-items:center;gap:var(--yw-space-3);padding:var(--yw-space-2) 0}.kpi-card{display:flex;flex-direction:column;gap:var(--yw-space-1);padding:var(--yw-space-4) var(--yw-space-5);background:var(--yw-card-bg);border:1px solid var(--yw-card-border);border-radius:var(--yw-radius-lg);font-family:inherit;text-align:left}.kpi-card--clickable{cursor:pointer;transition:transform var(--yw-transition-fast),box-shadow var(--yw-transition-fast);width:100%}.kpi-card--clickable:hover{transform:translateY(-1px);box-shadow:var(--yw-shadow-sm)}.kpi-card--clickable:focus-visible{outline:2px solid var(--yw-border-focus);outline-offset:2px}.kpi-card__header{display:flex;align-items:center;gap:var(--yw-space-2)}.kpi-card__icon{color:var(--yw-text-tertiary);display:flex;align-items:center}.kpi-card__label{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);font-weight:var(--yw-font-medium)}.kpi-card__value-row{display:flex;align-items:baseline;gap:var(--yw-space-1)}.kpi-card__value{font-size:var(--yw-text-2xl);font-weight:var(--yw-font-bold);color:var(--yw-text-primary);line-height:1}.kpi-card__unit{font-size:var(--yw-text-sm);color:var(--yw-text-tertiary)}.kpi-card__trend{display:flex;align-items:center;gap:3px;font-size:var(--yw-text-xs);font-weight:var(--yw-font-medium)}.kpi-card__trend--positive{color:var(--yw-status-success-text)}.kpi-card__trend--negative{color:var(--yw-status-danger-text)}.kpi-card__trend--flat{color:var(--yw-text-tertiary)}.process-card{display:flex;align-items:center;justify-content:space-between;gap:var(--yw-space-3);padding:var(--yw-space-3) var(--yw-space-4);background:var(--yw-surface-page);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:background var(--yw-transition-fast),border-color var(--yw-transition-fast)}.process-card:hover{background:var(--yw-surface-elevated);border-color:var(--yw-border-strong)}.process-card:focus-visible{outline:2px solid var(--yw-border-focus);outline-offset:2px}.process-card__main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.process-card__name{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.process-card__completed{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary)}.process-card__right{display:flex;align-items:center;gap:var(--yw-space-2);flex-shrink:0}.process-card__sla{font-size:var(--yw-text-xs);font-weight:var(--yw-font-medium);padding:1px 6px;border-radius:var(--yw-radius-full)}.process-card__sla--success{color:var(--yw-status-success-text);background:var(--yw-status-success-bg)}.process-card__sla--warning{color:var(--yw-status-warning-text);background:var(--yw-status-warning-bg)}.process-card__sla--danger{color:var(--yw-status-danger-text);background:var(--yw-status-danger-bg)}.dashboard-greeting{margin-bottom:var(--yw-space-6)}.dashboard-greeting__title{font-size:var(--yw-text-2xl);font-weight:var(--yw-font-bold);color:var(--yw-text-primary);margin:0 0 var(--yw-space-1) 0;line-height:var(--yw-leading-tight)}.dashboard-greeting__subtitle{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);margin:0}.dashboard-welcome{display:flex;flex-direction:column;align-items:center;gap:var(--yw-space-6);padding:var(--yw-space-12) 0}.dashboard-welcome__actions{display:flex;align-items:center;gap:var(--yw-space-3);flex-wrap:wrap;justify-content:center}.dashboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--yw-space-6)}.dashboard-section-full{grid-column:1 / -1}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-section-full{grid-column:1}}.action-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--yw-space-4)}@media (max-width: 1024px){.action-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.action-cards-grid{grid-template-columns:1fr}}.dashboard-tasks-list{display:flex;flex-direction:column;gap:0}.dashboard-task-row{display:flex;align-items:center;gap:var(--yw-space-3);padding:var(--yw-space-2) var(--yw-space-1);border-bottom:1px solid var(--yw-border-default);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:background var(--yw-transition-fast);border-radius:var(--yw-radius-sm)}.dashboard-task-row:last-child{border-bottom:none}.dashboard-task-row:hover{background:var(--yw-surface-elevated)}.dashboard-task-row:focus-visible{outline:2px solid var(--yw-border-focus);outline-offset:2px}.dashboard-task-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dashboard-task-row__title{font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);color:var(--yw-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-task-row__process{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-task-row__due{font-size:var(--yw-text-xs);color:var(--yw-text-secondary);flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--yw-space-4)}@media (min-width: 1280px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-process-list{display:flex;flex-direction:column;gap:var(--yw-space-2)}.dashboard-health-header-right{display:flex;align-items:center;gap:var(--yw-space-2)}.dashboard-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--yw-space-4)}@media (max-width: 768px){.dashboard-health-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-health-kpi{display:flex;flex-direction:column;align-items:center;gap:var(--yw-space-1);padding:var(--yw-space-4);border-radius:var(--yw-radius-lg);background:var(--yw-surface-elevated);text-align:center}.dashboard-health-kpi__value{font-size:var(--yw-text-2xl);font-weight:var(--yw-font-bold);color:var(--yw-text-primary);line-height:1}.dashboard-health-kpi__label{font-size:var(--yw-text-xs);color:var(--yw-text-secondary);font-weight:var(--yw-font-medium);text-transform:uppercase;letter-spacing:.04em}.dashboard-health-kpi--warning .dashboard-health-kpi__value{color:var(--yw-status-warning-text)}.dashboard-health-kpi--danger .dashboard-health-kpi__value{color:var(--yw-status-danger-text)}.dashboard-health-kpi--neutral .dashboard-health-kpi__value{color:var(--yw-text-primary)}.dashboard-health-fallback{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);margin:0}.dashboard-link-btn{background:none;border:none;padding:0;color:var(--yw-text-link);font-size:var(--yw-text-sm);font-weight:var(--yw-font-medium);cursor:pointer;font-family:inherit;transition:color var(--yw-transition-fast)}.dashboard-link-btn:hover{text-decoration:underline}.dashboard-link-btn:focus-visible{outline:2px solid var(--yw-border-focus);outline-offset:2px;border-radius:var(--yw-radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--color-primary-50: #e8f0fa;--color-primary-100: #b8d0ed;--color-primary-300: #3a6a9e;--color-primary-500: #0f3460;--color-primary-700: #0b264a;--color-primary-900: #071a34;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #171717;--color-text: #333333;--color-text-secondary: #555555;--color-text-tertiary: #666666;--color-text-muted: #888888;--color-text-placeholder: #999999;--color-text-heading: #111827;--sidebar-text: #c8c8d0;--sidebar-border: #444444;--color-accent: #4f46e5;--color-accent-light: #eef2ff;--color-accent-50: #eff6ff;--color-link: #2563eb;--color-success-50: #f0fdf4;--color-success-100: #ecfdf5;--color-success-light: #dcfce7;--color-success-200: #a7f3d0;--color-success-300: #d1fae5;--color-success-400: #10b981;--color-success: #22c55e;--color-success-600: #16a34a;--color-success-dark: #15803d;--color-success-800: #065f46;--color-success-900: #047857;--color-warning-50: #fffbeb;--color-warning-light: #fef3c7;--color-warning: #f59e0b;--color-warning-600: #92400e;--color-warning-dark: #b45309;--color-warning-800: #92400e;--color-danger-50: #fef2f2;--color-danger-light: #fee2e2;--color-danger-200: #fecaca;--color-danger: #ef4444;--color-danger-600: #991b1b;--color-danger-dark: #b91c1c;--color-danger-800: #991b1b;--color-danger-900: #c62828;--color-danger-input: #dc3545;--color-danger-legacy: #eb5757;--color-info-light: #dbeafe;--color-info: #3b82f6;--color-info-dark: #1e40af;--color-teal-light: #ecfeff;--color-teal: #0f766e;--color-purple-light: #ede9fe;--color-purple: #6d28d9;--color-diff-added-bg: #f0fdf4;--color-diff-removed-bg: #fef2f2;--color-diff-changed-bg: #fffbeb;--color-diff-added: #166534;--color-diff-removed: #991b1b;--color-diff-changed: #92400e;--color-status-running-bg: #e3f2fd;--color-status-running: #1565c0;--color-status-wait-bg: #fff3e0;--color-status-wait: #e65100;--color-status-end-bg: #e8f5e9;--color-status-end: #2e7d32;--color-status-terminated-bg: #fce4ec;--color-status-terminated: #c62828;--color-status-bar-bg: #e8f4fd;--color-diagram-active: #d92d20;--color-diagram-ended: #111827;--color-diagram-muted: #94a3b8;--color-diagram-sub-label: #64748b;--color-svg-running: #e53935;--color-svg-cancelled: #bbbbbb;--surface-primary: #ffffff;--surface-secondary: #fafafa;--surface-elevated: #ffffff;--surface-inset: #f5f5f5;--surface-hover: #f9fafb;--surface-hover-strong: #f3f4f6;--surface-muted: #f8fafc;--surface-tint: #f4f8fc;--surface-tint-warm: #f5f7fb;--surface-ai: #fafbfc;--surface-diff: #fcfcfd;--surface-code-dark: #1e293b;--surface-code-text: #e2e8f0;--border-default: #e5e7eb;--border-strong: #d1d5db;--border-subtle: #f0f0f0;--border-input: #dddddd;--border-light: #eeeeee;--border-muted: #eef2f7;--border-card: #d8dee8;--border-field: #dbe4ee;--border-diff: #f1f5f9;--space-0: 0px;--space-0h: 2px;--space-1: 4px;--space-1h: 6px;--space-2: 8px;--space-2h: 10px;--space-3: 12px;--space-3h: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-15: 60px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", "IBM Plex Mono", "Fira Code", monospace;--text-3xs: .625rem;--text-2xs: .6875rem;--text-2xs-m: .72rem;--text-xs: .75rem;--text-xs-m: .78rem;--text-xs-l: .8rem;--text-sm-s: .82rem;--text-sm: .8125rem;--text-sm-m: .85rem;--text-sm-l: .88rem;--text-base-s:.9rem;--text-base-m:.92rem;--text-base: .875rem;--text-base-l:.95rem;--text-md-sm: .9375rem;--text-md: 1rem;--text-md-l: 1.1rem;--text-lg: 1.125rem;--text-lg-l: 1.25rem;--text-xl: 1.375rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-display:2rem;--text-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-sm-soft: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-md-heavy: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .2);--shadow-overlay: 0 8px 32px rgba(0, 0, 0, .3);--shadow-drawer: -4px 0 24px rgba(0, 0, 0, .12);--shadow-dropdown: 0 10px 24px rgba(15, 52, 96, .12);--shadow-brand: 0 8px 32px rgba(15, 52, 96, .15);--ring-focus: 0 0 0 2px rgba(37, 99, 235, .12);--ring-accent: 0 0 0 3px rgba(37, 99, 235, .1);--ring-error: 0 0 0 2px rgba(220, 53, 69, .15);--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 10px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 20;--z-sticky: 50;--z-backdrop: 199;--z-drawer: 200;--z-modal: 1000;--z-toast: 9000;--z-overlay: 10000;--overlay-backdrop: rgba(0, 0, 0, .4);--overlay-btn-hover: rgba(255, 255, 255, .1);--color-autocomplete-empty: #7b8794;--color-diagram-hint: #5f6b7a;--color-skeleton-from: #f0f0f0;--color-skeleton-mid: #e0e0e0;--surface-modeler-active: #f8fbff;--surface-modeler-preview: #f5f7fa}:root{--yw-space-0: var(--space-0);--yw-space-0\.5: var(--space-0h);--yw-space-1: var(--space-1);--yw-space-1\.5: var(--space-1h);--yw-space-2: var(--space-2);--yw-space-3: var(--space-3);--yw-space-4: var(--space-4);--yw-space-5: var(--space-5);--yw-space-6: var(--space-6);--yw-space-8: var(--space-8);--yw-space-10: var(--space-10);--yw-space-12: var(--space-12);--yw-space-16: var(--space-15);--yw-text-xs: var(--text-xs);--yw-text-sm: var(--text-sm);--yw-text-base: var(--text-base);--yw-text-lg: var(--text-lg);--yw-text-xl: var(--text-xl);--yw-text-2xl: var(--text-2xl);--yw-text-3xl: var(--text-3xl);--yw-font-normal: var(--font-weight-normal);--yw-font-medium: var(--font-weight-medium);--yw-font-semibold: var(--font-weight-semibold);--yw-font-bold: var(--font-weight-bold);--yw-leading-tight: var(--leading-tight);--yw-leading-normal: var(--leading-normal);--yw-leading-relaxed: 1.625;--yw-shadow-xs: var(--shadow-sm-soft);--yw-shadow-sm: var(--shadow-sm);--yw-shadow-md: var(--shadow-md);--yw-shadow-lg: var(--shadow-lg);--yw-shadow-xl: var(--shadow-xl);--yw-radius-sm: var(--radius-sm);--yw-radius-md: var(--radius-md);--yw-radius-lg: var(--radius-lg);--yw-radius-xl: var(--radius-xl);--yw-radius-full: var(--radius-full);--yw-transition-fast: var(--transition-fast);--yw-transition-normal: var(--transition-normal);--yw-transition-slow: var(--transition-slow);--yw-z-dropdown: var(--z-dropdown);--yw-z-sticky: var(--z-sticky);--yw-z-overlay: var(--z-backdrop);--yw-z-modal: var(--z-modal);--yw-z-toast: var(--z-toast);--yw-surface-page: var(--surface-secondary);--yw-surface-card: var(--surface-elevated);--yw-surface-elevated: var(--surface-elevated);--yw-surface-sidebar: var(--brand-sidebar-bg, var(--color-primary-900));--yw-surface-overlay: var(--overlay-backdrop);--yw-text-primary: var(--color-text);--yw-text-secondary: var(--color-text-secondary);--yw-text-tertiary: var(--color-text-tertiary);--yw-text-disabled: var(--color-text-muted);--yw-text-inverse: #ffffff;--yw-text-link: var(--color-link);--yw-border-default: var(--border-default);--yw-border-strong: var(--border-strong);--yw-border-focus: var(--color-accent);--yw-status-success-bg: var(--color-success-100);--yw-status-success-text: var(--color-success-600);--yw-status-success-border: var(--color-success-200);--yw-status-warning-bg: var(--color-warning-light);--yw-status-warning-text: var(--color-warning-600);--yw-status-warning-border: var(--color-warning-600);--yw-status-danger-bg: var(--color-danger-light);--yw-status-danger-text: var(--color-danger-600);--yw-status-danger-border: var(--color-danger-200);--yw-status-info-bg: var(--color-info-light);--yw-status-info-text: var(--color-info-dark);--yw-status-info-border: var(--color-info);--yw-interactive-primary: var(--brand-primary, var(--color-primary-500));--yw-interactive-primary-hover: var(--color-primary-700);--yw-interactive-primary-active: var(--color-primary-900);--yw-interactive-danger: var(--color-danger);--yw-interactive-danger-hover: var(--color-danger-dark)}:root{--yw-sidebar-bg: var(--brand-sidebar-bg, #1a1a2e);--yw-sidebar-text: var(--sidebar-text, #aaaaaa);--yw-sidebar-active-bg: rgba(255, 255, 255, .12);--yw-sidebar-hover-bg: rgba(255, 255, 255, .06);--yw-sidebar-border: var(--sidebar-border, #444444);--yw-badge-success-bg: var(--yw-status-success-bg);--yw-badge-success-text: var(--yw-status-success-text);--yw-badge-success-border: var(--yw-status-success-border);--yw-badge-warning-bg: var(--yw-status-warning-bg);--yw-badge-warning-text: var(--yw-status-warning-text);--yw-badge-warning-border: var(--yw-status-warning-border);--yw-badge-danger-bg: var(--yw-status-danger-bg);--yw-badge-danger-text: var(--yw-status-danger-text);--yw-badge-danger-border: var(--yw-status-danger-border);--yw-badge-info-bg: var(--yw-status-info-bg);--yw-badge-info-text: var(--yw-status-info-text);--yw-badge-info-border: var(--yw-status-info-border);--yw-badge-neutral-bg: var(--color-neutral-100);--yw-badge-neutral-text: var(--color-neutral-600);--yw-badge-neutral-border: var(--color-neutral-300);--yw-table-header-bg: var(--surface-inset);--yw-table-row-hover: var(--surface-hover);--yw-table-row-stripe: var(--surface-secondary);--yw-table-border: var(--border-default);--yw-card-bg: var(--surface-elevated);--yw-card-border: var(--border-card);--yw-card-shadow: var(--shadow-sm);--yw-input-bg: var(--surface-primary);--yw-input-border: var(--border-input);--yw-input-focus-border: var(--color-accent);--yw-input-placeholder: var(--color-text-placeholder);--yw-input-error-border: var(--color-danger-input)}[data-theme=dark]{--yw-surface-page: #0f172a;--yw-surface-card: #1e293b;--yw-surface-elevated: #243447;--yw-surface-overlay: rgba(0, 0, 0, .6);--yw-text-primary: #f1f5f9;--yw-text-secondary: #94a3b8;--yw-text-tertiary: #8b9bb5;--yw-text-disabled: #475569;--yw-text-link: #60a5fa;--yw-border-default: #334155;--yw-border-strong: #475569;--yw-status-success-bg: #052e16;--yw-status-success-text: #4ade80;--yw-status-success-border: #166534;--yw-status-warning-bg: #1c1200;--yw-status-warning-text: #fbbf24;--yw-status-warning-border: #92400e;--yw-status-danger-bg: #1c0707;--yw-status-danger-text: #f87171;--yw-status-danger-border: #991b1b;--yw-status-info-bg: #0c1a2e;--yw-status-info-text: #93c5fd;--yw-status-info-border: #1e40af;--yw-interactive-primary: #3b82f6;--yw-interactive-primary-hover: #60a5fa;--yw-interactive-primary-active: #93c5fd;--yw-interactive-danger: #ef4444;--yw-interactive-danger-hover: #f87171;--yw-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--yw-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--yw-shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--yw-shadow-lg: 0 10px 20px rgba(0, 0, 0, .6);--yw-shadow-xl: 0 20px 40px rgba(0, 0, 0, .7);--yw-table-header-bg: #1a2332;--yw-table-row-hover: #1e2d3d;--yw-table-row-stripe: #192231;--yw-table-border: #334155;--yw-card-bg: #1e293b;--yw-card-border: #334155;--yw-card-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 4px 8px rgba(0, 0, 0, .4);--yw-input-bg: #1e293b;--yw-input-border: #334155;--yw-input-focus-border: #3b82f6;--yw-input-placeholder: #94a3b8;--yw-input-error-border: #ef4444;--yw-badge-neutral-bg: #1e293b;--yw-badge-neutral-text: #94a3b8;--yw-badge-neutral-border: #334155;color-scheme:dark}[data-theme=dark] .bjs-container{background:#0f172a}html{transition:background-color var(--yw-transition-slow),color var(--yw-transition-slow)}:root{--brand-primary: #0f3460;--brand-sidebar-bg: #1a1a2e;--brand-sidebar-dark:#16213e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--surface-inset);color:var(--color-text)}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:var(--text-lg);color:var(--color-text-muted)}.btn-primary{padding:var(--space-2h) var(--space-5);border:none;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--surface-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-normal)}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:var(--space-2h) var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--color-neutral-700);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.btn-secondary:hover{background:var(--surface-hover)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-outline{padding:var(--space-1h) var(--space-3h);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-outline:hover{background:var(--surface-hover-strong);border-color:var(--color-neutral-400)}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--color-danger-600);color:var(--surface-primary);border:none;border-radius:var(--radius-md);padding:var(--space-1h) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer}.btn-danger:hover{background:var(--color-danger-dark)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-back{padding:var(--space-1h) var(--space-3h);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface-primary);font-size:var(--text-sm);cursor:pointer}.btn-back:hover{background:var(--surface-inset)}.btn-sm{padding:var(--space-1) var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface-primary);font-size:var(--text-xs);cursor:pointer}.btn-sm:hover{background:var(--border-subtle)}.btn-sm.accent{background:var(--color-primary-500);color:var(--surface-primary);border-color:var(--color-primary-500)}.btn-sm.accent:hover{opacity:.85}.btn-sm.danger{color:var(--color-danger-legacy);border-color:var(--color-danger-legacy)}.btn-sm.danger:hover{background:var(--color-danger-50)}button[aria-busy=true]{display:inline-flex;align-items:center;gap:var(--space-1h)}.spinner{border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle}.spinner.sm{width:14px;height:14px}.spinner.md{width:24px;height:24px}.spinner.lg{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-skeleton-from) 25%,var(--color-skeleton-mid) 50%,var(--color-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.skeleton-row{display:flex;flex-direction:column}.skeleton-card{padding:var(--space-4);background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-neutral-500)}.empty-state h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.empty-state p{margin:0 0 var(--space-6);font-size:var(--text-base)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md-heavy);min-width:280px;max-width:480px;cursor:pointer;animation:toast-in .2s ease}.toast.success{background:var(--color-success-50);border-left:4px solid var(--color-success-600);color:var(--color-success-dark)}.toast.error{background:var(--color-danger-50);border-left:4px solid var(--color-danger-600);color:var(--color-danger-dark)}.toast.warning{background:var(--color-warning-50);border-left:4px solid var(--color-warning-600);color:var(--color-warning-dark)}.toast-message{flex:1;font-size:var(--text-base)}.toast-close{background:none;border:none;cursor:pointer;font-size:var(--text-lg);line-height:1;color:inherit;opacity:.6;padding:0}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-6);min-width:380px;max-width:520px;box-shadow:var(--shadow-xl)}.modal h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.modal-header h2{font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;cursor:pointer;font-size:var(--text-xl);line-height:1;color:var(--color-neutral-500);padding:0}.modal-close:hover{color:var(--color-text-heading)}.modal-sub{font-size:var(--text-sm);color:var(--color-neutral-500);margin:calc(-1 * var(--space-2)) 0 var(--space-3)}.status-badge{display:inline-block;padding:var(--space-0h) var(--space-2);border-radius:var(--radius-2xl);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-badge.running{background:var(--color-status-running-bg);color:var(--color-status-running)}.status-badge.wait{background:var(--color-status-wait-bg);color:var(--color-status-wait)}.status-badge.end,.status-badge.completed{background:var(--color-status-end-bg);color:var(--color-status-end)}.status-badge.terminated{background:var(--color-status-terminated-bg);color:var(--color-status-terminated)}.status-badge--ok{background:var(--color-success-light);color:var(--color-diff-added)}.status-badge--warn{background:var(--color-warning-light);color:var(--color-diff-changed)}.tabs{margin-top:var(--space-3)}.tabs__nav{display:flex;gap:0;border-bottom:2px solid var(--border-default);margin-bottom:var(--space-4)}.tabs__tab{padding:var(--space-2h) var(--space-5);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.tabs__tab:hover{color:var(--color-neutral-700)}.tabs__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tabs__panel{min-height:200px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0}.pagination button{padding:var(--space-1) var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface-primary);font-size:var(--text-sm);cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{font-size:var(--text-sm);color:var(--color-text-tertiary)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-overlay);background:var(--color-danger-600);color:var(--surface-primary);text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-weight-medium)}.live-indicator{display:inline-flex;align-items:center;gap:var(--space-1h);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-success-600)}.live-indicator__dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--color-success-600);animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.dim{color:var(--color-neutral-500)}.mono-sm{font-family:monospace;font-size:var(--text-xs)}.date-cell{font-size:var(--text-xs);color:var(--color-neutral-500);white-space:nowrap}.action-cell{display:flex;gap:var(--space-1);flex-wrap:wrap}.badge{display:inline-block;padding:var(--space-0h) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold)}.badge-warning{background:var(--color-warning-light);color:var(--color-diff-changed)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge-purple{background:var(--color-purple-light);color:var(--color-purple)}.status-ok{color:var(--color-success-dark)}.status-muted{color:var(--color-neutral-500)}.list-compact{margin:0;padding-left:var(--text-lg);display:flex;flex-direction:column;gap:var(--space-1)}.sig-ok{color:var(--color-success-600);font-weight:var(--font-weight-bold)}.sig-fail{color:var(--color-danger-600);font-weight:var(--font-weight-bold)}.error-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs-l);color:var(--color-danger)}.copy-url-btn{margin-left:var(--space-2);font-size:var(--text-xs-m)}.field-error{display:block;color:var(--color-danger-600);font-size:var(--text-xs-l);margin-top:var(--space-1)}.field-hint{font-size:var(--text-xs);color:var(--color-neutral-400);font-weight:var(--font-weight-normal);margin-left:var(--space-1h)}.form-section-title{margin:0 0 var(--space-2);font-size:var(--text-md);color:var(--color-text-heading)}.form-error{color:var(--color-danger-600);font-size:var(--text-base)}.empty{color:var(--color-text-muted);font-style:italic;padding:var(--space-6) 0}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,var(--brand-sidebar-bg) 0%,var(--brand-sidebar-dark) 50%,var(--brand-primary) 100%)}.login-card{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-10);width:380px;box-shadow:var(--shadow-overlay)}.login-card h1{text-align:center;font-size:var(--text-2xl);color:var(--brand-sidebar-bg);margin-bottom:var(--space-1)}.login-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-6)}.login-tabs{display:flex;margin-bottom:var(--space-5);border-bottom:2px solid var(--border-light)}.login-tabs button{flex:1;padding:var(--space-2);border:none;background:none;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.login-tabs button.active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.login-card form{display:flex;flex-direction:column;gap:var(--space-3)}.login-card input{padding:var(--space-2h) var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:var(--text-base);outline:none;transition:border-color var(--transition-normal)}.login-card input:focus{border-color:var(--color-primary-500)}.login-error{color:var(--color-danger-legacy);font-size:var(--text-sm);padding:var(--space-2);background:var(--color-danger-50);border-radius:var(--radius-sm)}.form-label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-label input{font-weight:var(--font-weight-normal)}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-0h) 0 0}.content{flex:1;min-width:0;overflow-y:auto;background:var(--surface-inset)}.page{width:100%;padding:var(--space-6) clamp(var(--space-5),2.5vw,var(--space-9))}.page h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.page-header h1{margin-bottom:0}.welcome{color:var(--color-text-muted);font-size:var(--text-base);margin-bottom:var(--space-6)}.status-bar{padding:var(--space-2) var(--space-3);background:var(--color-status-bar-bg);color:var(--color-primary-500);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-card{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.stat-card.accent{background:var(--color-primary-500);color:var(--surface-primary)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);opacity:.7}.data-table-wrapper{width:100%;border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse;background:var(--surface-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--border-light);background:var(--surface-secondary)}.data-table td{padding:var(--space-2h) var(--space-4);font-size:var(--text-base);border-bottom:1px solid var(--border-subtle)}.instance-list__task-name{font-size:var(--yw-text-xs);color:var(--yw-text-secondary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.instance-list__no-task{color:var(--yw-text-tertiary)}.instance-list__progress{display:flex;align-items:center;gap:var(--yw-space-2);min-width:80px}.instance-list__progress-track{width:60px;height:6px;background:var(--yw-border-default);border-radius:var(--yw-radius-full);overflow:hidden;flex-shrink:0}.instance-list__progress-bar{height:100%;background:var(--yw-interactive-primary);border-radius:var(--yw-radius-full);transition:width var(--yw-transition-normal)}.instance-list__progress-label{font-size:var(--yw-text-xs);color:var(--yw-text-tertiary);white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table .actions{display:flex;gap:var(--space-1h)}.data-table.compact th,.data-table.compact td{padding:var(--space-1h) var(--space-3);font-size:var(--text-sm)}.data-table--compact td,.data-table--compact th{padding:var(--space-1h) var(--space-2);font-size:var(--text-xs)}.editor-toolbar{display:flex;align-items:center;gap:var(--space-2h);padding:var(--space-2h) var(--space-4);background:var(--surface-primary);border-bottom:1px solid var(--border-light);flex-shrink:0}.name-input{padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm);width:220px}.task-form{max-width:600px}.task-info{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.task-info div{margin-bottom:var(--space-1h);font-size:var(--text-base)}.task-data{margin-bottom:var(--space-4)}.task-data h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.task-data pre{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-xs);overflow-x:auto}.task-variables{margin-bottom:var(--space-4)}.task-variables h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.task-variables textarea{width:100%;padding:var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--text-sm);resize:vertical}.modeler-wrapper{display:flex;flex:1;overflow:hidden;height:100%}.bpmn-canvas{flex:1;overflow:hidden}.bpmn-properties-panel{width:320px;min-width:320px;overflow-y:auto;border-left:1px solid var(--border-input);background:var(--surface-secondary)}.bpmn-properties-panel [data-entry-id=id] input,.bpmn-properties-panel [data-entry-id=processId] input{pointer-events:none;opacity:.6;background:var(--surface-secondary, #f3f4f6);cursor:not-allowed}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);align-items:center}.filter-bar input,.filter-bar select{padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm);min-width:180px}.filter-bar input[type=text],.filter-bar input:not([type]){flex:1}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:var(--color-primary-500)}.process-autocomplete{position:relative;min-width:220px;flex:1}.process-autocomplete input{width:100%}.process-autocomplete__menu{position:absolute;top:calc(100% + var(--space-1h));left:0;right:0;z-index:var(--z-dropdown);background:var(--surface-primary);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);overflow:hidden}.process-autocomplete__option,.process-autocomplete__empty{width:100%;padding:var(--space-2) var(--space-2h);border:none;border-bottom:1px solid var(--border-muted);background:var(--surface-primary);text-align:left;font-size:var(--text-sm)}.process-autocomplete__option{cursor:pointer}.process-autocomplete__option:hover,.process-autocomplete__option.is-selected{background:var(--surface-tint)}.process-autocomplete__empty{color:var(--color-autocomplete-empty)}.process-autocomplete__menu>:last-child{border-bottom:none}.form-vertical{display:flex;flex-direction:column;gap:var(--space-3)}.form-vertical label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.form-vertical input,.form-vertical select,.form-vertical textarea{padding:var(--space-2) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-weight-normal);color:var(--color-text)}.form-vertical input:focus,.form-vertical select:focus,.form-vertical textarea:focus{outline:none;border-color:var(--color-primary-500)}.form-vertical .actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.inline-edit{display:inline-flex;align-items:center;gap:var(--space-1h)}.inline-edit input{padding:var(--space-1) var(--space-2);border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);font-size:var(--text-base);width:200px}.inline-form{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.inline-form input,.inline-form select{padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm)}.detail-card{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.detail-card div{margin-bottom:var(--space-1h);font-size:var(--text-base)}.collapsible{margin-bottom:var(--space-4)}.collapsible summary{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible summary h3{display:inline;font-size:var(--text-md)}.collapsible>:not(summary){margin-top:var(--space-2)}.svg-viewer{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-4);overflow:auto;box-shadow:var(--shadow-sm);max-height:500px}.svg-viewer svg{max-width:100%;height:auto}.svg-viewer .element-running{stroke:var(--color-svg-running)!important;stroke-width:2px}.svg-viewer .element-ended{stroke:var(--color-text)!important}.svg-viewer .element-cancelled{stroke:var(--color-svg-cancelled)!important;opacity:.6}.svg-viewer .element-traversed{stroke:var(--color-link)!important;stroke-width:2px;opacity:.8}.diagram-transitions{margin-top:var(--space-2)}.diagram-transitions__list{margin:var(--space-1) 0 0;padding-left:var(--space-4);font-size:var(--text-xs)}.diagram-transitions__item{margin:var(--space-0h) 0;line-height:var(--leading-normal)}.diagram-hint{margin:0 0 var(--space-3);color:var(--color-diagram-hint);font-size:var(--text-base)}.diagram-selection{margin-top:var(--space-4)}.simple-diagram{overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary)}.simple-diagram svg{width:100%;min-width:720px;height:auto;display:block}.simple-diagram__element,.simple-diagram__edge{color:var(--color-diagram-muted);cursor:pointer}.simple-diagram__shape,.simple-diagram__connector{fill:var(--surface-primary);stroke:currentColor;stroke-width:2;transition:stroke var(--transition-fast),fill var(--transition-fast)}.simple-diagram__label,.simple-diagram__edge-label{fill:var(--color-neutral-800);font-size:var(--text-xs);pointer-events:none}.simple-diagram__sub-label{fill:var(--color-diagram-sub-label);font-size:var(--text-2xs)}.simple-diagram__element.is-active,.simple-diagram__edge.is-active{color:var(--color-diagram-active)}.simple-diagram__element.is-ended,.simple-diagram__edge.is-ended{color:var(--color-text-heading)}.simple-diagram__element.is-cancelled,.simple-diagram__edge.is-cancelled{color:var(--color-diagram-muted)}.simple-diagram__element.is-selected .simple-diagram__shape,.simple-diagram__edge.is-selected .simple-diagram__connector{stroke-width:4}.simple-diagram__element.is-active .simple-diagram__shape{animation:node-pulse 2s ease-in-out infinite}@keyframes node-pulse{0%,to{stroke-width:2}50%{stroke-width:4}}.simple-diagram__token-count{fill:var(--surface-primary);font-size:var(--text-3xs);font-weight:var(--font-weight-bold)}.simple-diagram__token-bg{fill:var(--color-diagram-active)}.dashboard-section{margin-top:var(--space-6)}.dashboard-section h2{font-size:var(--text-md);margin-bottom:var(--space-3)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-header h2{margin-bottom:0}.quick-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.stat-card.clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sidebar-footer .user-info{display:block;text-decoration:none;color:var(--sidebar-text);font-size:var(--text-sm);margin-bottom:var(--space-2);transition:color var(--transition-normal)}.sidebar-footer .user-info:hover,.sidebar-footer .user-info.active{color:var(--surface-primary)}.dynamic-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:500px}.dynamic-form .form-field{display:flex;flex-direction:column;gap:var(--space-1)}.dynamic-form .form-field label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.dynamic-form .form-field input,.dynamic-form .form-field select{padding:var(--space-2) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-base)}.dynamic-form .form-field input:focus,.dynamic-form .form-field select:focus{outline:none;border-color:var(--color-primary-500)}.dynamic-form .form-field .checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.dynamic-form .form-field .checkbox-row input{width:auto}.dynamic-form .form-field.has-error input,.dynamic-form .form-field.has-error select{border-color:var(--color-danger-input)}.dynamic-form .form-field.has-error input:focus,.dynamic-form .form-field.has-error select:focus{border-color:var(--color-danger-input);box-shadow:var(--ring-error)}.dynamic-form .field-error{font-size:var(--text-xs);color:var(--color-danger-input);margin-top:2px}.dynamic-form .field-hint{font-size:var(--text-2xs);color:var(--color-text-placeholder);margin-top:1px}.dynamic-form .required{color:var(--color-danger-input)}.page-header .actions{display:flex;gap:var(--space-2);align-items:center}.process-history{display:flex;flex-direction:column;gap:var(--space-3h)}.process-history__table{max-height:280px;overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg)}.process-history__compare-bar{display:flex;gap:var(--space-3);align-items:end;flex-wrap:wrap}.process-history__compare-bar label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-neutral-500)}.process-history__compare-bar select{min-width:120px;padding:var(--space-1h) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.process-history__summary{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-neutral-500)}.process-history__summary-text{color:var(--color-neutral-500)}.process-history__pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold)}.process-history__pill--changed{background:var(--color-warning-light);color:var(--color-diff-changed)}.process-history__pill--added{background:var(--color-success-light);color:var(--color-diff-added)}.process-history__pill--removed{background:var(--color-danger-light);color:var(--color-diff-removed)}.process-history__diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.process-history__diff section{min-width:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-secondary)}.process-history__diff header{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2h) var(--space-3);border-bottom:1px solid var(--border-default);font-size:var(--text-xs);color:var(--color-neutral-500)}.process-history__header-main,.process-history__header-meta{display:flex;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.process-history__diff pre{margin:0;padding:var(--space-3);max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono);font-size:var(--text-xs);line-height:1.45;background:var(--surface-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.process-history__line-diff{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-primary)}.process-history__line-diff-header{display:flex;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2h) var(--space-3);border-bottom:1px solid var(--border-default);font-size:var(--text-xs);color:var(--color-neutral-500);background:var(--surface-muted)}.process-history__line-diff-grid{display:flex;flex-direction:column;max-height:340px;overflow:auto}.process-history__line{display:grid;grid-template-columns:48px minmax(0,1fr) 48px minmax(0,1fr);font-family:var(--font-family-mono);font-size:var(--text-xs);line-height:var(--leading-normal);border-top:1px solid var(--border-diff)}.process-history__line:first-child{border-top:0}.process-history__line-number{padding:var(--space-2);text-align:right;color:var(--color-diagram-muted);background:var(--surface-muted);border-right:1px solid var(--border-diff)}.process-history__line-text{display:block;padding:var(--space-2) var(--space-2h);white-space:pre-wrap;word-break:break-word;border-right:1px solid var(--border-diff);color:var(--color-text-heading);background:var(--surface-primary)}.process-history__line-text:last-child{border-right:0}@media (max-width: 960px){.process-history__diff{grid-template-columns:1fr}.process-history__line{grid-template-columns:40px minmax(0,1fr) 40px minmax(0,1fr)}}.transition-timeline__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.transition-timeline__count{font-size:var(--text-sm);color:var(--color-neutral-500)}.transition-timeline__controls{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2h);flex-wrap:wrap}.transition-timeline__select,.transition-timeline__filter{padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm);width:260px}.transition-timeline__select{width:180px;background:var(--surface-primary)}.transition-timeline__select:focus,.transition-timeline__filter:focus{outline:none;border-color:var(--color-primary-500)}.transition-timeline__checkbox{display:inline-flex;align-items:center;gap:var(--space-1h);font-size:var(--text-xs);color:var(--color-neutral-600)}.transition-timeline__list{position:relative}.transition-timeline__item{display:flex;gap:var(--space-3);min-height:var(--space-12)}.transition-timeline__marker{display:flex;flex-direction:column;align-items:center;width:var(--space-6);flex-shrink:0}.transition-timeline__icon{font-size:var(--text-base);line-height:var(--space-6);width:var(--space-6);height:var(--space-6);text-align:center;background:var(--surface-primary);border-radius:50%;border:2px solid currentColor}.transition-timeline__line{flex:1;width:2px;background:var(--border-default);margin:var(--space-0h) 0;min-height:var(--space-4)}.transition-timeline__content{flex:1;padding-bottom:var(--space-3)}.transition-timeline__row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-base)}.transition-timeline__element{background:none;border:none;padding:0;cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-primary-500);font-size:var(--text-base)}.transition-timeline__element:hover{text-decoration:underline}.transition-timeline__action{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.transition-timeline__status-change{font-size:var(--text-xs)}.transition-timeline__meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-neutral-400);margin-top:2px}.transition-timeline__cmd{padding:1px var(--space-1h);background:var(--surface-hover-strong);border-radius:var(--radius-xs);font-family:monospace;font-size:var(--text-2xs);color:var(--color-neutral-500)}.transition-timeline__diff-badge{padding:var(--space-0h) var(--space-2);border-radius:var(--radius-full);background:var(--color-teal-light);color:var(--color-teal);font-size:var(--text-2xs);font-weight:var(--font-weight-bold)}.transition-timeline__diffs{margin-top:var(--space-2);padding:var(--space-2h) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--surface-diff)}.transition-timeline__diff-summary{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.transition-timeline__diff-kind{display:inline-flex;align-items:center;padding:var(--space-0h) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-weight-bold)}.transition-timeline__diff-kind.added{background:var(--color-success-light);color:var(--color-diff-added)}.transition-timeline__diff-kind.changed{background:var(--color-warning-light);color:var(--color-diff-changed)}.transition-timeline__diff-kind.removed{background:var(--color-danger-light);color:var(--color-diff-removed)}.transition-timeline__expand{margin-left:auto;background:none;border:none;color:var(--color-primary-500);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);cursor:pointer;padding:0}.transition-timeline__expand:hover{text-decoration:underline}.transition-timeline__diff-table{margin-top:var(--space-2h);display:grid;gap:var(--space-2)}.transition-timeline__diff-row{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-muted)}.transition-timeline__diff-row:first-child{border-top:none;padding-top:0}.transition-timeline__diff-key{display:flex;align-items:center;gap:var(--space-2);min-width:0}.transition-timeline__diff-values{display:grid;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-neutral-700)}@media (max-width: 960px){.transition-timeline__header{flex-direction:column}.transition-timeline__controls{justify-content:flex-start;width:100%}.transition-timeline__select,.transition-timeline__filter{width:100%}.transition-timeline__diff-row{grid-template-columns:1fr}.transition-timeline__expand{margin-left:0}}.instance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.instance-summary__item{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}.instance-summary__label{font-size:var(--text-2xs);text-transform:uppercase;color:var(--color-neutral-400);letter-spacing:.5px;margin-bottom:var(--space-1)}.instance-summary__value{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.admin-header{margin-bottom:var(--space-2)}.admin-header h1{margin-bottom:var(--space-4)}.engine-status{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.engine-status__hint{font-size:var(--text-2xs);color:var(--color-neutral-400);margin-top:var(--space-2)}.audit-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.filter-bar{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-bar select,.filter-bar input[type=date]{padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm)}.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--color-accent)}.audit-toolbar__actions{display:flex;align-items:center;gap:var(--space-2)}.audit-actor{font-family:monospace;font-size:var(--text-xs);color:var(--color-neutral-500)}.audit-action-badge{display:inline-block;padding:var(--space-0h) var(--space-2);background:var(--color-accent-light);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-accent)}.audit-resource-id{font-family:monospace;font-size:var(--text-xs);color:var(--color-neutral-500)}.audit-hash{background:none;border:none;cursor:pointer;font-family:monospace;font-size:var(--text-xs);color:var(--color-neutral-500);padding:var(--space-0h) var(--space-1);border-radius:var(--radius-xs)}.audit-hash:hover{background:var(--surface-hover-strong);color:var(--color-neutral-700)}.audit-verify-badge{display:inline-block;padding:var(--space-1) var(--space-2h);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.audit-verify-badge.valid{background:var(--color-success-light);color:var(--color-diff-added)}.audit-verify-badge.broken{background:var(--color-danger-50);color:var(--color-diff-removed)}.permissions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.permissions-filter{padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm);width:260px}.permissions-filter:focus{outline:none;border-color:var(--color-accent)}.permissions-create-form{background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.permissions-create-form__row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.permissions-create-form__row input{flex:1;min-width:140px;padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm)}.permissions-create-form__row input:focus{outline:none;border-color:var(--color-accent)}.permissions-create-form__checks{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.permissions-create-form__checks label{display:flex;align-items:center;gap:var(--space-1);cursor:pointer}.permissions-check-col{text-align:center;width:70px}.permissions-process{font-weight:var(--font-weight-medium)}.permissions-scope-badge{display:inline-block;padding:var(--space-0h) var(--space-2);background:var(--surface-hover-strong);border-radius:var(--radius-xs);font-size:var(--text-xs);font-family:monospace;color:var(--color-neutral-500)}.permissions-delete-confirm{display:flex;gap:var(--space-1)}.tag-input{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;padding:var(--space-1);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface-primary);min-height:var(--space-8)}.admin-actions{display:flex;gap:var(--space-1)}.inline-edit{padding:var(--space-1) var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-sm);width:100%}.kv-editor{display:flex;flex-direction:column;gap:var(--space-1h)}.kv-editor__row{display:flex;gap:var(--space-1h);align-items:center}.kv-editor__key{font-weight:var(--font-weight-medium);font-size:var(--text-sm);min-width:120px;padding:var(--space-1h) var(--space-2);background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.kv-editor__key-input{min-width:120px;padding:var(--space-1h) var(--space-2);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm)}.kv-editor__key-input:focus{outline:none;border-color:var(--color-accent)}.kv-editor__value{flex:1;padding:var(--space-1h) var(--space-2);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm)}.kv-editor__value:focus{outline:none;border-color:var(--color-accent)}.kv-editor__remove{background:none;border:none;cursor:pointer;color:var(--color-danger-600);font-size:var(--text-base);padding:var(--space-1);opacity:.6}.kv-editor__remove:hover{opacity:1}.date-range-picker{display:flex;align-items:center;gap:var(--space-1h)}.date-range-picker__input{padding:var(--space-1h) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm)}.date-range-picker__input:focus{outline:none;border-color:var(--color-accent)}.date-range-picker__sep{color:var(--color-neutral-400);font-size:var(--text-sm)}.date-range-picker__clear{background:none;border:none;cursor:pointer;color:var(--color-neutral-400);font-size:var(--text-md);line-height:1;padding:var(--space-0h) var(--space-1);border-radius:var(--radius-xs)}.date-range-picker__clear:hover{color:var(--color-danger-600);background:var(--color-danger-50)}.json-editor{width:100%}.json-editor__textarea{width:100%;min-height:200px;padding:var(--space-3);border:1px solid var(--border-input);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical;background:var(--surface-secondary)}.json-editor__textarea:focus{outline:none;border-color:var(--color-accent);background:var(--surface-primary)}.json-editor__textarea--error{border-color:var(--color-danger-600)}.json-editor__error{color:var(--color-danger-600);font-size:var(--text-xs);margin-top:var(--space-1)}.var-editor{margin-top:var(--space-2)}.var-editor__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.var-editor__trigger{margin-top:var(--space-2)}.connector-form{display:flex;flex-direction:column;gap:var(--space-3)}.connector-form__row{display:flex;gap:var(--space-2);align-items:flex-end}.connector-form__method{width:100px;padding:var(--space-2) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.connector-form__url{flex:1;padding:var(--space-2) var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm)}.connector-form__url:focus,.connector-form__method:focus{outline:none;border-color:var(--color-accent)}.connector-form__section{display:flex;flex-direction:column;gap:var(--space-1h)}.connector-form__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);display:flex;align-items:center;gap:var(--space-2)}.connector-form__body{width:100%;padding:var(--space-2h);border:1px solid var(--border-input);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--text-sm);resize:vertical}.connector-form__body:focus{outline:none;border-color:var(--color-accent)}.connector-form__body--error{border-color:var(--color-danger-600)}.connector-form__error{color:var(--color-danger-600);font-size:var(--text-xs)}.connector-form__timeout{width:100px;padding:var(--space-1h) var(--space-2);border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-left:var(--space-1)}.connector-result{margin-top:var(--space-3);background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.connector-result--error{border-color:var(--color-danger-200);background:var(--color-danger-50);color:var(--color-diff-removed)}.connector-result__body{background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2h);font-size:var(--text-xs);overflow-x:auto;max-height:300px;overflow-y:auto;margin-top:var(--space-1)}.dlq-error{font-size:var(--text-xs);color:var(--color-neutral-500);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal--wide{max-width:900px;width:min(900px,92vw)}.modeler-subtitle{margin-top:var(--space-1);color:var(--color-neutral-500);font-size:var(--text-sm)}.modeler-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:var(--space-4);align-items:start}.modeler-pane{min-width:0}.modeler-pane--preview{position:sticky;top:var(--space-5)}.modeler-row--active td{background:var(--surface-modeler-active)}.modeler-link{background:none;border:none;padding:0;color:var(--color-primary-500);cursor:pointer;font-weight:var(--font-weight-semibold);text-align:left;font-size:var(--text-base)}.modeler-link:hover{text-decoration:underline}.modeler-inline-meta{margin-top:2px;color:var(--color-neutral-500);font-size:var(--text-xs)}.modeler-preview-card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm-soft);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3h)}.modeler-preview-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.modeler-preview-card__header h3{margin:0 0 var(--space-1);font-size:var(--text-lg)}.modeler-preview-card__header p{margin:0;font-size:var(--text-sm);color:var(--color-neutral-500)}.modeler-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2h);font-size:var(--text-sm)}.modeler-tag-list{display:flex;gap:var(--space-1h);flex-wrap:wrap}.modeler-preview-media{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-secondary) 0%,var(--surface-modeler-preview) 100%);padding:var(--space-3);min-height:140px}.modeler-svg-preview{display:block;max-width:100%;max-height:260px;margin:0 auto;object-fit:contain}.modeler-xml-preview{margin:0;max-height:260px;overflow:auto;white-space:pre-wrap}.modeler-deploy-box{background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2h)}.modeler-deploy-box__header{display:flex;flex-direction:column;gap:var(--space-0h)}.modeler-deploy-box__header h4{margin:0;font-size:var(--text-md-sm)}.modeler-deploy-box__header span{color:var(--color-neutral-500);font-size:var(--text-xs)}.modeler-deploy-box__controls{display:flex;gap:var(--space-2);flex-wrap:wrap}.modeler-deploy-box__controls input{flex:1;min-width:220px}.modeler-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.modeler-codearea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2h);font-family:var(--font-family-mono);font-size:var(--text-xs);resize:vertical}.modeler-codearea:focus{outline:none;border-color:var(--color-accent)}.modeler-error-list{margin:0;padding-left:var(--text-lg)}.modeler-error-list li{margin:var(--space-1) 0}.modeler-simulation-runner{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-4);margin-bottom:var(--space-3h);display:flex;flex-direction:column;gap:var(--space-2h)}.schema-builder{display:flex;flex-direction:column;gap:var(--space-3h)}.schema-builder__header{display:flex;flex-direction:column;gap:var(--space-0h);margin-bottom:var(--space-2)}.schema-builder__header span{color:var(--color-neutral-500);font-size:var(--text-xs)}.schema-builder__subsection{background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3)}.schema-builder__subsection-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin-bottom:var(--space-2h)}.schema-builder__stack{display:flex;flex-direction:column;gap:var(--space-2h)}.schema-builder__field-card{background:var(--surface-primary);border:1px solid var(--border-field);border-radius:var(--radius-2xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2h)}.schema-builder__field-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2h)}.schema-builder__field-meta{color:var(--color-neutral-500);font-size:var(--text-xs);margin-top:2px}.schema-builder__inline-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.schema-builder__inline-row input,.schema-builder__condition-row input,.schema-builder__condition-row select{flex:1;min-width:120px}.schema-builder__condition-row{display:grid;grid-template-columns:1.2fr .9fr 1fr 1fr auto;gap:var(--space-2);align-items:center}.schema-builder__checkbox{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-start;padding-top:var(--space-6)}.schema-builder__advanced summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}@media (max-width: 900px){.schema-builder__condition-row{grid-template-columns:1fr}.schema-builder__checkbox{padding-top:0}}@media (max-width: 980px){.modeler-split{grid-template-columns:1fr}.modeler-pane--preview{position:static}}@media (max-width: 640px){.modeler-form-grid,.modeler-stats{grid-template-columns:1fr}}.billing-plan-badge{display:inline-flex;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-700)}.billing-plan-badge[data-plan=enterprise]{background:var(--color-neutral-100);color:var(--color-neutral-700)}.pricing-page{max-width:1100px;margin:0 auto;padding:var(--space-10) var(--space-5) var(--space-15)}.pricing-header{text-align:center;margin-bottom:var(--space-12)}.pricing-header h1{font-size:var(--text-display);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.pricing-subtitle{font-size:var(--text-md-l);color:var(--color-neutral-500)}.pricing-back{display:inline-block;margin-bottom:var(--space-6);font-size:var(--text-base);color:var(--brand-primary);text-decoration:none}.pricing-back:hover{text-decoration:underline}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.pricing-card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-7);position:relative;display:flex;flex-direction:column;gap:var(--space-5)}.pricing-card--highlight{border-color:var(--brand-primary);box-shadow:var(--shadow-brand)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand-primary);color:var(--surface-primary);font-size:var(--text-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3h);border-radius:var(--radius-full);white-space:nowrap}.pricing-card__header h2{font-size:var(--text-lg-l);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.pricing-card__price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2h)}.pricing-card__amount{font-size:var(--text-display);font-weight:var(--font-weight-extrabold)}.pricing-card__period,.pricing-card__description{font-size:var(--text-base);color:var(--color-neutral-500)}.pricing-card__features{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);flex:1}.pricing-card__features li{font-size:var(--text-base);display:flex;align-items:flex-start;gap:var(--space-2)}.pricing-card__features li span{color:var(--color-success-600);font-weight:var(--font-weight-bold);flex-shrink:0}.pricing-card__cta{display:block;text-align:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--text-base-s);text-decoration:none;transition:opacity var(--transition-fast)}.pricing-card__cta:hover{opacity:.85}.pricing-card__cta.btn-primary{background:var(--brand-primary);color:var(--surface-primary);border:none}.pricing-card__cta.btn-secondary{background:var(--surface-primary);color:var(--brand-primary);border:1px solid var(--brand-primary)}.pricing-footer{text-align:center;margin-top:var(--space-10);font-size:var(--text-base);color:var(--color-neutral-400)}.invitations-panel{display:flex;flex-direction:column;gap:var(--space-5)}.invitations-panel__subtitle{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.invite-form .form-row{display:flex;gap:var(--space-2h);flex-wrap:wrap;align-items:flex-end}.invite-form .form-input{flex:1;min-width:200px}.invite-form .form-select{min-width:120px;padding:var(--space-2) var(--space-2h);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-base)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--brand-sidebar-bg) 0%,var(--brand-sidebar-dark) 50%,var(--brand-primary) 100%);padding:var(--space-5)}.auth-card{background:var(--surface-primary);border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:420px;box-shadow:var(--shadow-overlay)}.auth-card h1{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.auth-card__subtitle{font-size:var(--text-base);color:var(--color-neutral-500);margin-bottom:var(--space-6)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 768px){.login-card{width:100%;max-width:100%;padding:var(--space-7) var(--space-5);border-radius:var(--radius-lg);margin:0 var(--space-4)}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:480px}.pricing-cards{grid-template-columns:1fr}.tabs-header{overflow-x:auto;flex-wrap:nowrap}}.notification-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:var(--space-1h) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-lg);line-height:1;color:var(--sidebar-text, var(--surface-code-text));transition:background var(--transition-fast)}.notification-bell-btn:hover{background:var(--overlay-btn-hover)}.notification-badge{position:absolute;top:2px;right:2px;background:var(--color-danger);color:var(--surface-primary);border-radius:var(--radius-full);font-size:var(--text-3xs);font-weight:var(--font-weight-bold);min-width:var(--space-4);height:var(--space-4);padding:0 3px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.notification-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3h) var(--space-5);border-bottom:1px solid var(--surface-hover-strong);transition:background .1s}.notification-item:hover{background:var(--surface-hover)}.notification-item.unread{background:var(--color-accent-50)}.notification-item.unread:hover{background:var(--color-info-light)}.notification-content{flex:1;min-width:0}.notification-title{display:block;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-body{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--color-neutral-500);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ep-name{font-size:var(--text-base-s);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);display:block}.ep-slug{font-size:var(--text-xs-l);color:var(--color-neutral-500);background:var(--surface-hover-strong);padding:1px var(--space-1);border-radius:var(--radius-xs)}.ep-actions{display:flex;gap:var(--space-1h)}.ai-assistant-panel{display:flex;flex-direction:column;height:100%;border-left:1px solid var(--border-default);background:var(--surface-ai);overflow:hidden}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-3h);border-bottom:1px solid var(--border-default);background:var(--surface-primary)}.ai-header h4{margin:0;font-size:var(--text-base-l)}.ai-mode-selector{display:flex;gap:0;padding:var(--space-1h) var(--space-2h);border-bottom:1px solid var(--border-default);background:var(--surface-primary)}.ai-mode-btn{flex:1;padding:var(--space-1h) var(--space-2);font-size:var(--text-xs-l);font-weight:var(--font-weight-medium);border:1px solid var(--border-strong);background:var(--surface-primary);cursor:pointer;color:var(--color-neutral-500);transition:background var(--transition-fast),color var(--transition-fast)}.ai-mode-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ai-mode-btn:last-child{border-radius:0 5px 5px 0}.ai-mode-btn:not(:last-child){border-right:0}.ai-mode-btn.active{background:var(--brand-primary);color:var(--surface-primary);border-color:var(--brand-primary)}.ai-mode-btn:hover:not(.active){background:var(--surface-hover-strong)}.ai-messages{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2h)}.ai-msg{max-width:95%}.ai-msg-system{align-self:center;background:var(--surface-hover-strong);color:var(--color-neutral-500);border-radius:var(--radius-lg);padding:var(--space-1h) var(--space-3);font-size:var(--text-sm-s);text-align:center}.ai-msg-content{font-size:var(--text-sm-l);line-height:var(--leading-normal);white-space:pre-wrap;word-wrap:break-word}.ai-msg-actions{display:flex;flex-wrap:wrap;gap:var(--space-1h);margin-top:var(--space-2);align-items:center}.ai-tokens{font-size:var(--text-2xs-m);color:var(--color-neutral-400);margin-left:auto}.ai-loading{animation:ai-pulse 1.2s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:.5}50%{opacity:1}}.ai-input-area{display:flex;gap:var(--space-1h);padding:var(--space-2h);border-top:1px solid var(--border-default);background:var(--surface-primary)}.ai-input{flex:1;resize:none;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2h);font-size:var(--text-sm-l);font-family:inherit;line-height:1.4}.ai-input:focus{outline:none;border-color:var(--color-link);box-shadow:var(--ring-focus)}.ai-send-btn{border-radius:var(--radius-lg);min-width:var(--space-10);font-size:var(--text-md-l);padding:0 var(--space-3)}.ai-history{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.ai-history-item{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2h) var(--space-3)}.ai-history-prompt{margin:0 0 var(--space-1);font-size:var(--text-sm-m);color:var(--color-text-heading)}.ai-history-meta{font-size:var(--text-2xs-m);color:var(--color-neutral-400)}@media (max-width: 900px){.ai-assistant-panel{display:none}}.raw-key-banner{background:var(--color-success-100);border:1px solid var(--color-success-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.raw-key-banner strong{display:block;margin-bottom:var(--space-1);color:var(--color-success-800)}.raw-key-banner p{color:var(--color-success-900);font-size:var(--text-sm-l);margin:0 0 var(--space-2)}.raw-key-display{display:flex;gap:var(--space-2);align-items:center;background:var(--surface-primary);border:1px solid var(--color-success-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.raw-key-display code{flex:1;font-size:var(--text-sm-m);word-break:break-all;color:var(--color-success-800)}.onboarding-checklist{position:fixed;bottom:var(--space-6);right:var(--space-6);width:340px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-drawer);overflow:hidden}.onboarding-checklist__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5) var(--space-2)}.onboarding-checklist__title{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0}.onboarding-checklist__dismiss{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-neutral-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.onboarding-checklist__dismiss:hover{color:var(--color-neutral-700);background:var(--surface-hover)}.onboarding-checklist__progress{padding:0 var(--space-5) var(--space-3)}.onboarding-checklist__progress-bar{height:4px;background:var(--surface-hover-strong);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.onboarding-checklist__progress-fill{height:100%;background:var(--color-primary-500);border-radius:var(--radius-full);transition:width var(--transition-slow)}.onboarding-checklist__progress-label{font-size:var(--text-xs);color:var(--color-text-muted)}.onboarding-checklist__steps{list-style:none;padding:0 var(--space-3) var(--space-4)}.onboarding-checklist__step{border-radius:var(--radius-md)}.onboarding-checklist__step--done .onboarding-checklist__step-label{text-decoration:line-through;color:var(--color-neutral-400)}.onboarding-checklist__step--done .onboarding-checklist__step-check{color:var(--color-success)}.onboarding-checklist__step-btn{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2);border:none;background:none;text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.onboarding-checklist__step-btn:hover{background:var(--surface-hover)}.onboarding-checklist__step-check{color:var(--color-neutral-300);flex-shrink:0;margin-top:1px}.onboarding-checklist__step-content{display:flex;flex-direction:column;gap:var(--space-0h)}.onboarding-checklist__step-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.onboarding-checklist__step-desc{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 640px){.onboarding-checklist{position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.theme-options{display:flex;gap:var(--yw-space-2);flex-wrap:wrap}.theme-option{display:flex;align-items:center;gap:var(--yw-space-2);padding:var(--yw-space-2) var(--yw-space-3);background:var(--yw-surface-elevated);border:1px solid var(--yw-border-default);border-radius:var(--yw-radius-md);cursor:pointer;transition:border-color var(--yw-transition-fast),background var(--yw-transition-fast);font-size:var(--yw-text-sm);color:var(--yw-text-secondary)}.theme-option:hover{border-color:var(--yw-border-strong);color:var(--yw-text-primary)}.theme-option--active{border-color:var(--yw-interactive-primary);background:color-mix(in srgb,var(--yw-interactive-primary) 8%,transparent);color:var(--yw-interactive-primary);font-weight:var(--yw-font-medium)}.theme-option__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.theme-option__label{-webkit-user-select:none;user-select:none}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--yw-sidebar-border)}[dir=rtl] .sidebar-nav-item{border-left:none;border-right:3px solid transparent}[dir=rtl] .sidebar-nav-item--active{border-left-color:transparent;border-right-color:var(--yw-interactive-primary)}[dir=rtl] .sidebar--collapsed .sidebar-nav-item{border-left:3px solid transparent;border-right:3px solid transparent}[dir=rtl] .sidebar--collapsed .sidebar-nav-item--active{border-right-color:var(--yw-interactive-primary);border-left-color:transparent}[dir=rtl] .sidebar--collapsed .sidebar-nav-item[data-tooltip]:after{left:auto;right:calc(100% + var(--yw-space-2))}@media (max-width: 768px){[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar--mobile-open{transform:translate(0)}[dir=rtl] .sidebar--collapsed .sidebar-nav-item{border-right:3px solid transparent;border-left:none}}[dir=rtl] .toast-container{right:auto;left:var(--space-6)}[dir=rtl] .toast.success{border-left:none;border-right:4px solid var(--color-success-600)}[dir=rtl] .toast.error{border-left:none;border-right:4px solid var(--color-danger-600)}[dir=rtl] .toast.warning{border-left:none;border-right:4px solid var(--color-warning-600)}@keyframes toast-in-rtl{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}[dir=rtl] .toast{animation:toast-in-rtl .2s ease}[dir=rtl] .data-table th,[dir=rtl] .data-table td{text-align:right}[dir=rtl] .data-table th:last-child,[dir=rtl] .data-table td:last-child{text-align:left}[dir=rtl] .topbar-user__menu-item,[dir=rtl] select,[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=search],[dir=rtl] textarea{text-align:right}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .topbar-user__dropdown{right:auto;left:0}[dir=rtl] .sidebar-nav-item__badge{margin-left:0;margin-right:auto}[dir=rtl] .sidebar-collapse-btn svg{transform:scaleX(-1)}[dir=rtl] .list-compact{padding-left:0;padding-right:var(--text-lg)}
