:root{--color-brand:#2563eb;--color-brand-dark:color-mix(in srgb, var(--color-brand), #000 15%);--color-brand-light:color-mix(in srgb, var(--color-brand), #fff 88%);--color-success:#10b981;--color-success-light:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-danger-light:#fef2f2;--color-critical:#991b1b;--color-critical-light:#fee2e2;--color-navy:#0f172a;--color-white:#fff;--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-border:#e2e8f0;--color-border-dark:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 30px #0f172a1a;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--transition-fast:.15s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-out;--z-dropdown:100;--z-modal-overlay:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}img,video{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.ws-caption{color:var(--color-text-muted);font-size:12px;font-weight:400;line-height:1.4}.ws-body-sm{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400;line-height:1.5}.ws-body{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:400;line-height:1.6}.ws-heading-sm{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600;line-height:1.3}.ws-heading-lg{font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:700;line-height:1.2}.ws-page-title{color:var(--color-text-primary);letter-spacing:-.5px;font-size:28px;font-weight:700;line-height:1.15}.ws-flex{align-items:center;display:flex}.ws-flex-col{flex-direction:column;display:flex}.ws-gap-2{gap:var(--space-2)}.ws-gap-3{gap:var(--space-3)}.ws-flex-1{flex:1;min-width:0}.ws-page{padding:var(--space-8) var(--space-8) var(--space-16);width:100%;max-width:100%;min-height:100vh}.ws-page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ws-page-header-left{flex-direction:column;gap:4px;display:flex}.ws-page-header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.ws-btn-primary,.ws-btn-secondary,.ws-btn-danger,.ws-btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);padding:9px 18px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.ws-btn-primary:disabled,.ws-btn-secondary:disabled,.ws-btn-danger:disabled,.ws-btn-ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ws-btn-primary{background:var(--color-brand);color:#fff;border:1px solid #0000}.ws-btn-primary:hover:not(:disabled){background:var(--color-brand-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ws-btn-primary:active:not(:disabled){transform:translateY(0)}.ws-btn-secondary{background:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-border)}.ws-btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.ws-btn-danger{background:var(--color-white);color:var(--color-danger);border:1px solid var(--color-danger)}.ws-btn-danger:hover:not(:disabled){background:var(--color-danger-light)}.ws-btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000;padding:6px 10px}.ws-btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.ws-btn-icon{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ws-btn-icon:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.ws-btn-icon:disabled{opacity:.4;cursor:not-allowed}.ws-btn-sm{font-size:var(--font-size-xs);padding:6px 12px}.ws-btn-lg{font-size:var(--font-size-md);padding:12px 24px}.ws-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 12px;line-height:1.5}.ws-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light)}.ws-input::placeholder{color:var(--color-text-muted)}.ws-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.ws-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);resize:vertical;outline:none;min-height:80px;padding:9px 12px;line-height:1.5}.ws-textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light)}.ws-textarea::placeholder{color:var(--color-text-muted)}.ws-select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);appearance:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5l3.5 4 3.5-4' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:9px 36px 9px 12px;line-height:1.5}.ws-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light)}.ws-select:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.ws-form-group{flex-direction:column;gap:6px;display:flex}.ws-form-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;line-height:1.4}.ws-form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:2px;line-height:1.4}.ws-stat-cards{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.ws-stat-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);border-top:3px solid var(--color-border);transition:box-shadow var(--transition-fast)}.ws-stat-card:hover{box-shadow:var(--shadow-sm)}.ws-stat-card--brand{border-top-color:var(--color-brand)}.ws-stat-card--success{border-top-color:var(--color-success)}.ws-stat-card--danger{border-top-color:var(--color-danger)}.ws-stat-card--warning{border-top-color:var(--color-warning)}.ws-stat-card--brand .ws-stat-number{color:var(--color-brand)}.ws-stat-card--success .ws-stat-number{color:var(--color-success)}.ws-stat-card--danger .ws-stat-number{color:var(--color-danger)}.ws-stat-card--warning .ws-stat-number{color:var(--color-warning)}.ws-stat-number{color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1}.ws-stat-label{font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;line-height:1.4}.ws-stat-sublabel{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px;line-height:1.4}.ws-stat-card--clickable{cursor:pointer}.ws-stat-card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ws-filter-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.ws-toggle-pill{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:inline-flex}.ws-toggle-pill:hover{border-color:var(--color-brand);color:var(--color-brand)}.ws-toggle-pill.active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white);font-weight:600}.ws-toggle-pill.active:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark);color:var(--color-white)}.ws-filter-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.ws-filter-pill{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:6px 14px;font-weight:500}.ws-filter-pill:hover{border-color:var(--color-brand);color:var(--color-brand)}.ws-filter-pill.active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-white);font-weight:600}.ws-filter-pill.active:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark);color:var(--color-white)}.ws-sort-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.ws-sort-option{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-white);border:none;border-right:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:6px 14px;font-weight:500}.ws-sort-option:last-child{border-right:none}.ws-sort-option:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.ws-sort-option.active{background:var(--color-brand);color:var(--color-white);font-weight:600}.ws-sort-option.active:hover{background:var(--color-brand-dark);color:var(--color-white)}.ws-filter-select{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;font-family:inherit;font-weight:500;line-height:inherit;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5l3.5 4 3.5-4' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:6px 28px 6px 14px}.ws-filter-select:hover{border-color:var(--color-brand);color:var(--color-brand)}.ws-filter-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light)}.ws-filter-overflow{flex-shrink:0;display:inline-flex;position:relative}.ws-filter-overflow-btn{position:relative}.ws-filter-overflow-btn.active{background:var(--color-brand-light);color:var(--color-brand)}.ws-filter-overflow-dot{border-radius:var(--radius-full);background:var(--color-brand);width:7px;height:7px;position:absolute;top:4px;right:4px}.ws-filter-overflow-panel{z-index:2100;min-width:260px;padding:var(--space-4);gap:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.ws-filter-overflow-group{gap:var(--space-2);flex-direction:column;display:flex}.ws-filter-overflow-label{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-subtle)}.ws-filter-overflow-group .ws-filter-select,.ws-filter-overflow-group .ws-sort-toggle{width:100%}.ws-filter-overflow-group .ws-sort-option{text-align:center;flex:1}.ws-filter-spacer{flex:1}.ws-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);gap:var(--space-1);display:flex}.ws-tab{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), border-bottom-color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-weight:500}.ws-tab:hover{color:var(--color-text-primary)}.ws-tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:600}.ws-switch{border:var(--border-width) solid var(--color-border-dark);border-radius:var(--radius-full);background:var(--color-bg-secondary);cursor:pointer;flex-shrink:0;width:34px;height:20px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.ws-switch:hover:not(:disabled){border-color:var(--color-text-muted)}.ws-switch--on{background:var(--color-brand);border-color:var(--color-brand)}.ws-switch--on:hover:not(:disabled){background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.ws-switch:focus-visible{box-shadow:0 0 0 3px var(--color-brand-light);outline:none}.ws-switch:disabled{opacity:.5;cursor:default}.ws-switch-thumb{border-radius:var(--radius-full);background:var(--color-bg);width:14px;height:14px;box-shadow:var(--shadow-sm);margin-top:-7px;transition:transform .16s;position:absolute;top:50%;left:2px}.ws-switch--on .ws-switch-thumb{transform:translate(14px)}.ws-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex;position:relative}.ws-checkbox--stacked{align-items:flex-start}.ws-checkbox-input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.ws-checkbox-box{border:1.5px solid var(--color-border-dark);border-radius:var(--radius-sm);background:var(--color-white);width:16px;height:16px;color:var(--color-white);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ws-checkbox:hover .ws-checkbox-input:not(:disabled)+.ws-checkbox-box{border-color:var(--color-text-muted)}.ws-checkbox-input:checked+.ws-checkbox-box{background:var(--color-brand);border-color:var(--color-brand)}.ws-checkbox:hover .ws-checkbox-input:checked:not(:disabled)+.ws-checkbox-box{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.ws-checkbox-input:focus-visible+.ws-checkbox-box{box-shadow:0 0 0 3px var(--color-brand-light);outline:none}.ws-checkbox-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ws-checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.ws-checkbox--stacked .ws-checkbox-label{font-weight:600}.ws-checkbox-description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ws-checkbox--disabled{opacity:.5;cursor:default}.ws-checkbox--exclude .ws-checkbox-box{border-style:dashed}.ws-checkbox--exclude .ws-checkbox-input:checked+.ws-checkbox-box{background:var(--color-text-muted);border-color:var(--color-text-muted);border-style:solid}.ws-checkbox--exclude:hover .ws-checkbox-input:not(:disabled)+.ws-checkbox-box{border-color:var(--color-text-secondary)}.ws-checkbox--exclude:hover .ws-checkbox-input:checked:not(:disabled)+.ws-checkbox-box{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.ws-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-weight:600;line-height:1.4;display:inline-flex}.ws-badge--brand{background:var(--color-brand-light);color:var(--color-brand)}.ws-badge--success{background:var(--color-success-light);color:var(--color-success)}.ws-badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.ws-badge--danger{background:var(--color-danger-light);color:var(--color-danger)}.ws-badge--critical{background:var(--color-critical-light);color:var(--color-critical)}.ws-badge--neutral{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.ws-badge--outline{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.ws-badge--clickable{cursor:pointer;transition:opacity var(--transition-fast)}.ws-badge--clickable:hover{opacity:.8}.ws-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.ws-card:hover{box-shadow:var(--shadow-sm)}.ws-card--border-danger{border-left:3px solid var(--color-danger)}.ws-card--border-warning{border-left:3px solid var(--color-warning)}.ws-card--border-success{border-left:3px solid var(--color-success)}.ws-card--border-brand{border-left:3px solid var(--color-brand)}.ws-card--border-critical{border-left:3px solid var(--color-critical)}.ws-card--border-neutral{border-left:3px solid var(--color-border-dark)}.ws-card--clickable{cursor:pointer}.ws-card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ws-card--clickable:active{transform:translateY(0)}.ws-modal-overlay{z-index:var(--z-modal-overlay);padding:var(--space-6);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ws-modal{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:85vh;z-index:var(--z-modal);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.ws-modal--sm{max-width:420px}.ws-modal--md{max-width:560px}.ws-modal--lg{max-width:700px}.ws-modal--xl{max-width:860px}.ws-modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-shrink:0;display:flex}.ws-modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ws-modal-body{min-height:0;padding:var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ws-modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3);flex-shrink:0;justify-content:flex-end;display:flex}.ws-modal-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ws-modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.ws-header-actions{align-items:center;gap:var(--space-2);display:inline-flex}.ws-archive-empty{padding:var(--space-4) 0;font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.ws-archive-list{gap:var(--space-2);flex-direction:column;display:flex}.ws-archive-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.ws-archive-item-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ws-archive-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.ws-archive-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ws-archive-item-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.ws-archive-item-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.ws-archive-confirm-text{font-size:var(--font-size-xs);color:var(--color-danger);white-space:nowrap}.ws-empty{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ws-empty-icon{width:48px;height:48px;color:var(--color-text-muted);margin-bottom:var(--space-4);flex-shrink:0}.ws-empty-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600}.ws-empty-body{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:320px;margin-bottom:var(--space-5);line-height:1.6}.ws-avatar{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--font-size-xs);color:var(--color-white);background:var(--color-brand);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.ws-avatar img{object-fit:cover;width:100%;height:100%}.ws-avatar--lg{width:40px;height:40px;font-size:var(--font-size-sm)}.ws-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5;display:flex}.ws-alert--warning{background:var(--color-warning-light);color:var(--color-warning)}.ws-alert--danger{background:var(--color-danger-light);color:var(--color-danger)}.ws-alert--info{background:var(--color-brand-light);color:var(--color-brand)}.ws-badge-btn{cursor:pointer;font:inherit;border-radius:var(--radius-full);transition:opacity var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.ws-badge-btn:hover{opacity:.82}.ws-badge-btn:focus-visible{box-shadow:0 0 0 3px var(--color-brand-light);outline:none}.ws-card-menu{flex-shrink:0;display:inline-flex;position:relative}.ws-card-menu-dropdown{z-index:2100;min-width:170px;padding:var(--space-1);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.ws-card-menu-item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;font-size:var(--font-size-sm);font-family:var(--sans);color:var(--color-text);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast);background:0 0;border:none}.ws-card-menu-item:hover{background:var(--color-bg)}.ws-card-menu-item--danger{color:var(--color-danger)}.ws-card-menu-item--danger:hover{background:var(--color-danger-light)}.ws-reassign-prompt{flex-direction:column}.ws-reassign-prompt-body{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.ws-reassign-prompt-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.ws-loading-screen{justify-content:center;align-items:center;gap:var(--space-3);background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.ws-loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite ws-spin}.ws-loading-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@keyframes ws-spin{to{transform:rotate(360deg)}}.pp-popover{z-index:150;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);min-width:168px;box-shadow:var(--shadow-md);padding:var(--space-3);position:fixed;transform:translate(-50%)}.pp-year-stepper{padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.pp-year-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;min-width:40px}.pp-month-grid{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.pp-quarter-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.pp-year-list,.pp-week-list{gap:var(--space-1);flex-direction:column;display:flex}.pp-week-list .pp-cell{white-space:nowrap}.pp-cell{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--sans);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:5px 8px;display:inline-flex}.pp-cell:hover{background:var(--color-brand-light);border-color:var(--color-brand);color:var(--color-brand)}.pp-cell--active{background:var(--color-brand-light);border-color:var(--color-brand);color:var(--color-brand);font-weight:var(--font-weight-semibold)}.print-footer{display:none}@media print{.sidebar,.app-topbar,.app-bell-bar,.app-footer{display:none!important}.app-layout,.app-main,.app-content{height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}.app-main{margin-left:0!important;padding:0!important}@page{margin:.85in}.print-footer{justify-content:space-between;align-items:baseline;gap:var(--space-4);color:var(--color-text-muted);border-top:.5pt solid var(--color-border);padding-top:4pt;font-size:8pt;display:flex;position:fixed;bottom:0;left:0;right:0}.print-footer-confidential{text-align:center;font-weight:var(--font-weight-semibold);color:var(--color-text);flex:1}.print-footer-left,.print-footer-right{white-space:nowrap;flex-shrink:0}}*,:before,:after{box-sizing:border-box}:root{--color-brand:#2563eb;--color-brand-dark:color-mix(in srgb, var(--color-brand), #000 15%);--color-brand-light:color-mix(in srgb, var(--color-brand), #fff 88%);--color-navy:#0f172a;--color-primary:var(--color-brand);--color-primary-hover:var(--color-brand-dark);--color-primary-light:var(--color-brand-light);--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-light:#fef2f2;--color-success:#10b981;--color-warning:#d97706;--color-background:#fff;--color-background-secondary:#f8fafc;--color-bg:var(--color-background-secondary);--color-surface:var(--color-background);--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:var(--color-navy);--color-text-primary:var(--color-navy);--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-text-very-muted:#94a3b8;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--border-width:1px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--focus-ring:0 0 0 3px #2563eb1a;--bg:var(--color-bg);--surface:var(--color-surface);--border:var(--color-border);--border-focus:#93c5fd;--text:var(--color-text);--text-h:var(--color-text);--text-muted:var(--color-text-muted);--text-subtle:var(--color-text-subtle);--accent:var(--color-primary);--accent-hover:var(--color-primary-hover);--accent-fg:#fff;--accent-light:var(--color-primary-light);--accent-border:#bfdbfe;--sidebar-bg:#18212f;--sidebar-text:#8fa3be;--sidebar-text-hover:#c8d8ec;--sidebar-text-active:#fff;--sidebar-hover-bg:#ffffff0f;--sidebar-active-bg:color-mix(in srgb, var(--color-brand) 18%, transparent);--sidebar-active-accent:var(--color-brand);--sidebar-border:#ffffff12;--sidebar-width:240px;--status-filled:var(--color-success);--status-filled-light:#dcfce7;--status-open:var(--color-warning);--status-open-light:#fef3c7;--status-needs-fill:var(--color-danger);--status-needs-fill-light:#fee2e2;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:var(--font-size-base)/var(--line-height-normal) var(--sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0}h1,h2,h3{font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight);margin:0}p{margin:0}#root{height:100%;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:18px 16px 16px;display:flex}.sidebar-brand-mark{background:var(--accent);color:#fff;letter-spacing:-.5px;width:28px;height:28px;font-size:13px;font-weight:700;font-family:var(--sans);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-name{color:var(--sidebar-text-active);letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.sidebar-wordmark{color:#fff;letter-spacing:-.5px;font-size:16px;font-weight:700;font-family:var(--sans);white-space:nowrap}.sidebar-brand-mark--logo{background:var(--sidebar-bg);border:1px solid #ffffff1f;padding:2px;overflow:hidden}.sidebar-brand-logo{object-fit:contain;width:100%;height:100%;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex}.sidebar-nav-item{width:100%;color:var(--sidebar-text);cursor:pointer;font-size:13.5px;font-family:var(--sans);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-nav-item--active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.sidebar-nav-icon{color:inherit;flex-shrink:0;align-items:center;display:flex}.sidebar-nav-item--active .sidebar-nav-icon{color:var(--sidebar-active-accent)}.sidebar-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-nav-badge{border-radius:var(--radius-full);background:var(--color-brand);min-width:16px;height:16px;color:var(--color-white);text-align:center;flex-shrink:0;padding:0 5px;font-size:10px;font-weight:600;line-height:16px}.sidebar-nav-spacer{flex:1}.sidebar-nav-divider{background:var(--sidebar-border);height:1px;margin:4px 8px 6px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.07em;color:#8fa3be99;-webkit-user-select:none;user-select:none;padding:10px 10px 4px;font-size:10.5px;font-weight:700}.sidebar-nav-item--collapsible .sidebar-nav-chevron{color:var(--sidebar-text);opacity:.5;align-items:center;margin-left:auto;display:flex}.sidebar-nav-children{flex-direction:column;gap:1px;padding-left:6px;display:flex}.sidebar-nav-item--child{opacity:.9;padding-left:28px;font-size:13px}.sidebar-nav-item--grandchild{opacity:.85;padding-left:44px;font-size:12.5px}.sidebar-ops-divider{background:var(--sidebar-border);height:1px;margin:8px 8px 6px}.sidebar-nav-item--ops{color:var(--sidebar-text-hover);font-weight:600;position:relative}.sidebar-nav-item--ops.sidebar-nav-item--active{background:color-mix(in srgb, var(--color-brand) 22%, transparent);color:#fff}.sidebar-nav-item--ops .sidebar-nav-icon{color:var(--sidebar-active-accent);opacity:.85}.sidebar-user-divider{margin-top:6px}.sidebar-user-btn{width:100%;color:var(--sidebar-text);cursor:pointer;font-family:var(--sans);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;transition:background .15s,color .15s;display:flex}.sidebar-user-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-user-btn--active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.sidebar-user-avatar{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.sidebar-user-photo{object-fit:cover;width:100%;height:100%;display:block}.sidebar-user-initials{color:#fff;font-size:11px;font-weight:700;font-family:var(--sans);letter-spacing:-.3px;-webkit-user-select:none;user-select:none;line-height:1}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.sidebar-signout-btn{width:calc(100% - 16px);color:var(--sidebar-text);font-size:12.5px;font-family:var(--sans);cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff14;border-radius:6px;margin:4px 8px 8px;padding:7px 10px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.sidebar-signout-btn:hover{color:#f87171;background:#ef44441f;border-color:#ef444440}.sidebar-brand--switchable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.sidebar-brand--switchable:hover{background:var(--sidebar-hover-bg)}.sidebar-brand-chevron{color:var(--sidebar-text);opacity:.55;flex-shrink:0;align-items:center;margin-left:auto;display:flex}.sidebar-org-switching{color:var(--sidebar-text);font-size:13px;font-weight:500;font-family:var(--sans);opacity:.7}.sidebar-org-dropdown{width:var(--sidebar-width);z-index:200;border:1px solid var(--color-border);background:#fff;border-top:none;border-radius:0 0 12px 12px;padding:4px 0;position:fixed;left:0;overflow:hidden;box-shadow:0 8px 24px #0f172a24}.sidebar-org-option{width:100%;color:var(--color-text-primary);font-size:13px;font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-weight:500;transition:background .12s;display:flex}.sidebar-org-option:hover{background:var(--color-bg-secondary)}.sidebar-org-option--active{background:var(--color-brand-light);color:var(--color-brand)}.sidebar-org-option--active:hover{background:var(--color-brand-light)}.sidebar-org-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-org-check{color:var(--color-brand);flex-shrink:0}.sidebar-org-divider{background:var(--color-border);height:1px;margin:4px 0}.sidebar-org-create{width:100%;color:var(--color-text-secondary);font-size:13px;font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;padding:9px 14px;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar-org-create:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-backdrop{display:none}@media (width<=768px){.sidebar{box-shadow:none;transition:transform .25s;transform:translate(-100%)}.sidebar--open{box-shadow:var(--shadow-lg);transform:none}.sidebar-backdrop{z-index:49;background:#00000073;display:block;position:fixed;inset:0}}.login-bg{background:var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 36px 32px;display:flex}.login-wordmark{color:#0f172a;letter-spacing:-.5px;font-size:22px;font-weight:700;font-family:var(--sans);margin-bottom:6px}.login-subtitle{color:var(--text-muted);text-align:center;margin:0 0 20px;font-size:14px}.login-form{flex-direction:column;gap:14px;width:100%;display:flex}.login-field{font-family:var(--sans);flex-direction:column;gap:5px;display:flex}.login-field>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:600}.login-field input{border:1px solid var(--border);width:100%;font-size:14px;font-family:var(--sans);background:var(--surface);color:var(--text-h);border-radius:7px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.login-btn-primary{background:var(--accent);color:#fff;font-size:14px;font-family:var(--sans);cursor:pointer;border:none;border-radius:7px;width:100%;margin-top:4px;padding:10px;font-weight:600;transition:background .15s}.login-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.login-btn-primary:disabled{opacity:.55;cursor:not-allowed}.login-forgot{color:var(--accent);font-size:13px;font-family:var(--sans);cursor:pointer;text-align:center;text-underline-offset:2px;background:0 0;border:none;padding:4px 0;text-decoration:underline;transition:color .15s}.login-forgot:hover:not(:disabled){color:var(--accent-hover)}.login-forgot:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#dc2626;text-align:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:10px 12px;font-size:13.5px;line-height:1.4}.login-switch{color:var(--text-muted);text-align:center;margin:14px 0 0;font-size:13px}.login-switch-btn{color:var(--accent);font-size:13px;font-family:var(--sans);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.login-switch-btn:hover{color:var(--accent-hover)}.login-success{color:#16a34a;text-align:center;background:#dcfce7;border:1px solid #86efac;border-radius:6px;width:100%;margin-top:8px;padding:14px 16px;font-size:14px;line-height:1.4}.wl-wrap{flex-direction:column;gap:0;display:flex}.wl-nudge{color:#475569;text-align:center;font-size:13px}.wl-toggle-btn{color:var(--accent);font-size:13px;font-family:var(--sans);cursor:pointer;background:0 0;border:none;padding:0}.wl-toggle-btn:hover{color:var(--accent-hover)}.wl-section{grid-template-rows:0fr;transition:grid-template-rows .26s;display:grid}.wl-section--open{grid-template-rows:1fr}.wl-section-inner{flex-direction:column;gap:10px;display:flex;overflow:hidden}.wl-divider{background:var(--border);height:1px;margin:8px 0 4px}.wl-heading{color:var(--text-h);font-size:13.5px;font-weight:600}.wl-body{color:var(--text-muted);font-size:13px;line-height:1.5}.wl-form{flex-direction:column;gap:8px;display:flex}.wl-input{border:1px solid var(--border);width:100%;font-size:13px;font-family:var(--sans);background:var(--surface);color:var(--text-h);border-radius:7px;outline:none;padding:8px 11px;transition:border-color .15s,box-shadow .15s}.wl-input::placeholder{color:var(--text-muted)}.wl-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.wl-error{color:#dc2626;font-size:12.5px}.wl-submit{background:var(--accent);color:#fff;font-size:13px;font-family:var(--sans);cursor:pointer;border:none;border-radius:7px;padding:9px;font-weight:600;transition:background .15s}.wl-submit:hover:not(:disabled){background:var(--accent-hover)}.wl-submit:disabled{opacity:.55;cursor:not-allowed}.wl-success{color:var(--color-success,#16a34a);padding:4px 0 8px;font-size:13px;line-height:1.5}.notif-wrapper{position:relative}.notif-bell-btn{width:32px;height:32px;color:var(--color-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.notif-bell-btn:hover,.notif-bell-btn--open{background:var(--color-bg,#f3f4f6);color:var(--color-text,#111827)}.notif-badge{background:var(--color-danger,#dc2626);color:#fff;text-align:center;pointer-events:none;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:3px;right:3px}.notif-panel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);z-index:1000;border-radius:10px;flex-direction:column;width:360px;max-height:480px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000024}.notif-panel-header{border-bottom:1px solid var(--color-border,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.notif-panel-title{font-size:var(--font-size-sm,13px);color:var(--color-text,#111827);font-weight:600}.notif-panel-actions{gap:6px;display:flex}.notif-action-btn{border:1px solid var(--color-border,#e5e7eb);font-size:var(--font-size-xs,11px);color:var(--color-text-muted,#6b7280);cursor:pointer;background:0 0;border-radius:5px;padding:2px 7px;transition:background .12s,color .12s}.notif-action-btn:hover{background:var(--color-bg-hover,#f3f4f6);color:var(--color-text,#111827)}.notif-action-btn--danger:hover{background:var(--color-danger-subtle,#fee2e2);color:var(--color-danger,#dc2626);border-color:var(--color-danger,#dc2626)}.notif-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;font-size:var(--font-size-sm,13px);color:var(--color-text-muted,#6b7280);margin:0;padding:24px 16px}.notif-item{border-bottom:1px solid var(--color-border,#e5e7eb);cursor:pointer;align-items:flex-start;gap:8px;padding:10px 12px;transition:background .12s;display:flex}.notif-item:hover{background:var(--color-bg-hover)}.notif-item:last-child{border-bottom:none}.notif-item--read{opacity:.55}.notif-item-tag{background:var(--color-bg-hover,#f3f4f6);color:var(--color-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex-shrink:0;margin-top:1px;padding:2px 6px;font-size:10px;font-weight:600}.notif-item-main{flex:1;min-width:0}.notif-item-title{font-size:var(--font-size-sm,13px);color:var(--color-text,#111827);margin:0 0 1px;font-weight:500;line-height:1.4}.notif-item-body{font-size:var(--font-size-xs,11px);color:var(--color-text-muted,#6b7280);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;line-height:1.4;overflow:hidden}.notif-item-time{color:var(--color-text-muted,#6b7280);margin:0;font-size:10px}.notif-item-btns{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.notif-item-btn{border:1px solid var(--color-border,#e5e7eb);width:20px;height:20px;color:var(--color-text-muted,#9ca3af);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:flex}.notif-item-btn:hover{background:var(--color-bg-hover,#f3f4f6);color:var(--color-text,#374151);border-color:var(--color-border-strong,#d1d5db)}.notif-item-btn--clear:hover{background:var(--color-danger-subtle,#fee2e2);color:var(--color-danger,#dc2626);border-color:var(--color-danger,#dc2626)}.app-layout{flex:1;height:100%;display:flex;overflow:hidden}.app-main{min-width:0;height:100%;margin-left:var(--sidebar-width);background:var(--bg);flex-direction:column;flex:1;transition:margin-left .25s;display:flex}.app-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 16px;display:none}.app-topbar-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.app-topbar-logo{object-fit:contain;border-radius:4px;flex-shrink:0;width:24px;height:24px}.menu-toggle{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.menu-toggle:hover{background:var(--border)}.app-bell-bar{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;height:48px;padding:0 16px;display:flex}.app-bell-bar-controls{align-items:center;gap:4px;display:flex}.app-suite-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);white-space:nowrap;display:flex}.topbar-user{align-items:center;display:flex;position:relative}.topbar-user-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;height:36px;padding:4px 8px;transition:background .15s;display:flex}.topbar-user-btn:hover,.topbar-user-btn--open{background:var(--color-bg,#f3f4f6)}.topbar-user-avatar{background:var(--color-primary-light,#eef2ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.topbar-user-photo{object-fit:cover;width:100%;height:100%}.topbar-user-initials{color:var(--color-primary,#6366f1);letter-spacing:.01em;font-size:11px;font-weight:700;line-height:1}.topbar-user-dropdown{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);z-index:1000;border-radius:10px;width:220px;padding:4px 0;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000024}.topbar-dropdown-header{border-bottom:1px solid var(--color-border,#e5e7eb);padding:12px 14px 10px}.topbar-dropdown-header-name{color:var(--color-text,#111827);font-size:13px;font-weight:600;line-height:1.4;display:block}.topbar-dropdown-header-role{color:var(--color-text-muted,#6b7280);margin-top:2px;font-size:12px;line-height:1.4;display:block}.topbar-dropdown-divider{background:var(--color-border,#e5e7eb);height:1px;margin:4px 0}.topbar-dropdown-item{text-align:left;width:100%;color:var(--color-text,#111827);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:13px;transition:background .12s;display:block}.topbar-dropdown-item:hover{background:var(--color-bg,#f3f4f6)}.topbar-dropdown-item--danger{color:var(--color-danger,#dc2626)}.topbar-dropdown-item--danger:hover{background:var(--color-danger-light,#fef2f2)}.app-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.app-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:flex-end;padding:6px 20px;display:flex}.app-version{color:var(--text-muted);font-size:11px;font-family:var(--mono);letter-spacing:.02em}.app-error{text-align:center;height:100vh;color:var(--danger,#dc2626);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.app-error button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 20px;font-size:13px}@media (width<=768px){.app-main{margin-left:0}.app-topbar{display:flex}.app-bell-bar{display:none}}.viewas-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.viewas-btn{border:1px solid var(--border);height:30px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.viewas-btn:hover,.viewas-btn--open{background:var(--color-bg,#f3f4f6);border-color:var(--border);color:var(--text)}.viewas-btn--active{color:var(--color-brand);border-color:var(--color-brand);background:var(--color-brand-light)}.viewas-dropdown{background:var(--surface);border:1px solid var(--border);z-index:1000;border-radius:10px;width:230px;padding:4px 0;position:fixed;overflow:hidden;box-shadow:0 8px 28px #00000021}.viewas-dropdown-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:9px 13px 7px;font-size:11px;font-weight:600}.viewas-dropdown-divider{background:var(--border);height:1px;margin:3px 0}.viewas-option{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;width:100%;padding:7px 13px;transition:background .12s;display:flex}.viewas-option:hover{background:var(--color-bg,#f3f4f6)}.viewas-option--active{background:var(--color-brand-light)}.viewas-option-name{color:var(--text);font-size:13px;font-weight:500;line-height:1.4}.viewas-option-role{color:var(--text-muted);margin-top:1px;font-size:11px;line-height:1.3}.suite-switcher-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.suite-switcher-btn{align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);height:30px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;padding:3px 10px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.suite-switcher-btn:hover,.suite-switcher-btn--open{background:var(--color-bg);border-color:var(--color-brand)}.suite-switcher-empty{height:30px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;align-items:center;padding:3px 10px;display:flex}.suite-switcher-chevron{color:var(--text-muted)}.suite-switcher-dropdown{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);width:230px;box-shadow:var(--shadow-lg);z-index:1000;padding:var(--space-1) 0;position:fixed;overflow:hidden}.suite-switcher-dropdown-header{padding:9px var(--space-4) 7px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.suite-switcher-option{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);cursor:pointer;text-align:left;background:0 0;border:none;transition:background .12s;display:flex}.suite-switcher-option:hover{background:var(--color-bg)}.suite-switcher-option--active{background:var(--color-brand-light)}.suite-switcher-option-icon{color:var(--text-muted);flex-shrink:0}.suite-switcher-option--active .suite-switcher-option-icon{color:var(--color-brand)}.suite-switcher-option-text{flex-direction:column;gap:1px;min-width:0;display:flex}.suite-switcher-option-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text);line-height:1.4}.suite-switcher-option--active .suite-switcher-option-name{color:var(--color-brand)}.suite-switcher-option-hint{color:var(--text-muted);font-size:11px;line-height:1.3}.impersonation-banner{background:#fef3c7;border-bottom:1px solid #f59e0b;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.impersonation-banner-text{color:#78350f;font-size:13px;line-height:1.4}.impersonation-banner-role{color:#92400e}.impersonation-banner-exit{color:#78350f;cursor:pointer;background:#fffbeb;border:1px solid #d97706;border-radius:5px;flex-shrink:0;align-items:center;height:26px;padding:3px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s;display:flex}.impersonation-banner-exit:hover{background:#fde68a}.btn-primary,.btn-secondary,.btn-danger,.btn-primary,.btn-secondary,.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.field-input,.field-textarea,.field-input,.field-input::placeholder,.field-input:focus,.field-textarea:focus,.field-input:disabled,.field-textarea:disabled,.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:2px 8px;display:inline-flex}.docbuilder-link-popover{background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.docbuilder-link-popover-input{border:1px solid var(--color-border-strong);min-width:180px;color:var(--color-text);background:var(--color-surface);border-radius:5px;outline:none;flex:1;padding:4px 8px;font-family:inherit;font-size:13px}.docbuilder-link-popover-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.docbuilder-link-popover-btn{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.docbuilder-link-popover-btn--set{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.docbuilder-link-popover-btn--set:hover{background:var(--color-primary-hover)}.docbuilder-link-popover-btn--remove{color:var(--color-danger);border-color:var(--color-danger)}.docbuilder-link-popover-btn--remove:hover{background:var(--color-danger-light)}.docbuilder-rte-editor a{color:var(--color-primary);cursor:pointer;text-decoration:underline}.co-color-field{flex-direction:column;gap:6px;display:flex}.co-color-row{align-items:center;gap:10px;display:flex}.co-color-input{border:1px solid var(--color-border-strong);cursor:pointer;background:0 0;border-radius:6px;width:48px;height:36px;padding:2px}.co-color-value{color:var(--color-text-muted);font-size:13px;font-family:var(--mono)}.co-color-note{color:var(--color-text-subtle);font-size:12px}