.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--space-sm);max-width:380px;min-width:280px;pointer-events:none}.toast-container>*{pointer-events:auto}.toast-overlay{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-enter .2s ease-out}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}.toast-item{display:flex;flex-direction:column;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);animation:toast-enter .2s ease-out;font-size:var(--font-size-sm)}.toast-main{display:flex;align-items:flex-start;gap:var(--space-sm);width:100%}.toast-clickable{cursor:pointer}.toast-clickable:hover{background:var(--color-bg-hover)}.toast-expand-hint{flex-shrink:0;font-size:14px;color:var(--color-fg-muted);letter-spacing:1px;margin-left:auto;padding:0 var(--space-xs)}.toast-clickable:hover .toast-expand-hint{color:var(--color-fg-secondary)}.toast-description{font-size:var(--font-size-xs);font-family:var(--font-mono, monospace);color:var(--color-fg-secondary);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);margin-top:var(--space-sm);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;line-height:1.5}.toast-expanded{min-width:400px;max-width:600px;animation:toast-expand .2s ease-out}.toast-item.toast-exiting{animation:toast-exit .3s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-expand{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:50%;margin-top:1px}.toast-message{flex:1;color:var(--color-fg-primary);line-height:1.4}.toast-dismiss{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s ease;font-size:14px;margin:-4px -4px -4px 0}.toast-dismiss:hover{color:var(--color-fg-primary)}.toast-success{border-left:3px solid #22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left:3px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-error .toast-description{border-color:#ef44444d;background:#ef44441a}.toast-warning{border-left:3px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:3px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--space-xl)}.error-boundary-content{max-width:500px;text-align:center}.error-boundary-icon{width:48px;height:48px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--color-error-bg);border:2px solid var(--color-error);border-radius:50%;color:var(--color-error);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.error-boundary-title{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.error-boundary-message{margin:0 0 var(--space-md);font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:var(--line-height-normal)}.error-boundary-details{margin-bottom:var(--space-md);text-align:left}.error-boundary-details summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-fg-muted);padding:var(--space-xs) 0}.error-boundary-details summary:hover{color:var(--color-fg-secondary)}.error-boundary-stack{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-fg-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.error-boundary-actions{display:flex;gap:var(--space-sm);justify-content:center}.error-boundary-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.error-boundary-button-primary{background:var(--color-bg-inverse);color:var(--color-fg-inverse);border:1px solid var(--color-bg-inverse)}.error-boundary-button-primary:hover{background:var(--color-fg-secondary);border-color:var(--color-fg-secondary)}.error-boundary-button-secondary{background:transparent;color:var(--color-fg-primary);border:1px solid var(--color-border-primary)}.error-boundary-button-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.login-content{max-width:600px;width:100%}.login-header{margin-bottom:var(--space-3xl)}.login-header h1{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-widest);color:var(--color-fg-primary);margin:0 0 var(--space-lg) 0}.login-tagline{font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed);margin:0}.login-button{display:inline-block;padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border-primary);background:transparent;color:var(--color-fg-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:var(--transition-base);border-radius:0}.login-button:hover{background:var(--color-fg-primary);color:var(--color-fg-inverse);border-color:var(--color-fg-primary)}.login-button:active{transform:scale(.98)}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.callback-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;max-width:400px;width:100%}.callback-card p{color:var(--color-fg-secondary);margin-top:var(--space-md);font-size:var(--font-size-md)}.callback-card.error{border-color:var(--color-error)}.callback-card.error h2{color:var(--color-error);font-size:var(--font-size-xl);margin:0 0 var(--space-md) 0}.callback-card button{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-base)}.callback-card button:hover{background:var(--color-primary-hover)}.spinner{width:40px;height:40px;margin:0 auto;border:3px solid var(--glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.popover-content{z-index:var(--z-modal);min-width:200px;max-width:400px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));outline:1px solid var(--glass-outline);padding:var(--space-md);box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}.settings-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);flex-shrink:0}.settings-menu-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.settings-menu-content{width:240px;padding:0!important;display:flex;flex-direction:column}.settings-section{padding:var(--space-md);border-bottom:1px solid var(--color-border-secondary)}.settings-section:last-child{border-bottom:none}.settings-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);margin-bottom:var(--space-sm)}.settings-info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-xs) 0}.settings-info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);flex-shrink:0}.settings-info-value{font-size:var(--font-size-sm);color:var(--color-fg-primary);font-family:var(--font-family);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-info-editable{background:transparent;border:none;cursor:pointer;padding:2px 4px;margin:-2px -4px;border-radius:var(--radius-sm);transition:var(--transition-base)}.settings-info-editable:hover{background:var(--color-bg-hover);color:var(--color-primary)}.settings-name-edit{flex:1;min-width:0}.settings-name-input{width:100%;padding:4px 8px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-fg-primary);background:var(--color-bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);text-align:right;outline:none}.settings-name-input::placeholder{color:var(--color-fg-tertiary)}.settings-theme-selector{display:flex;gap:var(--space-xs)}.settings-theme-option{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-sm);background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family)}.settings-theme-option:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.settings-theme-option.active{background:var(--color-fg-primary);color:var(--color-fg-inverse);border-color:var(--color-fg-primary)}.settings-logout-button{width:100%;padding:var(--space-sm);background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family)}.settings-logout-button:hover{background:var(--color-destructive);border-color:var(--color-destructive);color:#fff}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--color-border-primary);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));outline:1px solid var(--glass-outline);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);font-family:var(--font-family);color:var(--color-fg-primary);cursor:pointer;transition:var(--transition-base)}.select-trigger:hover{border-color:var(--color-border-hover)}.select-trigger:focus{border-color:var(--color-border-focus);outline:2px solid var(--color-border-focus);outline-offset:-1px}.select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-trigger[data-placeholder]{color:var(--color-fg-muted)}.select-icon{font-size:var(--font-size-xs);color:var(--color-fg-secondary);transition:var(--transition-base)}.select-trigger[data-state=open] .select-icon{transform:rotate(180deg)}.select-content{z-index:var(--z-toast);min-width:200px;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));outline:1px solid var(--glass-outline);box-shadow:var(--shadow-lg);animation:select-show .15s ease}@keyframes select-show{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.select-viewport{padding:var(--space-xs)}.select-label{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);text-transform:uppercase}.select-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-fg-secondary);cursor:pointer;outline:none;transition:var(--transition-base)}.select-item:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.select-item[data-state=checked]{color:var(--color-fg-primary)}.select-item[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.select-item-indicator{font-size:var(--font-size-sm);color:var(--color-fg-primary)}.select-separator{height:1px;margin:var(--space-xs) 0;background:var(--color-border-secondary)}.unified-search{position:relative;display:flex;flex-direction:column;width:100%;max-width:600px}.unified-search-bar{display:flex;align-items:center;gap:8px}.unified-search-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .15s ease}.unified-search-input-wrapper:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-alpha, rgba(59, 130, 246, .15))}.unified-search-icon{display:flex;align-items:center;color:var(--color-fg-tertiary);flex-shrink:0}.unified-search-input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-fg-primary);outline:none;min-width:0}.unified-search-input::placeholder{color:var(--color-fg-tertiary)}.unified-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--color-fg-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.unified-search-clear:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.unified-search-filter-btn{display:flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;padding:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-fg-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.unified-search-filter-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.unified-search-filter-btn.has-filters{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.unified-search-filter-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;background:var(--color-accent-primary);color:var(--color-bg-primary);font-size:10px;font-weight:var(--font-weight-bold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family)}.unified-search-hint{padding:2px 6px;font-size:var(--font-size-xs);font-family:var(--font-family);background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-fg-tertiary);flex-shrink:0}.unified-search-filter-popover{width:280px;padding:0!important;background:var(--glass-bg)!important;backdrop-filter:blur(var(--blur-md))!important;-webkit-backdrop-filter:blur(var(--blur-md))!important}.unified-search-filter-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--glass-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-tertiary)}.unified-search-filter-clear{padding:var(--space-xs) var(--space-sm);background:transparent;border:none;color:var(--color-fg-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s ease;font-family:var(--font-family);text-transform:none;letter-spacing:normal}.unified-search-filter-clear:hover{color:var(--color-accent-primary)}.unified-search-filter-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.unified-search-filter-row{display:flex;flex-direction:column;gap:var(--space-xs)}.unified-search-filter-row label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.unified-search-filter-row.disabled{opacity:.5}.unified-search-filter-row.disabled label{color:var(--color-fg-quaternary, var(--color-fg-tertiary))}.unified-search-filter-hint{font-size:var(--font-size-xs);color:var(--color-fg-tertiary);font-style:italic;padding:var(--space-sm) 0}.unified-search-filter-inactive-hint{margin-left:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-fg-quaternary, var(--color-fg-tertiary));font-style:italic;text-transform:none;letter-spacing:normal;opacity:.7}.unified-search-filter-select{width:100%}.unified-search-filter-divider{height:1px;background:var(--glass-border);margin:var(--space-xs) 0}.unified-search-filter-toggle{display:flex;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.unified-search-filter-toggle button{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-fg-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease;font-family:var(--font-family)}.unified-search-filter-toggle button:first-child{border-right:1px solid var(--glass-border)}.unified-search-filter-toggle button:hover{background:var(--color-bg-hover)}.unified-search-filter-toggle button.active{background:var(--color-bg-tertiary);color:var(--color-fg-primary);font-weight:var(--font-weight-medium)}.unified-search-tag-input-wrapper{display:flex;align-items:center;gap:var(--space-xs)}.unified-search-tag-input{flex:1;padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-fg-primary);outline:none}.unified-search-tag-input:focus{border-color:var(--color-accent-primary)}.unified-search-tag-input::placeholder{color:var(--color-fg-tertiary)}.unified-search-tag-add{padding:var(--space-sm);background:var(--color-accent-primary);border:none;border-radius:var(--radius-sm);color:var(--color-bg-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.unified-search-tag-add:hover{opacity:.9}.unified-search-tag-add:disabled{opacity:.5;cursor:not-allowed}.unified-search-filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.unified-search-filter-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.unified-search-filter-tag button{display:flex;align-items:center;justify-content:center;padding:0;width:12px;height:12px;background:transparent;border:none;color:var(--color-fg-tertiary);cursor:pointer;border-radius:50%;transition:all .15s ease}.unified-search-filter-tag button:hover{color:var(--color-fg-primary);background:var(--color-bg-hover)}.unified-search-active-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;z-index:var(--z-dropdown, 50);animation:activeFiltersIn .2s ease}@keyframes activeFiltersIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.unified-search-active-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);flex-shrink:0}.unified-search-active-pills{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex:1}.unified-search-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-accent-primary-alpha, rgba(59, 130, 246, .1));border:1px solid var(--color-accent-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent-primary);font-family:var(--font-family)}.unified-search-pill span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-search-pill-remove{display:flex;align-items:center;justify-content:center;padding:0;width:14px;height:14px;background:transparent;border:none;color:var(--color-accent-primary);cursor:pointer;border-radius:50%;transition:all .15s ease;opacity:.7}.unified-search-pill-remove:hover{opacity:1;background:var(--color-accent-primary);color:var(--color-bg-primary)}.unified-search-pill.inactive{background:var(--color-bg-tertiary);border-color:var(--glass-border);color:var(--color-fg-tertiary);opacity:.7}.unified-search-pill.inactive .unified-search-pill-remove{color:var(--color-fg-tertiary)}.unified-search-pill.inactive .unified-search-pill-remove:hover{background:var(--color-fg-tertiary);color:var(--color-bg-primary)}.unified-search-pill-inactive-icon{flex-shrink:0;opacity:.7}.unified-search-active-clear{padding:4px 10px;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-fg-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s ease;font-family:var(--font-family);flex-shrink:0}.unified-search-active-clear:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.unified-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));z-index:var(--z-modal);overflow:hidden;max-height:400px;overflow-y:auto}.unified-search-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-fg-secondary);font-size:var(--font-size-sm)}.unified-search-loading .spinner{width:16px;height:16px;border:2px solid var(--glass-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .6s linear infinite}.unified-search-empty{padding:var(--space-xl);text-align:center;color:var(--color-fg-secondary);font-size:var(--font-size-sm)}.unified-search-empty-hint{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-tertiary)}.unified-search-section{padding:var(--space-sm) 0}.unified-search-section:not(:last-child){border-bottom:1px solid var(--glass-border)}.unified-search-section-title{padding:var(--space-xs) var(--space-md) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-tertiary)}.unified-search-result{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .1s ease}.unified-search-result:hover,.unified-search-result-selected{background:var(--color-bg-hover)}.unified-search-result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);flex-shrink:0}.unified-search-result-content{flex:1;min-width:0}.unified-search-result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-search-result-title em{font-style:normal;background:var(--color-accent-primary-alpha, rgba(59, 130, 246, .2));color:var(--color-accent-primary);padding:0 2px;border-radius:2px}.unified-search-result-description{font-size:var(--font-size-xs);color:var(--color-fg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.unified-search-result-description em{font-style:normal;background:var(--color-accent-primary-alpha, rgba(59, 130, 246, .2));color:var(--color-accent-primary);padding:0 2px;border-radius:2px}.unified-search-result-badge{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;border-radius:var(--radius-sm);flex-shrink:0}.unified-search-result-badge-collection{background:var(--color-accent-secondary-alpha, rgba(139, 92, 246, .1));color:var(--color-accent-secondary, #8b5cf6)}.unified-search-result-badge-item{background:var(--color-bg-tertiary);color:var(--color-fg-secondary);border:1px solid var(--glass-border)}.unified-search-view-all{display:block;width:100%;padding:var(--space-md);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-primary);background:transparent;border:none;border-top:1px solid var(--glass-border);cursor:pointer;transition:background .1s ease;font-family:var(--font-family)}.unified-search-view-all:hover{background:var(--color-bg-hover)}@media(max-width:768px){.unified-search{max-width:none}.unified-search-hint{display:none}.unified-search-pill span{max-width:80px}.unified-search-active-label{display:none}}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-md) var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--color-border-primary)}.topbar-left{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.topbar-logo{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-widest);color:var(--color-fg-primary);text-decoration:none;transition:var(--transition-base);flex-shrink:0}.topbar-logo:hover{opacity:.7}.topbar-center{flex:1;display:flex;align-items:center;gap:var(--space-md);max-width:800px}.topbar-search{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);transition:var(--transition-base)}.topbar-search:focus-within{outline:1px solid var(--glass-outline);outline-offset:-1px}.topbar-search-icon{display:flex;align-items:center;color:var(--color-fg-secondary);flex-shrink:0}.topbar-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-fg-primary);font-size:var(--font-size-sm);font-family:var(--font-family-base)}.topbar-search-input::placeholder{color:var(--color-fg-tertiary)}.topbar-search-input:disabled{cursor:not-allowed}.topbar-search-hint{font-size:var(--font-size-xs);color:var(--color-fg-tertiary);padding:2px var(--space-xs);background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xs);font-family:var(--font-family-base);flex-shrink:0}.topbar-icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);flex-shrink:0}.topbar-icon-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.topbar-icon-button:disabled{opacity:.5;cursor:not-allowed}.topbar-filter-popover{min-width:280px;max-width:400px}.filter-popover-content{padding:var(--space-md)}.filter-section{display:flex;flex-direction:column;gap:var(--space-md)}.filter-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);margin-bottom:var(--space-xs)}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-secondary);text-transform:uppercase}.filter-select,.filter-input{width:100%}.filter-hint{font-size:var(--font-size-xs);color:var(--color-fg-tertiary);margin-top:calc(var(--space-xs) * -.5)}.filter-clear-all{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-hover);border:1px solid var(--color-border-primary);color:var(--color-fg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;cursor:pointer;transition:var(--transition-base);font-family:var(--font-family);margin-top:var(--space-xs)}.filter-clear-all:hover{background:var(--color-border-primary);border-color:var(--color-border-hover)}.filter-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--color-fg-primary);color:var(--color-bg-primary);font-size:10px;font-weight:var(--font-weight-medium);border-radius:8px;font-family:var(--font-family)}.sidebar{width:250px;min-width:250px;max-width:250px;height:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-right:1px solid var(--color-border-primary);overflow-y:auto;overflow-x:hidden;transition:all var(--transition-base);flex-shrink:0}.sidebar.collapsed{width:0;min-width:0;max-width:0;border-right-width:0;opacity:0;pointer-events:none}.sidebar-nav{display:flex;flex-direction:column;padding:var(--space-md);gap:var(--space-sm);height:100%}.sidebar-spacer{flex:1;min-height:var(--space-md)}.sidebar-section-admin{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border-primary)}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);transition:var(--transition-base)}.sidebar-nav-item:hover{background:var(--color-bg-hover)}.sidebar-nav-item:hover .sidebar-nav-link{color:var(--color-fg-primary)}.sidebar-nav-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;padding:0;transition:var(--transition-base);flex-shrink:0;border-radius:var(--radius-sm);outline:none}.sidebar-nav-toggle:hover{color:var(--color-fg-primary)}.sidebar-nav-toggle:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.sidebar-nav-toggle:active{transform:rotate(90deg) scale(.95)}.sidebar-nav-toggle svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.sidebar-nav-toggle:active svg{transform:rotate(90deg)}.sidebar-nav-link{flex:1;color:var(--color-fg-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base);display:flex;align-items:center;padding:var(--space-xs) 0;border-radius:var(--radius-sm);outline:none}.sidebar-nav-link:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.sidebar-nav-link.active{color:var(--color-fg-primary);font-weight:var(--font-weight-medium)}.sidebar-section{display:flex;flex-direction:column}.sidebar-section-header{padding:var(--space-md) var(--space-md) var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-fg-tertiary);text-transform:uppercase;letter-spacing:.05em}.sidebar-tree{list-style:none;padding:0;margin:0;margin-left:var(--space-md);display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.sidebar-tree.expanded{max-height:2000px;opacity:1}.tree-item{display:flex;flex-direction:column}.tree-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);transition:var(--transition-base);min-width:0}.tree-item-header:hover{background:var(--color-bg-hover)}.tree-item-header:hover .tree-item-link{color:var(--color-fg-primary)}.tree-item-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;padding:0;transition:var(--transition-base);flex-shrink:0;border-radius:var(--radius-sm);outline:none}.tree-item-toggle:hover{color:var(--color-fg-primary)}.tree-item-toggle:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.tree-item-toggle:active{transform:rotate(90deg) scale(.95)}.tree-item-toggle svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.tree-item-toggle:active svg{transform:rotate(90deg)}.tree-item-link{flex:1;min-width:0;color:var(--color-fg-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;border-radius:var(--radius-sm);outline:none;position:relative;overflow:hidden}.tree-item-link:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.tree-item-link.active{color:var(--color-fg-primary);font-weight:var(--font-weight-medium)}.collection-icon{font-size:14px;line-height:1;flex-shrink:0}.collection-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.tree-item-header:hover .collection-name{animation:scrollText 3s linear infinite;animation-delay:.5s}@keyframes scrollText{0%,10%{transform:translate(0)}90%,to{transform:translate(calc(-100% + 100px))}}.collection-name:not([data-overflow]){animation:none!important}.tree-item-children{list-style:none;padding:0;margin:0;margin-left:var(--space-md);display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.tree-item-children.expanded{max-height:200px;opacity:1}.sidebar-empty-state{padding:var(--space-md);text-align:center;color:var(--color-fg-secondary);display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-empty-state p{margin:0;font-size:var(--font-size-sm)}.sidebar-empty-state a{color:var(--color-fg-primary);text-decoration:none;font-size:var(--font-size-xs);transition:var(--transition-base);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm)}.sidebar-empty-state a:hover{background:var(--color-bg-hover);border-color:var(--color-fg-primary)}.tree-child-link{display:flex;align-items:center;padding:var(--space-xs) var(--space-md);color:var(--color-fg-secondary);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:var(--transition-base);outline:none}.tree-child-link:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.tree-child-link:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.tree-child-link.active{background:var(--color-bg-active);color:var(--color-fg-primary)}@media(max-width:768px){.sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:100;box-shadow:var(--shadow-lg);transform:translate(0);transition:transform var(--transition-base)}.sidebar.collapsed{transform:translate(-100%);opacity:1;width:250px;min-width:250px;max-width:250px}}.app-layout{display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.app-body{display:grid;grid-template-columns:auto 1fr;overflow:hidden;position:relative}.app-main{overflow-y:auto;position:relative;padding:0}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-backdrop{display:block;position:fixed;inset:60px 0 0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.onboarding-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.onboarding-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.onboarding-content{max-width:600px;width:100%}.onboarding-form-content{max-width:400px}.onboarding-header{margin-bottom:var(--space-3xl)}.onboarding-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0 0 var(--space-md) 0}.onboarding-subtitle{font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed);margin:0}.onboarding-choices{display:flex;flex-direction:column;gap:var(--space-lg)}.onboarding-choice-card{display:block;padding:var(--space-xl);border:1px solid var(--color-border-primary);background:transparent;text-decoration:none;transition:var(--transition-base)}.onboarding-choice-card:hover{border-color:var(--color-fg-primary);background:var(--color-bg-hover)}.onboarding-choice-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--color-fg-secondary)}.onboarding-choice-card h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0 0 var(--space-sm) 0}.onboarding-choice-card p{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin:0}.onboarding-form{display:flex;flex-direction:column;gap:var(--space-xl)}.onboarding-form-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.pending-requests{margin-bottom:var(--space-2xl)}.pending-requests h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);margin:0 0 var(--space-md) 0}.pending-request-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border:1px solid var(--color-border-primary);background:transparent;margin-bottom:var(--space-sm)}.pending-request-card.denied{opacity:.6}.pending-request-info{display:flex;flex-direction:column;gap:var(--space-xs)}.pending-request-email{font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.pending-request-org{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.pending-request-date{font-size:var(--font-size-xs);color:var(--color-fg-tertiary)}.pending-request-status{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);padding:var(--space-xs) var(--space-sm)}.pending-request-status.pending{color:var(--color-fg-secondary);border:1px solid var(--color-border-primary)}.pending-request-status.denied{color:var(--color-fg-tertiary);border:1px solid var(--color-border-primary)}.denied-section{margin-top:var(--space-xl)}.pending-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.pending-new-request,.pending-back{font-size:var(--font-size-sm);color:var(--color-fg-secondary);text-decoration:none}.pending-new-request:hover,.pending-back:hover{color:var(--color-fg-primary);text-decoration:underline}.onboarding-footer{margin-top:var(--space-3xl);text-align:center}.onboarding-signout{background:none;border:none;color:var(--color-fg-tertiary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm) var(--space-md);transition:var(--transition-base)}.onboarding-signout:hover{color:var(--color-fg-primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:inherit;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed}.button-sm{height:32px;padding:0 var(--space-md);font-size:var(--font-size-sm)}.button-md{height:40px;padding:0 var(--space-lg);font-size:var(--font-size-base)}.button-lg{height:48px;padding:0 var(--space-xl);font-size:var(--font-size-lg)}.button-primary{background:var(--color-fg-primary);color:var(--color-bg-primary);border-color:var(--color-fg-primary)}.button-primary:hover:not(:disabled){background:var(--color-fg-secondary);border-color:var(--color-fg-secondary)}.button-primary:active:not(:disabled){transform:translateY(1px)}.button-secondary{background:var(--glass-bg);color:var(--color-fg-primary);border-color:var(--glass-border);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.button-secondary:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--glass-bg-hover)}.button-secondary:active:not(:disabled){transform:translateY(1px)}.button-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.button-danger:hover:not(:disabled){background:#c53030;border-color:#c53030}.button-danger:active:not(:disabled){transform:translateY(1px)}.button-ghost{background:transparent;color:var(--color-fg-secondary);border-color:transparent}.button-ghost:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-secondary)}.button-ghost:active:not(:disabled){transform:translateY(1px)}.input{width:100%;border:1px solid var(--color-border-primary);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));outline:1px solid var(--glass-outline);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);font-family:var(--font-family);color:var(--color-fg-primary);transition:var(--transition-base)}.input::placeholder{color:var(--color-fg-muted)}.input:hover{border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-border-focus);outline:2px solid var(--color-border-focus);outline-offset:-1px}.input:disabled{opacity:.5;cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-primary);text-transform:uppercase}.form-field-required{color:var(--color-destructive);margin-left:var(--space-xs)}.form-field-error{font-size:var(--font-size-sm);color:var(--color-destructive);margin:0}.breadcrumbs{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.breadcrumb-separator{color:var(--color-fg-muted);-webkit-user-select:none;user-select:none}.breadcrumb-link{color:var(--color-fg-secondary);text-decoration:none;transition:var(--transition-base)}.breadcrumb-link:hover{color:var(--color-fg-primary)}.breadcrumb-current{color:var(--color-fg-primary);font-weight:var(--font-weight-medium)}.view-toggle{display:flex;align-items:center;gap:var(--space-xs);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:2px;background:var(--color-bg-tertiary)}.page-header .view-toggle{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-lg);padding:var(--space-xs)}.view-toggle-separator{width:1px;height:24px;background:var(--color-border-secondary);margin:0 var(--space-xs)}.page-header .view-toggle-separator{background:var(--glass-border)}.view-toggle-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm)}.view-toggle-button:disabled{opacity:.5;cursor:not-allowed}.view-toggle-button:hover{color:var(--color-fg-primary);background:var(--color-bg-hover)}.view-toggle-button-active{color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:0 1px 2px #0000001a}.view-toggle-button svg{width:16px;height:16px}.view-toggle-action-menu{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-fg-secondary);font-size:20px;font-weight:700;line-height:1;cursor:pointer;transition:var(--transition-base);font-family:var(--font-family);border-radius:var(--radius-sm)}.view-toggle-action-menu:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg-primary)}.view-toggle-action-menu:disabled{opacity:.4;cursor:not-allowed}.view-toggle-action-popover{width:auto;min-width:220px;padding:var(--space-xs)}.view-toggle-action-menu-content{display:flex;flex-direction:column;gap:2px}.view-toggle-action-menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border:none;background:transparent;color:var(--color-fg-primary);font-size:var(--font-size-sm);font-family:var(--font-family);letter-spacing:var(--letter-spacing-wide);text-align:left;cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm)}.view-toggle-action-menu-item:hover:not(:disabled){background:var(--color-bg-hover)}.view-toggle-action-menu-item:disabled{opacity:.5;cursor:not-allowed}.view-toggle-action-menu-icon{font-size:var(--font-size-base);line-height:1}.page-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:0;margin:0;background:transparent}.page-header-simple{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:0;margin:0 0 var(--space-xl) 0}.page-header-text{flex:1}.page-header-title{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.page-header-description{margin:0;font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:1.5}.page-header-action{flex-shrink:0}.page-header-breadcrumbs{grid-column:1}.page-header-count{grid-column:2;justify-self:start}.page-header-controls{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--space-sm)}.page-header .breadcrumbs{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md)}.page-header-count{font-size:var(--font-size-xs);color:var(--color-fg-secondary);letter-spacing:var(--letter-spacing-wide);white-space:nowrap;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md)}.dialog-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#00000080;backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));animation:overlay-show .2s ease}@keyframes overlay-show{0%{opacity:0}to{opacity:1}}.dialog-content{position:fixed;left:50%;top:50%;z-index:var(--z-modal);transform:translate(-50%,-50%);width:90vw;max-width:600px;max-height:85vh;overflow-y:auto;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));outline:1px solid var(--glass-outline);padding:var(--space-xl);box-shadow:var(--shadow-lg);animation:content-show .2s ease}@keyframes content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialog-close{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border-primary);background:transparent;color:var(--color-fg-secondary);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-base)}.dialog-close:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.dialog-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-xl)}.dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg-primary);margin:0}.dialog-description{font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:var(--line-height-normal);margin:0}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border-secondary)}.date-range-filter{display:flex;align-items:center;gap:var(--space-xs);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xs);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.date-range-filter-button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 var(--space-sm);border:none;background:transparent;color:var(--color-fg-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm);white-space:nowrap}.date-range-filter-button:hover{color:var(--color-fg-primary);background:var(--color-bg-hover)}.date-range-filter-button-active{color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:0 1px 2px #0000001a}.date-range-filter-custom{width:32px;padding:0}.date-range-filter-custom svg{width:14px;height:14px}.date-range-filter-popover{width:auto;min-width:200px;padding:var(--space-md)}.date-range-filter-popover-content{display:flex;flex-direction:column;gap:var(--space-md)}.date-range-filter-field{display:flex;flex-direction:column;gap:var(--space-xs)}.date-range-filter-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.05em}.date-range-filter-input{padding:var(--space-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-fg-primary);font-size:var(--font-size-sm);font-family:var(--font-family);transition:border-color var(--transition-base)}.date-range-filter-input:focus{outline:none;border-color:var(--color-primary)}.date-range-filter-apply{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);background:var(--color-fg-primary);color:var(--color-fg-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:opacity var(--transition-base)}.date-range-filter-apply:hover:not(:disabled){opacity:.9}.date-range-filter-apply:disabled{opacity:.5;cursor:not-allowed}.textarea{width:100%;min-height:80px;border:1px solid var(--color-border-primary);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));outline:1px solid var(--glass-outline);padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--input-font-size);font-family:var(--font-family);color:var(--color-fg-primary);line-height:var(--line-height-normal);resize:vertical;transition:var(--transition-base)}.textarea::placeholder{color:var(--color-fg-muted)}.textarea:hover{border-color:var(--color-border-hover)}.textarea:focus{border-color:var(--color-border-focus);outline:2px solid var(--color-border-focus);outline-offset:-1px}.textarea:disabled{opacity:.5;cursor:not-allowed}.timeline-event-form{display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-event-form-header{margin:0}.timeline-event-form-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin:0}.timeline-event-form-body{display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-event-form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.timeline-event-form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary)}.timeline-event-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.timeline-event-form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-xs)}.timeline-event-form-colors{display:flex;gap:var(--space-sm);flex-wrap:wrap}.timeline-event-form-color{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.timeline-event-form-color:hover{transform:scale(1.1)}.timeline-event-form-color.active{border-color:var(--color-fg-primary);box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-fg-primary)}.timeline-event-form-color:disabled{opacity:.5;cursor:not-allowed;transform:none}.timeline-event-form-color-none{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border-primary);color:var(--color-fg-muted)}.timeline-event-form-color-none.active{border-style:solid;border-color:var(--color-fg-primary)}.timeline-event-form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-primary)}.timeline-event-form-actions-right{display:flex;gap:var(--space-sm);margin-left:auto}.timeline-event-form-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all .2s}.timeline-event-form-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-event-form-btn-cancel{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-fg-secondary)}.timeline-event-form-btn-cancel:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.timeline-event-form-btn-submit{background:var(--color-fg-primary);border:1px solid var(--color-fg-primary);color:var(--color-fg-inverse)}.timeline-event-form-btn-submit:hover:not(:disabled){opacity:.9}.timeline-event-form-btn-delete{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.timeline-event-form-btn-delete:hover:not(:disabled){background:var(--color-danger);color:#fff}.timeline-event-form-entity-picker{display:flex;flex-direction:column;gap:.75rem}.timeline-event-form-entity-type{display:flex;gap:.5rem}.timeline-event-form-entity-type-btn{flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:transparent;color:var(--color-fg-secondary);cursor:pointer;transition:all .15s ease}.timeline-event-form-entity-type-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-fg-primary)}.timeline-event-form-entity-type-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.timeline-event-form-entity-type-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-event-form-entity-search{position:relative}.timeline-event-form-entity-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-fg-primary);transition:border-color .15s ease}.timeline-event-form-entity-input:focus{outline:none;border-color:var(--color-primary)}.timeline-event-form-entity-input::placeholder{color:var(--color-fg-tertiary)}.timeline-event-form-entity-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;max-height:200px;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:100}.timeline-event-form-entity-dropdown-item{display:block;width:100%;padding:.625rem .75rem;font-size:.875rem;text-align:left;border:none;background:transparent;color:var(--color-fg-primary);cursor:pointer;transition:background-color .1s ease}.timeline-event-form-entity-dropdown-item:hover{background:var(--color-bg-hover)}.timeline-event-form-entity-dropdown-loading,.timeline-event-form-entity-dropdown-empty{padding:.75rem;font-size:.875rem;color:var(--color-fg-tertiary);text-align:center}.timeline-event-form-selected-entity{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm)}.timeline-event-form-selected-entity span{font-size:.875rem;color:var(--color-fg-primary);font-weight:500}.timeline-event-form-clear-entity{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;font-size:12px;border:none;background:transparent;color:var(--color-fg-tertiary);cursor:pointer;border-radius:50%;transition:all .15s ease}.timeline-event-form-clear-entity:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.badge{display:inline-flex;align-items:center;padding:calc(var(--space-xs) * 1.5) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;border-radius:var(--radius-sm);white-space:nowrap}.badge-default{border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-fg-secondary)}.badge-secondary{border:1px solid var(--color-border-primary);background:var(--color-bg-tertiary);color:var(--color-fg-secondary)}.badge-success{border:1px solid #48bb78;background:transparent;color:#48bb78}.badge-warning{border:1px solid #ed8936;background:transparent;color:#ed8936}.badge-danger{border:1px solid #e53e3e;background:transparent;color:#e53e3e}.badge-active{border:1px solid var(--color-status-active);background:transparent;color:var(--color-status-active)}.badge-archived{border:1px solid var(--color-status-archived);background:transparent;color:var(--color-status-archived)}.badge-draft{border:1px solid var(--color-status-draft);background:transparent;color:var(--color-status-draft)}.badge-destructive{border:1px solid var(--color-destructive);background:transparent;color:var(--color-destructive)}.timeline-page{display:flex;flex-direction:column;width:100%;height:100%}.timeline-page-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.timeline-page-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;overflow-y:auto}.timeline-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-fg-secondary)}.timeline-page-spinner{width:32px;height:32px;border:2px solid var(--color-border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:timeline-spin .8s linear infinite;margin-bottom:var(--space-md)}@keyframes timeline-spin{to{transform:rotate(360deg)}}.timeline-page-error{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-destructive)}.timeline-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);text-align:center}.timeline-page-empty-icon{color:var(--color-fg-tertiary);margin-bottom:var(--space-md)}.timeline-page-empty h3{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.timeline-page-empty p{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-secondary);max-width:400px}.timeline-page-groups{display:flex;flex-direction:column;gap:var(--space-xl)}.timeline-page-group-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-primary)}.timeline-page-group-header h2{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.timeline-page-group-count{font-size:var(--font-size-sm);color:var(--color-fg-tertiary)}.timeline-page-group-events{display:flex;flex-direction:column;gap:var(--space-sm)}.timeline-page-event{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);border-left:3px solid var(--timeline-event-accent, var(--color-primary));transition:var(--transition-base)}.timeline-page-event:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.timeline-page-event-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--timeline-event-accent, var(--color-primary))}.timeline-page-event-content{flex:1;min-width:0}.timeline-page-event-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.timeline-page-event-title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.timeline-page-event-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.timeline-page-event-date{font-weight:var(--font-weight-medium)}.timeline-page-event-location{display:flex;align-items:center;gap:var(--space-xs)}.timeline-page-event-description{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:1.5}.timeline-page-event-footer{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs)}.timeline-page-event-entity{color:var(--color-primary);text-decoration:none}.timeline-page-event-entity:hover{text-decoration:underline}.timeline-page-event-auto{padding:2px 6px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-fg-tertiary);font-size:var(--font-size-xs)}.timeline-page-event-clickable{cursor:pointer}.timeline-page-event-clickable:hover{border-color:var(--color-primary)}.timeline-page-event-clickable:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha, rgba(59, 130, 246, .2))}.timeline-page-delete-dialog{padding:var(--space-md)}.timeline-page-delete-dialog h2{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.timeline-page-delete-dialog p{margin:0 0 var(--space-lg);font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:1.5}.timeline-page-delete-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.timeline-page-delete-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all .2s}.timeline-page-delete-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-page-delete-btn-cancel{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-fg-secondary)}.timeline-page-delete-btn-cancel:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.timeline-page-delete-btn-confirm{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.timeline-page-delete-btn-confirm:hover:not(:disabled){background:var(--color-danger);color:#fff}@media(max-width:640px){.timeline-page-header-container{padding:var(--space-sm) var(--space-md) var(--space-xs)}.timeline-page-content{padding:0 var(--space-md) var(--space-md)}.timeline-page-event{flex-direction:column;gap:12px}.timeline-page-event-icon{width:32px;height:32px}}.infinite-scroll{width:100%;height:100%;overflow:auto;position:relative}.infinite-scroll-item{transition:transform .2s ease-out;will-change:transform}.infinite-scroll-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:var(--space-3xl)}.infinite-scroll-empty{width:100%;padding:var(--space-2xl)}.infinite-scroll-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);color:var(--color-fg-secondary);font-size:var(--font-size-base);text-align:center}.infinite-scroll-loader{display:flex;justify-content:center;align-items:center;padding:var(--space-xl);min-height:80px}.infinite-scroll-spinner{display:flex;justify-content:center;align-items:center}.spinner{width:24px;height:24px;border:2px solid var(--color-border-secondary);border-top-color:var(--color-fg-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.infinite-scroll-end{display:none}.virtual-grid-container{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.virtual-grid-row-container{will-change:transform}.virtual-grid-row{width:100%;height:100%;align-items:start;padding-bottom:var(--space-md)}.virtual-grid-row>*{min-width:0}.virtual-grid-loading{display:flex;justify-content:center;align-items:center;padding:var(--space-3xl)}.virtual-grid-empty{display:flex;justify-content:center;align-items:center;padding:var(--space-3xl);color:var(--color-fg-secondary)}.attachment-thumbnail{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-base)}.attachment-thumbnail:hover{border-color:var(--color-border-accent);transform:translateY(-1px)}.attachment-thumbnail:focus-visible{outline:2px solid var(--color-border-accent);outline-offset:2px}.attachment-thumbnail-small{width:100px;height:100px}.attachment-thumbnail-medium{width:200px;height:200px}.attachment-thumbnail-large{width:400px;height:400px}.attachment-thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.attachment-thumbnail-video{position:relative;width:100%;height:100%}.attachment-thumbnail-video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:var(--color-fg-primary);opacity:.8;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.5)}.attachment-thumbnail-file{--file-color: #78909c;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);background:linear-gradient(135deg,color-mix(in srgb,var(--file-color) 8%,transparent),color-mix(in srgb,var(--file-color) 15%,transparent))}.attachment-thumbnail-file-icon{width:48px;height:48px;color:var(--file-color);opacity:.9}.attachment-thumbnail-file-icon svg{width:100%;height:100%}.attachment-thumbnail-file-label{font-size:var(--font-size-sm);font-weight:700;color:var(--file-color);text-transform:uppercase;letter-spacing:.1em}.attachment-thumbnail-file-ext{font-size:var(--font-size-xs);font-weight:500;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-sm);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);opacity:0;transition:var(--transition-base)}.attachment-thumbnail:hover .attachment-thumbnail-overlay{opacity:1}.attachment-thumbnail-filename{display:block;font-size:var(--font-size-xs);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-thumbnail-pending{cursor:default}.attachment-thumbnail-pending:hover{transform:none}.attachment-thumbnail-pending-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md)}.attachment-thumbnail-spinner{font-size:2rem;animation:pulse 1.5s ease-in-out infinite}.attachment-thumbnail-pending-text{font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.item-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border-primary);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-base);cursor:pointer;height:280px;width:100%;max-width:320px}.item-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.item-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-card-media{position:relative;flex:1;min-height:180px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.item-card-media .attachment-thumbnail{width:100%;height:100%;border-radius:0}.item-card-media .attachment-thumbnail-image{width:100%;height:100%;object-fit:cover}.item-card-no-media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-fg-muted);opacity:.5}.item-card-media-count{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#000000b3;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.item-card-content{padding:var(--space-md);background:var(--color-bg-primary);border-top:1px solid var(--color-border-primary)}.item-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.item-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin:0;line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.item-card-description{font-size:var(--font-size-xs);color:var(--color-fg-secondary);margin:var(--space-xs) 0 0 0;line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card-actions{position:absolute;bottom:var(--space-sm);left:var(--space-sm);display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-base)}.item-card:hover .item-card-actions{opacity:1}.item-card-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:#0009;color:#fff;cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.item-card-action:hover{background:#000c}.item-card-action-delete:hover{background:var(--color-danger)}.item-card-action-remove:hover{background:#f59e0b}.item-card .badge{flex-shrink:0}.item-card-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb, 99, 102, 241),.2)}.item-card-selectable:hover{transform:none}.item-card-checkbox{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.item-card:hover .item-card-checkbox,.item-card-selected .item-card-checkbox{opacity:1}.item-card-checkbox input{position:absolute;opacity:0;width:0;height:0}.item-card-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid rgba(255,255,255,.5);border-radius:3px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease}.item-card-checkbox input:checked+.item-card-checkbox-indicator{background:var(--color-accent);border-color:var(--color-accent)}.item-card-checkbox input:checked+.item-card-checkbox-indicator:after{content:"";display:block;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.item-card-checkbox:hover .item-card-checkbox-indicator{border-color:#fffc}.item-list-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-base);cursor:pointer;margin-bottom:var(--space-xs)}.item-list-row:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.item-list-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.item-list-row-status{width:3px;height:32px;border-radius:2px;flex-shrink:0}.item-list-row-status-active{background:#10b981}.item-list-row-status-pending{background:#f59e0b}.item-list-row-status-archived{background:#6b7280}.item-list-row-status-draft{background:#3b82f6}.item-list-row-title-col{flex:1;min-width:200px;overflow:hidden}.item-list-row-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-list-row-description{font-size:var(--font-size-xs);color:var(--color-fg-muted);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-list-row-status-col{width:80px;flex-shrink:0}.item-list-row-tags-col{width:160px;flex-shrink:0}.item-list-row-tags{display:flex;gap:var(--space-xs);flex-wrap:nowrap;overflow:hidden}.item-list-row-tag{padding:2px var(--space-sm);font-size:var(--font-size-xs);color:var(--color-fg-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.item-list-row-tag-more{padding:2px var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-muted);white-space:nowrap}.item-list-row-attachments-col{width:60px;flex-shrink:0;text-align:center}.item-list-row-attachment-count{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.item-list-row-attachment-count svg{opacity:.6}.item-list-row-date-col{width:80px;flex-shrink:0;text-align:right}.item-list-row-date{font-size:var(--font-size-xs);color:var(--color-fg-muted);white-space:nowrap}.item-list-row-empty{font-size:var(--font-size-xs);color:var(--color-fg-muted);opacity:.5}.item-list-row-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-base);flex-shrink:0}.item-list-row:hover .item-list-row-actions{opacity:1}.item-list-row-action{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid transparent;background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm)}.item-list-row-action:hover{background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-primary)}.item-list-row-action-delete:hover{color:var(--color-danger);border-color:var(--color-danger)}.item-list-row-action-remove:hover{color:#f59e0b;border-color:#f59e0b}.item-list-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.item-list-header>*:first-child{width:3px}.item-list-row-selected{background:rgba(var(--color-accent-rgb, 99, 102, 241),.1);border-color:var(--color-accent)}.item-list-row-selected:hover{background:rgba(var(--color-accent-rgb, 99, 102, 241),.15)}.item-list-row-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.item-list-row:hover .item-list-row-checkbox,.item-list-row-selected .item-list-row-checkbox{opacity:1}.item-list-row-checkbox input{position:absolute;opacity:0;width:0;height:0}.item-list-row-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid var(--color-border-secondary);border-radius:3px;background:transparent;transition:all .15s ease}.item-list-row-checkbox input:checked+.item-list-row-checkbox-indicator{background:var(--color-accent);border-color:var(--color-accent)}.item-list-row-checkbox input:checked+.item-list-row-checkbox-indicator:after{content:"";display:block;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.item-list-row-checkbox:hover .item-list-row-checkbox-indicator{border-color:var(--color-fg-muted)}.item-table-view{display:flex;flex-direction:column;height:100%;width:100%;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--glass-bg);overflow:hidden}.item-table-header{flex-shrink:0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary)}.item-table-header-row{display:flex}.item-table-th{flex-shrink:0;padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-right:1px solid var(--color-border-primary);box-sizing:border-box}.item-table-th:last-child{border-right:none;flex:1}.item-table-container{flex:1;overflow:auto}.item-table-body{position:relative}.item-table-row{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-primary);cursor:pointer;transition:background-color var(--transition-fast)}.item-table-row:hover{background:var(--color-bg-hover)}.item-table-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.item-table-td{flex-shrink:0;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--color-border-primary);box-sizing:border-box}.item-table-td:last-child{border-right:none;flex:1}.item-table-cell-item{display:flex;align-items:center;gap:var(--space-sm);overflow:hidden}.item-table-row-number{flex-shrink:0;width:28px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-align:right}.item-table-status-indicator{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.item-table-status-active{background:var(--color-success-bg, rgba(34, 197, 94, .15));color:var(--color-success, #22c55e)}.item-table-status-archived{background:var(--color-warning-bg, rgba(234, 179, 8, .15));color:var(--color-warning, #eab308)}.item-table-status-draft{background:var(--color-fg-muted-bg, rgba(156, 163, 175, .15));color:var(--color-fg-muted)}.item-table-mini-thumb{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary)}.item-table-mini-thumb-img{width:100%;height:100%;object-fit:cover}.item-table-mini-thumb-placeholder{color:var(--color-fg-muted)}.item-table-mini-thumb-pending{font-size:12px}.item-table-mini-thumb-video{background:var(--color-bg-secondary);color:var(--color-fg-secondary);font-size:10px}.item-table-mini-thumb-file{--file-color: #78909c;color:var(--file-color);background:color-mix(in srgb,var(--file-color) 15%,transparent)}.item-table-mini-thumb-file svg{width:14px;height:14px}.item-table-cell-title{display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0}.item-table-title-text{font-weight:var(--font-weight-medium);color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-table-description{font-size:var(--font-size-xs);color:var(--color-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-table-cell-muted{color:var(--color-fg-muted)}.item-table-collections{display:flex;gap:var(--space-xs);flex-wrap:nowrap;overflow:hidden;align-items:center}.item-table-collection-badge{max-width:100px;overflow:hidden;text-overflow:ellipsis}.item-table-collection-more{display:inline-flex;align-items:center;padding:2px var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-muted);white-space:nowrap;flex-shrink:0}.item-table-tags{display:flex;gap:var(--space-xs);flex-wrap:nowrap;overflow:hidden;align-items:center}.item-table-tag-badge{max-width:80px;overflow:hidden;text-overflow:ellipsis}.item-table-tag-more{display:inline-flex;align-items:center;padding:2px var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-muted);white-space:nowrap;flex-shrink:0}.item-table-files{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-fg-secondary)}.item-table-files-icon{flex-shrink:0;opacity:.7}.item-table-files-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.item-table-date{font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.item-table-loading,.item-table-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-fg-muted);font-size:var(--font-size-sm)}.item-table-loading-more{display:flex;align-items:center;justify-content:center;padding:var(--space-md);color:var(--color-fg-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border-primary)}.item-table-row-selected{background:rgba(var(--color-accent-rgb, 99, 102, 241),.1)}.item-table-row-selected:hover{background:rgba(var(--color-accent-rgb, 99, 102, 241),.15)}.item-table-th-checkbox,.item-table-td-checkbox{display:flex;align-items:center;justify-content:center}.item-table-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer}.item-table-td-checkbox .item-table-checkbox{opacity:0;transition:opacity var(--transition-fast)}.item-table-row:hover .item-table-td-checkbox .item-table-checkbox,.item-table-row-selected .item-table-td-checkbox .item-table-checkbox{opacity:1}.item-table-checkbox input{position:absolute;opacity:0;width:0;height:0}.item-table-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid var(--color-border-secondary);border-radius:3px;background:transparent;transition:all .15s ease}.item-table-checkbox input:checked+.item-table-checkbox-indicator{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.item-table-checkbox input:checked+.item-table-checkbox-indicator:after{content:"";display:block;width:3px;height:6px;border:solid var(--color-fg-secondary);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.item-table-checkbox input:indeterminate+.item-table-checkbox-indicator{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.item-table-checkbox input:indeterminate+.item-table-checkbox-indicator:after{content:"";display:block;width:6px;height:1.5px;background:var(--color-fg-secondary)}.item-table-checkbox:hover .item-table-checkbox-indicator{border-color:var(--color-fg-muted)}.attachment-viewer-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn .2s ease-out}.attachment-viewer-content{position:fixed;inset:0;z-index:1001;display:flex;flex-direction:column;outline:none}.attachment-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--glass-border)}.attachment-viewer-info{flex:1;min-width:0}.attachment-viewer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin:0 0 var(--space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-meta{display:flex;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.attachment-viewer-actions{display:flex;gap:var(--space-sm);align-items:center}.attachment-viewer-action,.attachment-viewer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--glass-border);background:var(--glass-bg);font-size:18px;color:var(--color-fg-primary);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm)}.attachment-viewer-action:hover,.attachment-viewer-close:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.attachment-viewer-action-delete:hover{background:var(--color-destructive);border-color:var(--color-destructive);color:#fff}.attachment-viewer-main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);overflow:hidden}.attachment-viewer-media{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.attachment-viewer-image,.attachment-viewer-video{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.attachment-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:50%;font-size:32px;color:var(--color-fg-primary);cursor:pointer;transition:var(--transition-base);z-index:10}.attachment-viewer-nav:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);transform:translateY(-50%) scale(1.1)}.attachment-viewer-nav:disabled{opacity:.3;cursor:not-allowed}.attachment-viewer-nav-prev{left:var(--space-lg)}.attachment-viewer-nav-next{right:var(--space-lg)}.attachment-viewer-file{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:500px}.attachment-viewer-file-icon{font-size:4rem;opacity:.6}.attachment-viewer-file-info{text-align:center}.attachment-viewer-file-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin-bottom:var(--space-xs);word-break:break-word}.attachment-viewer-file-type{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-lg)}.attachment-viewer-download-button{padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.attachment-viewer-download-button:hover{opacity:.9;transform:translateY(-1px)}.attachment-viewer-thumbnails{display:flex;gap:var(--space-sm);padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-top:1px solid var(--glass-border);overflow-x:auto;overflow-y:hidden}.attachment-viewer-thumbnail{flex-shrink:0;width:80px;height:80px;padding:0;border:2px solid transparent;background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:var(--transition-base)}.attachment-viewer-thumbnail:hover{border-color:var(--color-border-hover);transform:scale(1.05)}.attachment-viewer-thumbnail-active{border-color:var(--color-accent)}.attachment-viewer-thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.attachment-viewer-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.attachment-viewer-content:after{content:"Use ← → arrow keys to navigate";position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-md);background:#0009;color:#fffc;font-size:var(--font-size-xs);border-radius:var(--radius-sm);pointer-events:none;opacity:0;transition:opacity .3s ease}.attachment-viewer-content:hover:after{opacity:1}.attachment-viewer-pending{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:400px;text-align:center}.attachment-viewer-pending-spinner{font-size:3rem;animation:pulse 1.5s ease-in-out infinite}.attachment-viewer-pending-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.attachment-viewer-pending-hint{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.activity-feed{display:flex;flex-direction:column;gap:var(--space-md)}.activity-feed-loading,.activity-feed-error,.activity-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-fg-tertiary)}.activity-empty-icon{margin-bottom:var(--space-sm);opacity:.5}.activity-list{display:flex;flex-direction:column;position:relative}.activity-list:before{content:"";position:absolute;left:11px;top:20px;bottom:20px;width:1px;background:var(--color-border-primary)}.activity-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;position:relative}.activity-item:first-child{padding-top:0}.activity-item:last-child{padding-bottom:0}.activity-item-compact{padding:var(--space-sm) 0;gap:var(--space-sm)}.activity-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);z-index:1}.activity-icon-created{color:var(--color-status-active);border-color:var(--color-status-active)}.activity-icon-updated{color:#3182ce;border-color:#3182ce}.activity-icon-deleted{color:var(--color-destructive);border-color:var(--color-destructive)}.activity-icon-archived{color:var(--color-status-archived);border-color:var(--color-status-archived)}.activity-icon-restored{color:var(--color-status-active);border-color:var(--color-status-active)}.activity-icon-default{color:var(--color-fg-tertiary);border-color:var(--color-border-primary)}.activity-content{flex:1;min-width:0}.activity-header{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--font-size-sm);line-height:1.5}.activity-actor{font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.activity-action{color:var(--color-fg-secondary)}.activity-meta{display:flex;gap:var(--space-sm);margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-tertiary)}.activity-category{text-transform:capitalize;padding:1px var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.activity-changes-toggle{margin-top:var(--space-sm);padding:0;border:none;background:none;font-size:var(--font-size-xs);color:var(--color-fg-link);cursor:pointer}.activity-changes-toggle:hover{text-decoration:underline}.activity-changes{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.activity-change{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs) 0}.activity-change:not(:last-child){border-bottom:1px solid var(--color-border-primary)}.activity-change-field{font-weight:var(--font-weight-medium);color:var(--color-fg-secondary)}.activity-change-old{color:var(--color-destructive);text-decoration:line-through;word-break:break-word}.activity-change-arrow{color:var(--color-fg-tertiary)}.activity-change-new{color:var(--color-status-active);word-break:break-word}.activity-load-more{align-self:center;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-fg-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.activity-load-more:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-fg-primary)}.activity-load-more:disabled{opacity:.5;cursor:not-allowed}.activity-skeleton{display:flex;flex-direction:column;gap:var(--space-md)}.activity-skeleton-item{display:flex;gap:var(--space-md)}.activity-skeleton-icon{width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-bg-secondary);animation:skeleton-pulse 1.5s ease-in-out infinite}.activity-skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.activity-skeleton-line{height:12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.activity-skeleton-line-short{width:60%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.item-form-v2{display:flex;flex-direction:column;gap:var(--space-lg);position:relative}.item-form-file-input{display:none}.item-form-v2-dragging{pointer-events:none}.item-form-drag-overlay{position:absolute;inset:-20px;z-index:100;background:#8b5cf61a;border:2px dashed #8b5cf6;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;pointer-events:none}.item-form-drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:#8b5cf6;font-weight:var(--font-weight-medium)}.item-form-media{display:flex;flex-direction:column;gap:var(--space-sm)}.item-form-hero{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--color-bg-secondary)}.item-form-hero .attachment-thumbnail{width:100%;height:100%;border-radius:0}.item-form-hero .attachment-thumbnail-large{width:100%;height:100%}.item-form-hero-overlay{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-sm);background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);opacity:0;transition:opacity .2s}.item-form-hero:hover .item-form-hero-overlay{opacity:1}.item-form-hero-badge{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#00000080;padding:4px 8px;border-radius:var(--radius-xs)}.item-form-hero-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#00000080;color:#fff;border-radius:var(--radius-xs);cursor:pointer;transition:background .2s}.item-form-hero-remove:hover{background:var(--color-danger)}.item-form-hero-empty{width:100%;aspect-ratio:16 / 9;border:2px dashed var(--color-border-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-fg-muted);cursor:pointer;transition:all .2s}.item-form-hero-empty:hover{border-color:var(--color-border-hover);color:var(--color-fg-secondary);background:var(--color-bg-hover)}.item-form-hero-empty span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.item-form-thumbs{display:flex;gap:var(--space-sm);flex-wrap:wrap}.item-form-thumb{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.item-form-thumb .attachment-thumbnail{width:100%;height:100%}.item-form-thumb .attachment-thumbnail-small{width:64px;height:64px}.item-form-thumb-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;background:#0009;opacity:0;transition:opacity .2s}.item-form-thumb:hover .item-form-thumb-actions{opacity:1}.item-form-thumb-star,.item-form-thumb-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#fff3;color:#fff;font-size:12px;border-radius:var(--radius-xs);cursor:pointer;transition:background .2s}.item-form-thumb-star:hover{background:var(--color-warning, #f59e0b)}.item-form-thumb-remove:hover{background:var(--color-danger)}.item-form-thumb-uploading{background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center}.item-form-thumb-spinner{width:24px;height:24px;border:2px solid var(--color-border-secondary);border-top-color:var(--color-accent);border-radius:50%;animation:item-form-spin .8s linear infinite}@keyframes item-form-spin{to{transform:rotate(360deg)}}.item-form-thumb-add{width:64px;height:64px;border:2px dashed var(--color-border-secondary);border-radius:var(--radius-sm);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.item-form-thumb-add:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-fg-secondary);background:var(--color-bg-hover)}.item-form-thumb-add:disabled{opacity:.5;cursor:not-allowed}.item-form-header{display:flex;flex-direction:column;gap:var(--space-xs)}.item-form-header-row{display:flex;align-items:center;gap:var(--space-md);padding-right:40px}.item-form-title{flex:1;min-width:0;padding:0;border:none;background:transparent;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--color-fg-primary);outline:none;letter-spacing:var(--letter-spacing-tight)}.item-form-title::placeholder{color:var(--color-fg-muted)}.item-form-title-error{border-bottom:1px solid var(--color-danger)}.item-form-status-badge{flex-shrink:0;width:fit-content;height:26px;padding:0 var(--space-sm);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xs)}.item-form-status-draft{background:#9ca3af26;border-color:#9ca3af4d;color:#9ca3af}.item-form-status-active{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.item-form-status-archived{background:#f9731626;border-color:#f973164d;color:#f97316}.item-form-description-collapsed{font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:var(--line-height-normal);cursor:pointer;padding:var(--space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.item-form-description-collapsed:hover{color:var(--color-fg-primary)}.item-form-description-placeholder{color:var(--color-fg-muted);font-style:italic}.item-form-description-expanded{font-size:var(--font-size-sm);line-height:var(--line-height-normal);resize:vertical;min-height:60px}.item-form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.item-form-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.item-form-meta-item{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.item-form-meta-grow{flex:1;min-width:180px}.item-form-meta-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.05em}.item-form-combobox{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:38px;padding:6px 8px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:text;transition:border-color .2s}.item-form-combobox:focus-within{border-color:var(--color-accent)}.item-form-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-xs);white-space:nowrap}.item-form-chip-collection{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.item-form-chip-tag{background:var(--color-bg-tertiary);color:var(--color-fg-primary);border:1px solid var(--color-border-primary)}.item-form-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:transparent;color:inherit;opacity:.5;font-size:10px;cursor:pointer;padding:0;transition:opacity .2s}.item-form-chip-remove:hover{opacity:1}.item-form-chip-loading{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.item-form-combobox-input-wrapper{position:relative;flex:1;min-width:80px}.item-form-combobox-input{width:100%;min-width:60px;padding:2px 0;border:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-fg-primary);outline:none}.item-form-combobox-input::placeholder{color:var(--color-fg-muted)}.item-form-combobox-dropdown{position:absolute;top:calc(100% + 8px);left:-8px;z-index:50;min-width:200px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto}.item-form-combobox-dropdown-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;text-align:left;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-fg-primary);cursor:pointer;transition:background .2s}.item-form-combobox-dropdown-item:hover{background:var(--color-bg-hover)}.item-form-combobox-dropdown-loading,.item-form-combobox-dropdown-empty{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.item-form-hint{font-size:var(--font-size-xs);color:var(--color-fg-muted);margin-top:4px}.item-form-custom{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);overflow:hidden}.item-form-custom-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:var(--color-bg-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-fg-secondary);cursor:pointer;transition:background .2s}.item-form-custom-toggle:hover{background:var(--color-bg-hover)}.item-form-custom-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-fg-inverse);background:var(--color-fg-secondary);border-radius:9px}.item-form-custom-chevron{margin-left:auto;transition:transform .2s}.item-form-custom-chevron-open{transform:rotate(180deg)}.item-form-custom-content{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border-primary)}.item-form-custom-row{display:grid;grid-template-columns:1fr 2fr auto;gap:var(--space-sm);align-items:center}.item-form-custom-key,.item-form-custom-value{margin:0}.item-form-custom-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border-primary);background:transparent;color:var(--color-fg-secondary);font-size:12px;cursor:pointer;border-radius:var(--radius-xs);transition:all .2s}.item-form-custom-remove:hover:not(:disabled){color:var(--color-danger);border-color:var(--color-danger)}.item-form-custom-add{padding:var(--space-xs) var(--space-md);border:1px dashed var(--color-border-secondary);background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-fg-muted);cursor:pointer;border-radius:var(--radius-xs);transition:all .2s;align-self:flex-start}.item-form-custom-add:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-fg-secondary);background:var(--color-bg-hover)}.item-form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-primary)}.item-form-actions-right{display:flex;gap:var(--space-sm);margin-left:auto}.item-form-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all .2s}.item-form-btn:disabled{opacity:.5;cursor:not-allowed}.item-form-btn-cancel{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-fg-secondary)}.item-form-btn-cancel:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.item-form-btn-submit{background:var(--color-fg-primary);border:1px solid var(--color-fg-primary);color:var(--color-fg-inverse)}.item-form-btn-submit:hover:not(:disabled){opacity:.9}.item-form-btn-delete{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger)}.item-form-btn-delete:hover:not(:disabled){background:var(--color-danger);color:#fff}.item-form-section{border-top:1px solid var(--color-border-primary);padding-top:var(--space-md)}.item-form-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) 0;border:none;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);cursor:pointer;transition:color .2s}.item-form-section-toggle:hover{color:var(--color-fg-primary)}.item-form-section-chevron{transition:transform .2s}.item-form-section-chevron-open{transform:rotate(180deg)}.item-form-section-content{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.import-upload{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.import-upload-header{display:flex;flex-direction:column;gap:var(--space-xs);padding-right:40px}.import-upload-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg-primary);margin:0}.import-upload-description{font-size:var(--font-size-sm);color:var(--color-fg-muted);line-height:var(--line-height-normal);margin:0}.import-upload-content{display:flex;flex-direction:column;gap:var(--space-lg)}.import-upload-progress-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-xl)}.import-upload-progress-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:320px}.import-upload-progress-spinner{width:64px;height:64px;border:4px solid var(--color-border-secondary);border-top-color:var(--color-accent);border-radius:50%;animation:import-upload-spin .8s linear infinite}@keyframes import-upload-spin{to{transform:rotate(360deg)}}.import-upload-progress-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg-primary)}.import-upload-progress-details{font-size:var(--font-size-sm);color:var(--color-fg-muted)}.import-upload-progress-bar{width:100%;height:4px;background:var(--color-border-secondary);border-radius:2px;overflow:hidden}.import-upload-progress-bar-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.import-upload-progress-stats{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.import-upload-progress-failed{color:#ef4444}.import-upload-dropzone{position:relative;border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;background:var(--glass-bg);transition:all .2s ease;min-height:180px;display:flex;align-items:center;justify-content:center;cursor:pointer}.import-upload-dropzone:hover:not(.import-upload-dropzone-has-file){border-color:var(--color-border-hover);background:var(--color-bg-hover)}.import-upload-dropzone-dragging{border-color:var(--color-accent);border-style:solid;background:rgba(var(--color-accent-rgb, 99, 102, 241),.1)}.import-upload-dropzone-has-file{border-color:var(--color-success, #22c55e);border-style:solid;cursor:default}.import-upload-file-input{display:none}.import-upload-file-info{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm)}.import-upload-file-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.import-upload-file-icon-csv{background:#22c55e26;color:#22c55e}.import-upload-file-icon-jsonl,.import-upload-file-icon-json{background:#fbbf2426;color:#fbbf24}.import-upload-file-details{flex:1;min-width:0;text-align:left}.import-upload-file-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-upload-file-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:2px}.import-upload-file-format{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--space-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-xs);color:var(--color-fg-secondary)}.import-upload-file-size{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.import-upload-file-remove{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;transition:var(--transition-base)}.import-upload-file-remove:hover{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);background:#ef44441a}.import-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.import-upload-icon{color:var(--color-fg-muted);opacity:.5}.import-upload-text{font-size:var(--font-size-sm);color:var(--color-fg-secondary);font-weight:var(--font-weight-medium)}.import-upload-text-secondary{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.import-upload-browse-button{padding:var(--space-sm) var(--space-lg);background:var(--color-fg-primary);border:1px solid var(--color-fg-primary);border-radius:var(--radius-sm);color:var(--color-fg-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all .2s}.import-upload-browse-button:hover{opacity:.9}.import-upload-error{padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-danger, #ef4444);font-size:var(--font-size-sm)}.import-upload-formats{display:flex;flex-direction:column;gap:var(--space-xs)}.import-upload-formats-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted)}.import-upload-formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.import-upload-format-card{padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm)}.import-upload-format-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin-bottom:2px}.import-upload-format-desc{font-size:10px;color:var(--color-fg-muted);line-height:1.4}.import-upload-preview-header{display:flex;justify-content:space-between;align-items:center}.import-upload-preview-stats{display:flex;gap:var(--space-sm)}.import-upload-preview-stat{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px var(--space-sm);border-radius:var(--radius-xs)}.import-upload-preview-stat-valid{background:#22c55e26;color:#22c55e}.import-upload-preview-stat-invalid{background:#ef444426;color:#ef4444}.import-upload-preview-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:350px;overflow-y:auto}.import-upload-preview-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm)}.import-upload-preview-item-invalid{border-color:#ef44444d;background:#ef44440d}.import-upload-preview-item-row{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);min-width:28px;text-align:right}.import-upload-preview-item-title{flex:1;font-size:var(--font-size-sm);color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-upload-preview-item-missing{color:var(--color-fg-muted);font-style:italic}.import-upload-preview-item-status{flex-shrink:0;font-size:10px;font-weight:var(--font-weight-semibold);padding:2px var(--space-sm);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em}.import-upload-preview-item-status-draft{background:#9ca3af26;color:#9ca3af}.import-upload-preview-item-status-active{background:#22c55e26;color:#22c55e}.import-upload-preview-item-status-archived{background:#f9731626;color:#f97316}.import-upload-preview-item-errors{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-danger, #ef4444)}.import-upload-preview-more{padding:var(--space-sm) var(--space-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-fg-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.import-upload-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border-primary)}.import-upload-button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all .2s}.import-upload-button:disabled{opacity:.5;cursor:not-allowed}.import-upload-button-secondary{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-fg-secondary)}.import-upload-button-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.import-upload-button-primary{background:var(--color-fg-primary);border:1px solid var(--color-fg-primary);color:var(--color-fg-inverse)}.import-upload-button-primary:hover:not(:disabled){opacity:.9}.import-upload-native-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;padding:4px var(--space-sm);background:#6366f126;color:#6366f1;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-xs)}.import-upload-native-info{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md)}.import-upload-native-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6366f126;color:#6366f1;border-radius:var(--radius-sm)}.import-upload-native-text{flex:1;min-width:0}.import-upload-native-text strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.import-upload-native-text p{font-size:var(--font-size-sm);color:var(--color-fg-muted);line-height:var(--line-height-normal);margin:0}.bulk-actions-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bulk-actions-bar-content{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bulk-actions-bar-count{display:flex;align-items:baseline;gap:4px;padding-right:4px}.bulk-actions-bar-count-number{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-fg-primary);font-variant-numeric:tabular-nums}.bulk-actions-bar-count-number.bulk-actions-bar-count-error{color:var(--color-danger, #ef4444)}.bulk-actions-bar-count-label{font-size:12px;color:var(--color-fg-muted)}.bulk-actions-bar-divider{width:1px;height:20px;background:var(--color-border-secondary)}.bulk-actions-bar-group{display:flex;align-items:center;gap:4px}.bulk-actions-bar-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:11px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;border:1px solid transparent;background:var(--color-bg-secondary);color:var(--color-fg-secondary)}.bulk-actions-bar-action:hover:not(:disabled){transform:translateY(-1px)}.bulk-actions-bar-action:active:not(:disabled){transform:translateY(0)}.bulk-actions-bar-action:disabled{opacity:.4;cursor:not-allowed}.bulk-actions-bar-action-draft{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.bulk-actions-bar-action-draft:hover:not(:disabled){background:#3b82f640;border-color:#3b82f6}.bulk-actions-bar-action-active{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.bulk-actions-bar-action-active:hover:not(:disabled){background:#22c55e40;border-color:#22c55e}.bulk-actions-bar-action-archived{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.bulk-actions-bar-action-archived:hover:not(:disabled){background:#9ca3af40;border-color:#9ca3af}.bulk-actions-bar-button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.bulk-actions-bar-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-fg-primary)}.bulk-actions-bar-button:disabled{opacity:.4;cursor:not-allowed}.bulk-actions-bar-button svg{flex-shrink:0}.bulk-actions-bar-button-danger{color:var(--color-danger, #ef4444);border-color:#ef44444d;background:#ef44441a}.bulk-actions-bar-button-danger:hover:not(:disabled){background:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444);color:#fff}.bulk-actions-bar-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--color-fg-muted);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.bulk-actions-bar-clear:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.bulk-actions-bar-clear:disabled{opacity:.4;cursor:not-allowed}.bulk-actions-dialog-content{padding:16px 0}.bulk-actions-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.bulk-actions-dialog-button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.bulk-actions-dialog-button:disabled{opacity:.5;cursor:not-allowed}.bulk-actions-dialog-button-cancel{color:var(--color-fg-secondary);background:transparent;border:1px solid var(--color-border-primary)}.bulk-actions-dialog-button-cancel:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.bulk-actions-dialog-button-primary{color:var(--color-fg-inverse);background:var(--color-fg-primary);border:1px solid var(--color-fg-primary)}.bulk-actions-dialog-button-primary:hover:not(:disabled){opacity:.9}.bulk-actions-dialog-button-danger{color:#fff;background:var(--color-danger, #ef4444);border:1px solid var(--color-danger, #ef4444)}.bulk-actions-dialog-button-danger:hover:not(:disabled){opacity:.9}.items-page{display:flex;flex-direction:column;width:100%;height:100%}.items-page-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.items-page-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;display:flex;flex-direction:column}.items-page-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.items-page-load-more{display:flex;justify-content:center;padding:var(--space-xl) 0}.items-page-load-more-button{padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border-primary);background:transparent;color:var(--color-fg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family);border-radius:var(--radius-sm)}.items-page-load-more-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.items-page-load-more-button:disabled{opacity:.5;cursor:not-allowed}.items-list-view{display:flex;flex-direction:column;gap:var(--space-sm)}.items-page-empty-button{padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border-primary);background:transparent;color:var(--color-fg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family)}.items-page-empty-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.items-page-delete-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-secondary)}.items-page-delete-button{padding:var(--space-sm) var(--space-xl);border:1px solid var(--color-border-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family)}.items-page-delete-button:disabled{opacity:.5;cursor:not-allowed}.items-page-delete-button-cancel{background:transparent;color:var(--color-fg-secondary)}.items-page-delete-button-cancel:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-hover)}.items-page-delete-button-confirm{background:transparent;color:var(--color-destructive);border-color:var(--color-destructive)}.items-page-delete-button-confirm:hover:not(:disabled){background:var(--color-destructive);color:var(--color-fg-inverse)}.collection-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border-primary);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-base);cursor:pointer;height:280px;width:100%;max-width:320px}.collection-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.collection-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.collection-card-media{position:relative;flex:1;min-height:180px;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-card-icon{color:#8b5cf6;opacity:.6}.collection-card-thumbnails{display:grid;width:100%;height:100%;gap:2px}.collection-card-thumbnails-1{grid-template-columns:1fr;grid-template-rows:1fr}.collection-card-thumbnails-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.collection-card-thumbnails-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collection-card-thumbnails-3 .collection-card-thumbnail:first-child{grid-row:span 2}.collection-card-thumbnails-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collection-card-thumbnail{overflow:hidden;background:var(--color-bg-secondary)}.collection-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-card:hover .collection-card-thumbnail img{transform:scale(1.05)}.collection-card-count{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#000000b3;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-card-content{padding:var(--space-md);background:var(--color-bg-primary);border-top:1px solid var(--color-border-primary)}.collection-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.collection-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin:0;line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.collection-card-description{font-size:var(--font-size-xs);color:var(--color-fg-secondary);margin:var(--space-xs) 0 0 0;line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card-actions{position:absolute;bottom:var(--space-sm);left:var(--space-sm);display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-base)}.collection-card:hover .collection-card-actions{opacity:1}.collection-card-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:#0009;color:#fff;cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-card-action:hover{background:#000c}.collection-card-action-delete:hover{background:var(--color-danger)}.collection-card-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb, 99, 102, 241),.2)}.collection-card-selectable:hover{transform:none}.collection-card-checkbox{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.collection-card:hover .collection-card-checkbox,.collection-card-selected .collection-card-checkbox{opacity:1}.collection-card-checkbox input{position:absolute;opacity:0;width:0;height:0}.collection-card-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid rgba(255,255,255,.5);border-radius:3px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease}.collection-card-checkbox input:checked+.collection-card-checkbox-indicator{background:var(--color-accent);border-color:var(--color-accent)}.collection-card-checkbox input:checked+.collection-card-checkbox-indicator:after{content:"";display:block;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.collection-card-checkbox:hover .collection-card-checkbox-indicator{border-color:#fffc}.collection-list-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-base);cursor:pointer;margin-bottom:var(--space-xs)}.collection-list-row:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.collection-list-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.collection-list-row-thumbnail{width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.collection-list-row-thumbnail img{width:100%;height:100%;object-fit:cover}.collection-list-row-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8b5cf6;opacity:.6}.collection-list-row-title-col{flex:1;min-width:200px;overflow:hidden}.collection-list-row-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-list-row-description{font-size:var(--font-size-xs);color:var(--color-fg-muted);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-list-row-type-col{width:80px;flex-shrink:0}.collection-list-row-type-badge{display:inline-block;padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#8b5cf6;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-xs);text-transform:capitalize}.collection-list-row-count-col{width:160px;flex-shrink:0}.collection-list-row-count{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.collection-list-row-count svg{opacity:.6}.collection-list-row-spacer-col{width:60px;flex-shrink:0}.collection-list-row-date-col{width:80px;flex-shrink:0;text-align:right}.collection-list-row-date{font-size:var(--font-size-xs);color:var(--color-fg-muted);white-space:nowrap}.collection-list-row-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-base);flex-shrink:0}.collection-list-row:hover .collection-list-row-actions{opacity:1}.collection-list-row-action{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid transparent;background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm)}.collection-list-row-action:hover{background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-primary)}.collection-list-row-action-delete:hover{color:var(--color-danger);border-color:var(--color-danger)}.collection-list-row-selected{background:rgba(var(--color-accent-rgb, 99, 102, 241),.1);border-color:var(--color-accent)}.collection-list-row-selected:hover{background:rgba(var(--color-accent-rgb, 99, 102, 241),.15)}.collection-list-row-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.collection-list-row:hover .collection-list-row-checkbox,.collection-list-row-selected .collection-list-row-checkbox{opacity:1}.collection-list-row-checkbox input{position:absolute;opacity:0;width:0;height:0}.collection-list-row-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid var(--color-border-secondary);border-radius:3px;background:transparent;transition:all .15s ease}.collection-list-row-checkbox input:checked+.collection-list-row-checkbox-indicator{background:var(--color-accent);border-color:var(--color-accent)}.collection-list-row-checkbox input:checked+.collection-list-row-checkbox-indicator:after{content:"";display:block;width:4px;height:7px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.collection-list-row-checkbox:hover .collection-list-row-checkbox-indicator{border-color:var(--color-fg-muted)}.collections-list-page{display:flex;flex-direction:column;width:100%;height:100%}.collections-list-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.collections-list-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;display:flex;flex-direction:column}.collections-list-view{display:flex;flex-direction:column;gap:var(--space-sm)}.collections-list-loading{display:flex;justify-content:center;padding:var(--space-3xl)}.collections-create-form{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-sm)}.collections-create-field{display:flex;flex-direction:column;gap:var(--space-xs)}.collections-create-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary)}.collections-form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-secondary)}.collections-form-button{padding:var(--space-sm) var(--space-xl);border:1px solid var(--color-border-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family)}.collections-form-button:disabled{opacity:.5;cursor:not-allowed}.collections-form-button-cancel{background:transparent;color:var(--color-fg-secondary)}.collections-form-button-cancel:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-hover)}.collections-form-button-submit{background:var(--color-fg-primary);color:var(--color-fg-inverse);border-color:var(--color-fg-primary)}.collections-form-button-submit:hover:not(:disabled){opacity:.9}.collections-form-button-delete{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.collections-form-button-delete:hover:not(:disabled){background:var(--color-danger);color:#fff}.collections-edit-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border-secondary)}.collections-edit-actions-right{display:flex;gap:var(--space-md)}.collections-delete-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-secondary)}.admin-dashboard-page{display:flex;flex-direction:column;width:100%;height:100%}.admin-dashboard-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.admin-dashboard-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;display:flex;flex-direction:column}.admin-dashboard-header{margin-bottom:var(--space-xl)}.admin-dashboard-title{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);letter-spacing:var(--letter-spacing-tight)}.admin-dashboard-description{margin:0;font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed)}.admin-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-lg)}.admin-section-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--glass-bg);border:1px solid var(--color-border-primary);border-left-width:3px;border-left-color:#8b5cf6;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));text-decoration:none;color:inherit;transition:all var(--transition-base);cursor:pointer;position:relative}.admin-section-card:hover{border-color:var(--color-border-hover);border-left-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.admin-section-card:active{transform:translateY(0)}.admin-section-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:28px;transition:var(--transition-base)}.admin-section-card:hover .admin-section-icon{transform:scale(1.05)}.admin-section-content{flex:1;min-width:0}.admin-section-content h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-primary);text-transform:uppercase}.admin-section-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed)}.admin-section-arrow{flex-shrink:0;font-size:var(--font-size-xl);color:var(--color-fg-muted);transition:var(--transition-base)}.admin-section-card:hover .admin-section-arrow{color:var(--color-fg-secondary);transform:translate(4px)}.user-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border-primary);border-left-width:3px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));padding:var(--space-lg);transition:var(--transition-base);height:240px;max-width:400px;box-sizing:border-box}.user-card:hover{border-color:var(--color-border-hover);border-left-color:inherit;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-card-status-active{border-left-color:#10b981}.user-card-status-pending{border-left-color:#f59e0b}.user-card-status-inactive{border-left-color:#6b7280}.user-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.user-card-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);flex-shrink:0}.user-card-info{flex:1;margin-bottom:var(--space-md)}.user-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-primary);margin:0 0 var(--space-xs) 0;line-height:var(--line-height-tight)}.user-card-email{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-role{margin-bottom:var(--space-md)}.user-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.user-card-activity{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.user-card-actions{display:flex;gap:var(--space-xs)}.user-card-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);font-size:14px;color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-xs)}.user-card-action:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-hover)}.user-card-action:disabled{opacity:.5;cursor:not-allowed}.user-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);border:1px solid var(--glass-border);border-left-width:3px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-base)}.user-list-row:hover{border-color:var(--color-border-hover);border-left-color:inherit;background:var(--color-bg-hover);transform:translate(2px)}.user-list-row-status-active{border-left-color:#10b981}.user-list-row-status-pending{border-left-color:#f59e0b}.user-list-row-status-inactive{border-left-color:#6b7280}.user-list-row-main{display:flex;align-items:center;gap:var(--space-xl);flex:1;min-width:0}.user-list-row-content{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.user-list-row-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);flex-shrink:0}.user-list-row-info{min-width:0;flex:1}.user-list-row-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-row-email{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-row-meta{display:flex;align-items:center;gap:var(--space-lg);flex-shrink:0;min-width:400px}.user-list-row-meta .badge{min-width:80px;justify-content:center}.user-list-row-activity{font-size:var(--font-size-xs);color:var(--color-fg-muted);white-space:nowrap;min-width:100px;text-align:right}.user-list-row-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-base)}.user-list-row:hover .user-list-row-actions{opacity:1}.user-list-row-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);font-size:14px;color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-xs)}.user-list-row-action:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-hover)}.user-list-row-action:disabled{opacity:.5;cursor:not-allowed}.users-list{flex:1;min-height:0}.users-list-view{display:flex;flex-direction:column;gap:var(--space-md)}.users-list-empty{padding:var(--space-2xl);text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));max-width:500px;margin:0 auto}.users-list-empty p{margin:0;font-size:var(--font-size-base);color:var(--color-fg-primary)}.users-page{display:flex;flex-direction:column;width:100%;height:100%}.users-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.users-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;display:flex;flex-direction:column;gap:var(--space-xl)}.users-preview-banner{background:var(--glass-bg);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));padding:var(--space-md)}.users-preview-banner-content strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-accent);margin-bottom:var(--space-xs)}.users-preview-banner-content p{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin:0;line-height:var(--line-height-relaxed)}.users-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.users-dialog{background:var(--glass-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%}.users-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-primary)}.users-dialog-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin:0}.users-dialog-close{width:32px;height:32px;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-fg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-size:18px;display:flex;align-items:center;justify-content:center}.users-dialog-close:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.users-dialog-content{padding:var(--space-lg)}.users-dialog-message{font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed);margin:0}.users-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border-primary)}.users-form-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.users-form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.users-form-field input,.users-form-field select,.users-form-field textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-primary);font-size:var(--font-size-sm);font-family:inherit;transition:var(--transition-base);outline:none}.users-form-field input:focus,.users-form-field select:focus,.users-form-field textarea:focus{border-color:var(--color-fg-primary);background:var(--color-bg-primary)}.users-form-field input::placeholder,.users-form-field textarea::placeholder{color:var(--color-fg-tertiary)}.users-form-field textarea{resize:vertical;min-height:80px}.users-dialog-error{padding:var(--space-sm) var(--space-md);background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:var(--radius-sm);color:var(--color-error, #ff3b30);font-size:var(--font-size-sm);margin-top:var(--space-md)}.role-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border-primary);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));padding:var(--space-lg);transition:var(--transition-base);height:240px;max-width:400px;box-sizing:border-box}.role-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.role-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.role-card-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-primary);margin:0;line-height:var(--line-height-tight)}.role-card-description{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-md);line-height:var(--line-height-relaxed);flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.role-card-meta{display:flex;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--color-fg-muted);margin-bottom:var(--space-md)}.role-card-users,.role-card-permissions{display:flex;align-items:center}.role-card-permissions-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.role-card-permission{display:inline-flex;align-items:center;padding:2px var(--space-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.role-card-permission-more{display:inline-flex;align-items:center;padding:2px var(--space-xs);font-size:var(--font-size-xs);color:var(--color-fg-muted);font-style:italic}.role-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto}.role-card-actions{display:flex;gap:var(--space-xs)}.role-card-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);font-size:14px;color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-xs)}.role-card-action:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-hover)}.role-card-action:disabled{opacity:.5;cursor:not-allowed}.role-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-base)}.role-list-row:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover);transform:translate(2px)}.role-list-row-main{display:flex;align-items:center;gap:var(--space-xl);flex:1;min-width:0}.role-list-row-content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.role-list-row-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-list-row-description{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-list-row-meta{display:flex;align-items:center;gap:var(--space-lg);flex-shrink:0;min-width:400px}.role-list-row-users{font-size:var(--font-size-xs);color:var(--color-fg-muted);white-space:nowrap;min-width:80px}.role-list-row-permissions{display:flex;flex-wrap:nowrap;gap:var(--space-xs);align-items:center;min-width:150px}.role-list-row-permission{display:inline-flex;align-items:center;padding:2px var(--space-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.role-list-row-permission-more{font-size:var(--font-size-xs);color:var(--color-fg-muted);font-style:italic;white-space:nowrap}.role-list-row-actions{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-base)}.role-list-row:hover .role-list-row-actions{opacity:1}.role-list-row-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);font-size:14px;color:var(--color-fg-secondary);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-xs)}.role-list-row-action:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-fg-primary);border-color:var(--color-border-hover)}.role-list-row-action:disabled{opacity:.5;cursor:not-allowed}.roles-list{flex:1;min-height:0}.roles-list-view{display:flex;flex-direction:column;gap:var(--space-md)}.roles-list-empty{padding:var(--space-2xl);text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));max-width:500px;margin:0 auto}.roles-list-empty p{margin:0;font-size:var(--font-size-base);color:var(--color-fg-primary)}.roles-page{display:flex;flex-direction:column;width:100%;height:100%}.roles-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.roles-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;display:flex;flex-direction:column;gap:var(--space-xl)}.roles-preview-banner{background:var(--glass-bg);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));padding:var(--space-md)}.roles-preview-banner-content strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-accent);margin-bottom:var(--space-xs)}.roles-preview-banner-content p{font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin:0;line-height:var(--line-height-relaxed)}.roles-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.roles-dialog{background:var(--glass-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%}.roles-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-primary)}.roles-dialog-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);margin:0}.roles-dialog-close{width:32px;height:32px;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-fg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-size:18px;display:flex;align-items:center;justify-content:center}.roles-dialog-close:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-fg-primary)}.roles-dialog-content{padding:var(--space-lg)}.roles-dialog-message{font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed);margin:0}.roles-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border-primary)}.roles-form-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.roles-form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.roles-form-field input,.roles-form-field select,.roles-form-field textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-primary);font-size:var(--font-size-sm);font-family:inherit;transition:var(--transition-base);outline:none}.roles-form-field input:focus,.roles-form-field select:focus,.roles-form-field textarea:focus{border-color:var(--color-fg-primary);background:var(--color-bg-primary)}.roles-form-field input::placeholder,.roles-form-field textarea::placeholder{color:var(--color-fg-tertiary)}.roles-form-field textarea{resize:vertical;min-height:80px}.roles-permissions-list{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);max-height:300px;overflow-y:auto}.roles-permission-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none}.roles-permission-item:hover{background:var(--color-bg-hover)}.roles-permission-item input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--color-fg-primary)}.roles-permission-item span{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.roles-field-hint{font-size:var(--font-size-xs);color:var(--color-fg-tertiary);margin:var(--space-xs) 0 0 0;font-style:italic}.roles-dialog-error{padding:var(--space-sm) var(--space-md);background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:var(--radius-sm);color:var(--color-error, #ff3b30);font-size:var(--font-size-sm);margin-top:var(--space-md)}.join-requests-page{padding:var(--space-lg)}.join-requests-content{margin-top:var(--space-xl)}.join-requests-loading,.join-requests-empty,.join-requests-error{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-fg-secondary)}.join-requests-section{margin-bottom:var(--space-2xl)}.join-requests-section h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);margin:0 0 var(--space-md) 0}.join-requests-section.resolved{opacity:.7}.join-requests-list{display:flex;flex-direction:column;gap:var(--space-sm)}.join-request-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:transparent;border:1px solid var(--color-border-primary)}.join-request-card.approved{border-left:3px solid var(--color-fg-primary)}.join-request-card.denied{border-left:3px solid var(--color-fg-tertiary)}.join-request-info{flex:1}.join-request-user{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.join-request-name{font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.join-request-email{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.join-request-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--color-fg-tertiary)}.join-request-actions{display:flex;gap:var(--space-sm)}.join-request-status{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);padding:var(--space-xs) var(--space-sm);color:var(--color-fg-secondary);border:1px solid var(--color-border-primary)}.join-request-status.approved{color:var(--color-fg-primary)}.join-request-status.denied,.join-request-status.expired{color:var(--color-fg-tertiary)}.coming-soon{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-xl)}.coming-soon-content{text-align:center;max-width:400px}.coming-soon-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-secondary);margin-bottom:var(--space-md)}.coming-soon-title{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.coming-soon-description{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:var(--line-height-normal)}.api-keys-page{display:flex;flex-direction:column;width:100%;height:100%}.api-keys-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.api-keys-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;display:flex;flex-direction:column;gap:var(--space-xl)}.collection-detail-page{display:flex;flex-direction:column;width:100%;height:100%}.collection-detail-header-container{background:transparent;padding:var(--space-md) var(--space-xl) var(--space-sm);width:100%;max-width:1600px;margin:0 auto;flex-shrink:0}.collection-detail-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 var(--space-xl) var(--space-xl);min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.collection-detail-header{display:flex;flex-direction:column;gap:var(--space-md)}.collection-detail-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg-primary);margin:0}.collection-detail-description{font-size:var(--font-size-base);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed);margin:0}.collection-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.collection-stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-left-width:3px;border-left-color:#8b5cf6;padding:var(--space-lg)}.collection-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-secondary);margin-bottom:var(--space-xs)}.collection-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.collection-detail-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.collection-action-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-left-width:3px;border-left-color:#8b5cf6;padding:var(--space-lg);text-decoration:none;transition:var(--transition-base)}.collection-action-card:hover{border-color:var(--color-border-hover);border-left-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.collection-action-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);color:var(--color-fg-primary);margin-bottom:var(--space-sm)}.collection-action-card p{font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:var(--line-height-relaxed)}.collection-detail-error{padding:var(--space-2xl);text-align:center}.collection-detail-error h1{font-size:var(--font-size-xl);color:var(--color-fg-primary);margin-bottom:var(--space-md)}.collection-detail-error p{font-size:var(--font-size-base);color:var(--color-fg-secondary);margin-bottom:var(--space-xl)}.collection-detail-back-link{display:inline-block;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);color:var(--color-fg-primary);text-decoration:none;font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wider);transition:var(--transition-base)}.collection-detail-back-link:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.collection-detail-loading{padding:var(--space-2xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.collection-detail-loading p{font-size:var(--font-size-base);color:var(--color-fg-secondary)}:root{--color-fg-primary: #0a0a0a;--color-fg-secondary: #666666;--color-fg-muted: #999999;--color-fg-inverse: #fafafa;--color-bg-primary: #fafafa;--color-bg-secondary: #ffffff;--color-bg-tertiary: rgba(0, 0, 0, .08);--color-bg-hover: rgba(0, 0, 0, .05);--color-bg-active: rgba(0, 0, 0, .08);--color-bg-inverse: #0a0a0a;--color-border-primary: rgba(0, 0, 0, .1);--color-border-secondary: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-border-focus: rgba(0, 0, 0, .2);--color-status-active: #0a0a0a;--color-status-archived: #999999;--color-status-draft: #666666;--color-destructive: #ef4444;--color-success: rgb(34, 197, 94);--color-success-bg: rgba(34, 197, 94, .1);--color-success-bg-subtle: rgba(34, 197, 94, .05);--color-success-bg-hover: rgba(34, 197, 94, .02);--color-success-border: rgba(34, 197, 94, .3);--color-error: rgb(239, 68, 68);--color-error-bg: rgba(239, 68, 68, .1);--color-error-bg-subtle: rgba(239, 68, 68, .05);--color-error-border: rgba(239, 68, 68, .3);--color-warning: rgb(250, 204, 21);--color-warning-bg: rgba(250, 204, 21, .1);--color-warning-bg-subtle: rgba(250, 204, 21, .05);--color-warning-border: rgba(250, 204, 21, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Droid Sans Mono", "Source Code Pro", monospace;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--letter-spacing-widest: .2em;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--glass-bg: rgba(250, 250, 250, .98);--glass-border: rgba(0, 0, 0, .1);--glass-outline: rgba(0, 0, 0, .05);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--button-padding-y: var(--space-sm);--button-padding-x: var(--space-md);--button-font-size: var(--font-size-base);--button-font-weight: var(--font-weight-medium);--input-padding-y: var(--space-sm);--input-padding-x: var(--space-md);--input-font-size: var(--font-size-base);--card-padding: var(--space-lg);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-family);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-fg-primary);background-color:var(--color-bg-primary)}body{margin:0;min-height:100vh}#app{min-height:100vh}@media(prefers-color-scheme:dark){:root{--color-fg-primary: #fafafa;--color-fg-secondary: #999999;--color-fg-muted: #666666;--color-fg-inverse: #0a0a0a;--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: rgba(255, 255, 255, .05);--color-bg-hover: rgba(255, 255, 255, .08);--color-bg-active: rgba(255, 255, 255, .12);--color-bg-inverse: #fafafa;--color-border-primary: rgba(255, 255, 255, .1);--color-border-secondary: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-border-focus: rgba(255, 255, 255, .2);--color-status-active: #fafafa;--color-status-archived: #666666;--color-status-draft: #999999;--glass-bg: rgba(10, 10, 10, .98);--glass-border: rgba(255, 255, 255, .1);--glass-outline: rgba(255, 255, 255, .05)}}.dark{--color-fg-primary: #fafafa;--color-fg-secondary: #999999;--color-fg-muted: #666666;--color-fg-inverse: #0a0a0a;--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: rgba(255, 255, 255, .05);--color-bg-hover: rgba(255, 255, 255, .08);--color-bg-active: rgba(255, 255, 255, .12);--color-bg-inverse: #fafafa;--color-border-primary: rgba(255, 255, 255, .1);--color-border-secondary: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-border-focus: rgba(255, 255, 255, .2);--color-status-active: #fafafa;--color-status-archived: #666666;--color-status-draft: #999999;--glass-bg: rgba(10, 10, 10, .98);--glass-border: rgba(255, 255, 255, .1);--glass-outline: rgba(255, 255, 255, .05);--color-success: rgb(74, 222, 128);--color-success-bg: rgba(74, 222, 128, .15);--color-success-bg-subtle: rgba(74, 222, 128, .08);--color-success-bg-hover: rgba(74, 222, 128, .05);--color-success-border: rgba(74, 222, 128, .4);--color-error: rgb(248, 113, 113);--color-error-bg: rgba(248, 113, 113, .15);--color-error-bg-subtle: rgba(248, 113, 113, .08);--color-error-border: rgba(248, 113, 113, .4);--color-warning: rgb(253, 224, 71);--color-warning-bg: rgba(253, 224, 71, .15);--color-warning-bg-subtle: rgba(253, 224, 71, .08);--color-warning-border: rgba(253, 224, 71, .4)}.light{--color-fg-primary: #0a0a0a;--color-fg-secondary: #666666;--color-fg-muted: #999999;--color-fg-inverse: #fafafa;--color-bg-primary: #fafafa;--color-bg-secondary: #ffffff;--color-bg-tertiary: rgba(0, 0, 0, .08);--color-bg-hover: rgba(0, 0, 0, .05);--color-bg-active: rgba(0, 0, 0, .08);--color-bg-inverse: #0a0a0a;--color-border-primary: rgba(0, 0, 0, .1);--color-border-secondary: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-border-focus: rgba(0, 0, 0, .2);--color-status-active: #0a0a0a;--color-status-archived: #999999;--color-status-draft: #666666;--glass-bg: rgba(250, 250, 250, .98);--glass-border: rgba(0, 0, 0, .1);--glass-outline: rgba(0, 0, 0, .05)}.grid-background{position:fixed;inset:0;background-image:linear-gradient(var(--color-bg-tertiary) 1px,transparent 1px),linear-gradient(90deg,var(--color-bg-tertiary) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:var(--z-base)}
