.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:var(--color-surface)}.error-boundary__content{text-align:center;max-width:400px}.error-boundary__icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;background:var(--color-danger-light, #fee2e2);color:var(--color-danger, #ef4444);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.error-boundary__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.error-boundary__message{margin:0 0 .5rem;font-size:.875rem;color:var(--color-text-secondary);word-break:break-word}.error-boundary__hint{margin:0 0 1.5rem;font-size:.75rem;color:var(--color-text-tertiary)}.error-boundary__button{padding:.5rem 1.5rem;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.error-boundary__button:hover{background:var(--color-primary-dark)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);width:100%;max-width:400px;text-align:center}.login-card__logo h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.login-card__logo p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.login-card__button{width:100%;height:48px;background-color:#fee500;color:#000;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast)}.login-card__button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-card__button:active{transform:translateY(0)}.login-card__button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-card__button--admin{background-color:var(--color-primary);color:#fff}.login-card__error{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-danger-bg, #fef2f2);color:var(--color-danger, #dc2626);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.login-card__note{margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.98)}.btn--sm{height:28px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm)}.btn--md{height:36px;padding:0 var(--spacing-md);font-size:var(--font-size-base)}.btn--lg{height:44px;padding:0 var(--spacing-lg);font-size:var(--font-size-md)}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn--secondary{background-color:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-background-tertiary);border-color:var(--color-border-hover)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-background-secondary);color:var(--color-text-primary)}.btn--destructive{background-color:var(--color-error);color:#fff}.btn--destructive:hover:not(:disabled){opacity:.9}.unauthorized-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background-secondary)}.unauthorized-card{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);width:100%;max-width:500px;text-align:center}.unauthorized-card__title{font-size:72px;font-weight:var(--font-weight-bold);color:var(--color-error);margin-bottom:var(--spacing-sm)}.unauthorized-card__subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.unauthorized-card__message{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.unauthorized-card__actions{display:flex;gap:var(--spacing-md);justify-content:center}.stat-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.stat-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-card__trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.stat-card__trend--positive{color:var(--color-success);background-color:#34c7591a}.stat-card__trend--negative{color:var(--color-error);background-color:#ff3b301a}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.stat-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.stat-card--clickable{cursor:pointer;text-align:left;width:100%}.stat-card--clickable:hover{background-color:var(--color-background-hover);transform:translateY(-1px)}.stat-card--clickable:active{transform:translateY(0)}.dashboard-page{max-width:1400px}.dashboard-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.dashboard-page__section{margin-bottom:var(--spacing-2xl)}.dashboard-page__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.dashboard-page__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.dashboard-page__loading,.dashboard-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.dashboard-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.dashboard-page__alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.alert-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.alert-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.alert-card--ok{border-left:3px solid var(--color-success)}.alert-card--warning{border-left:3px solid var(--color-warning);background-color:#ff95000d}.alert-card--error{border-left:3px solid var(--color-error);background-color:#ff3b300d}.alert-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.alert-card--ok .alert-card__icon{background-color:#34c75926;color:var(--color-success)}.alert-card--warning .alert-card__icon{background-color:#ff950026;color:var(--color-warning)}.alert-card--error .alert-card__icon{background-color:#ff3b3026;color:var(--color-error)}.alert-card__content{display:flex;flex-direction:column;gap:2px;flex:1}.alert-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.alert-card__value{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.alert-card--warning .alert-card__value,.alert-card--error .alert-card__value{font-weight:var(--font-weight-medium)}.alert-card--warning .alert-card__value{color:var(--color-warning)}.alert-card--error .alert-card__value{color:var(--color-error)}.alert-card__arrow{font-size:var(--font-size-lg);color:var(--color-text-tertiary)}.dashboard-page__quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.quick-link-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.quick-link-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);background-color:#0071e305}.quick-link-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.quick-link-card__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.modal-backdrop{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;display:flex;flex-direction:column;z-index:var(--z-modal);animation:slideUp var(--transition-base)}.modal--sm{width:400px}.modal--md{width:600px}.modal--lg{width:800px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xl);transition:all var(--transition-fast)}.modal__close:hover{background-color:var(--color-background-secondary);color:var(--color-text-primary)}.modal__content{padding:var(--spacing-lg);overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ocr-failed-modal{min-height:200px}.ocr-failed-modal__loading,.ocr-failed-modal__error,.ocr-failed-modal__empty{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ocr-failed-modal__error{color:var(--color-error)}.ocr-failed-modal__summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.ocr-failed-modal__summary strong{color:var(--color-error);font-weight:var(--font-weight-semibold)}.ocr-failed-modal__table-container{max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.ocr-failed-modal__table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.ocr-failed-modal__table th,.ocr-failed-modal__table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.ocr-failed-modal__table th{background:var(--color-surface);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);position:sticky;top:0;z-index:1}.ocr-failed-modal__table tbody tr:last-child td{border-bottom:none}.ocr-failed-modal__row{cursor:pointer;transition:background-color .15s ease}.ocr-failed-modal__row:hover,.ocr-failed-modal__row--expanded{background-color:var(--color-surface)}.ocr-failed-modal__doc-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium)}.ocr-failed-modal__owner,.ocr-failed-modal__customer{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ocr-failed-modal__status-code{color:var(--color-error);font-family:var(--font-family-mono, monospace);font-weight:var(--font-weight-semibold)}.ocr-failed-modal__status-msg{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.ocr-failed-modal__time{font-size:10px;color:var(--color-text-tertiary);white-space:nowrap}.ocr-failed-modal__detail-row{background-color:var(--color-surface)}.ocr-failed-modal__detail-row td{padding:0}.ocr-failed-modal__error-detail{padding:var(--spacing-sm) var(--spacing-md);border-top:1px dashed var(--color-border)}.ocr-failed-modal__error-detail-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.ocr-failed-modal__error-body{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-family:var(--font-family-mono, monospace);font-size:10px;color:var(--color-text-primary);overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:0}.ocr-failed-modal__action{text-align:center;white-space:nowrap}.ocr-failed-modal__reprocess-btn{padding:4px 10px;font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-white, #fff);background-color:var(--color-primary, #007aff);border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.ocr-failed-modal__reprocess-btn:hover:not(:disabled){background-color:var(--color-primary-hover, #0056b3)}.ocr-failed-modal__reprocess-btn:disabled{opacity:.6;cursor:not-allowed}.embed-failed-modal{min-height:200px}.embed-failed-modal__loading,.embed-failed-modal__error,.embed-failed-modal__empty{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.embed-failed-modal__error{color:var(--color-error)}.embed-failed-modal__summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.embed-failed-modal__summary strong{color:var(--color-error);font-weight:var(--font-weight-semibold)}.embed-failed-modal__table-container{max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.embed-failed-modal__table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.embed-failed-modal__table th,.embed-failed-modal__table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.embed-failed-modal__table th{background:var(--color-surface);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);position:sticky;top:0;z-index:1}.embed-failed-modal__table tbody tr:last-child td{border-bottom:none}.embed-failed-modal__row{cursor:pointer;transition:background-color .15s ease}.embed-failed-modal__row:hover,.embed-failed-modal__row--expanded{background-color:var(--color-surface)}.embed-failed-modal__doc-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium)}.embed-failed-modal__owner,.embed-failed-modal__customer{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-failed-modal__status{color:var(--color-error);font-weight:var(--font-weight-semibold)}.embed-failed-modal__time{font-size:10px;color:var(--color-text-tertiary);white-space:nowrap}.embed-failed-modal__detail-row{background-color:var(--color-surface)}.embed-failed-modal__detail-row td{padding:0}.embed-failed-modal__error-detail{padding:var(--spacing-sm) var(--spacing-md);border-top:1px dashed var(--color-border)}.embed-failed-modal__error-detail-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.embed-failed-modal__error-body{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-family:var(--font-family-mono, monospace);font-size:10px;color:var(--color-text-primary);overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:0}.document-processing-page{max-width:1400px}.document-processing-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.document-processing-page__section{margin-bottom:var(--spacing-lg)}.document-processing-page__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.document-processing-page__section-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.document-processing-page__stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.document-processing-page__loading,.document-processing-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.document-processing-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.document-processing-page__status-grid{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.status-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:2px}.status-card__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.status-card--completed{border-color:#34c759}.status-card--completed .status-card__value{color:#34c759}.status-card--done{border-color:#34c759}.status-card--done .status-card__value{color:#34c759}.status-card--pending{border-color:#ff9500}.status-card--pending .status-card__value{color:#ff9500}.status-card--processing{border-color:#007aff}.status-card--processing .status-card__value{color:#007aff}.status-card--failed{border-color:#ff3b30}.status-card--failed .status-card__value{color:#ff3b30}.status-card--error{border-color:#ff3b30}.status-card--error .status-card__value{color:#ff3b30}.status-card--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.status-card--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-card--clickable:active{transform:translateY(0)}.document-processing-page__info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.info-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.info-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.info-card__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.document-processing-page .stat-card{padding:var(--spacing-sm) var(--spacing-md)}.document-processing-page .stat-card__value{font-size:var(--font-size-xl)}.document-processing-page .stat-card__title{font-size:var(--font-size-xs)}.document-processing-page .stat-card__subtitle{font-size:10px}.storage-page{max-width:1400px}.storage-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.storage-page__section{margin-bottom:var(--spacing-2xl)}.storage-page__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.storage-page__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}.storage-page__loading,.storage-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.storage-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.storage-page__tier-distribution{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.tier-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tier-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.tier-card__count{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tier-card--free_trial{border-color:#8e8e93}.tier-card--free_trial .tier-card__count{color:#8e8e93}.tier-card--standard{border-color:#007aff}.tier-card--standard .tier-card__count{color:#007aff}.tier-card--premium{border-color:#af52de}.tier-card--premium .tier-card__count{color:#af52de}.tier-card--vip{border-color:#ff9500}.tier-card--vip .tier-card__count{color:#ff9500}.tier-card--admin{border-color:#ff3b30}.tier-card--admin .tier-card__count{color:#ff3b30}.storage-page__info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.info-card--warning{border-color:var(--color-warning);background-color:#ff95000d}.info-card--danger{border-color:var(--color-error);background-color:#ff3b300d}.tier-management-page{max-width:1400px}.tier-management-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0}.tier-management-page__section{margin-bottom:var(--spacing-2xl)}.tier-management-page__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.tier-management-page__loading,.tier-management-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.tier-management-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.tier-management-page__empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);background-color:var(--color-background-secondary);border-radius:var(--radius-md)}.tier-definition-table{width:100%;border-collapse:collapse;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tier-definition-table th,.tier-definition-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.tier-definition-table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background-color:var(--color-background-secondary);text-transform:uppercase;letter-spacing:.5px}.tier-definition-table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.tier-definition-table tr:last-child td{border-bottom:none}.tier-definition-table tr:hover td{background-color:var(--color-background-hover)}.tier-definition-table__name{display:flex;align-items:center;gap:var(--spacing-sm)}.tier-definition-table__color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tier-definition-table__color--free_trial{background-color:#8e8e93}.tier-definition-table__color--standard{background-color:#007aff}.tier-definition-table__color--premium{background-color:#af52de}.tier-definition-table__color--vip{background-color:#ff9500}.tier-definition-table__color--admin{background-color:#ff3b30}.tier-definition-table__quota{font-weight:var(--font-weight-medium)}.tier-definition-table__unlimited{color:var(--color-success);font-weight:var(--font-weight-medium)}.tier-edit-input{display:flex;align-items:center;gap:var(--spacing-xs)}.tier-edit-input__field{width:80px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary)}.tier-edit-input__field:focus{outline:none;box-shadow:0 0 0 2px #007aff33}.tier-edit-input__unit{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tier-action-disabled{color:var(--color-text-tertiary)}.tier-action-buttons{display:flex;gap:var(--spacing-xs)}.tier-action-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.tier-action-button--edit{color:var(--color-primary);background-color:#007aff1a}.tier-action-button--edit:hover{background-color:#007aff33}.tier-action-button--save{color:#fff;background-color:var(--color-primary)}.tier-action-button--save:hover{background-color:#0062cc}.tier-action-button--save:disabled{opacity:.6;cursor:not-allowed}.tier-action-button--cancel{color:var(--color-text-secondary);background-color:var(--color-background-secondary)}.tier-action-button--cancel:hover{background-color:var(--color-background-hover)}.tier-action-button--cancel:disabled{opacity:.6;cursor:not-allowed}.tier-management-page__info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.info-card--standard{border-left:3px solid #007aff}.info-card--premium{border-left:3px solid #af52de}.info-card--vip{border-left:3px solid #ff9500}.info-card--admin{border-left:3px solid #ff3b30}:root{--chart-color-cpu: #007AFF;--chart-color-memory: #34C759;--chart-color-disk: #FF9500;--chart-color-disk-data: #AF52DE}.resource-gauge{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-xs);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:140px}.resource-gauge__chart{position:relative;width:40px;height:40px;flex-shrink:0}.resource-gauge__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.resource-gauge__value{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.resource-gauge__info{display:flex;flex-direction:column;gap:1px}.resource-gauge__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.resource-gauge__detail{font-size:10px;color:var(--color-text-tertiary)}.resource-gauge__used{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.resource-gauge__total{color:var(--color-text-tertiary)}.metrics-line-chart{width:100%;min-height:200px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}.metrics-line-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.metrics-tooltip{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:var(--shadow-md)}.metrics-tooltip__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 4px;font-weight:var(--font-weight-medium)}.metrics-tooltip__item{font-size:var(--font-size-xs);margin:0;font-weight:var(--font-weight-semibold)}.resource-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.server-resources{margin-bottom:var(--spacing-xs)}.server-resources__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.server-resources__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.server-resources__subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.server-resources__content{display:flex;gap:var(--spacing-sm);align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.server-resources__gauges{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.server-resources__chart{flex:1;min-width:0;display:flex;flex-direction:column}.server-resources__chart .metrics-line-chart{flex:1;display:flex;flex-direction:column}.server-resources__chart .metrics-line-chart>div{flex:1}.server-resources__time-range{display:flex;gap:2px;margin-left:auto}.server-resources__time-btn{padding:2px 6px;font-size:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.server-resources__time-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.server-resources__time-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.server-resources__loading{display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.system-health-page{max-width:100%;height:100%;overflow:hidden}.system-health-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.system-health-page__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.system-health-page__actions{display:flex;align-items:center;gap:var(--spacing-md)}.system-health-page__refresh-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.system-health-page__section{margin-bottom:var(--spacing-xs)}.system-health-page__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.system-health-page__tier-header{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:2px}.system-health-page__tier-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.system-health-page__main-layout{display:flex;gap:var(--spacing-md);height:calc(100vh - 160px);overflow:hidden}.system-health-page__main-column{flex:1;min-width:0;overflow-y:auto}.system-health-page__side-column{width:280px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.system-health-page__loading,.system-health-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.system-health-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.system-health-page__summary{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border)}.system-health-page__summary--healthy{border-color:var(--color-success);background-color:#34c7591a}.system-health-page__summary--warning{border-color:var(--color-warning);background-color:#ff95001a}.system-health-page__summary-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.system-health-page__summary--healthy .system-health-page__summary-icon{background-color:var(--color-success);color:#fff}.system-health-page__summary--warning .system-health-page__summary-icon{background-color:var(--color-warning);color:#fff}.system-health-page__summary-text{display:flex;flex-direction:column;gap:1px}.system-health-page__summary-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.system-health-page__summary-subtitle{font-size:10px;color:var(--color-text-secondary)}.system-health-page__health-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.health-card{width:150px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px var(--spacing-xs);transition:all var(--transition-fast)}.health-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.health-card--unhealthy{border-color:var(--color-error);background-color:#ff3b300d}.health-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.health-card__service{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.health-card__status{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:var(--font-weight-semibold);padding:1px 6px;border-radius:var(--radius-sm)}.health-card__status--healthy{color:var(--color-success);background-color:#34c7591a}.health-card__status--unhealthy{color:var(--color-error);background-color:#ff3b301a}.health-card__indicator{width:5px;height:5px;border-radius:50%}.health-card__indicator--healthy{background-color:var(--color-success)}.health-card__indicator--unhealthy{background-color:var(--color-error)}.health-card__description{display:none}.health-card__details{display:flex;flex-direction:column;gap:1px;padding-top:3px;border-top:1px solid var(--color-border);margin-top:3px}.health-card__detail-row{display:flex;justify-content:space-between;align-items:center;font-size:10px}.health-card__detail-row--muted{opacity:.6;font-size:9px}.health-card__detail-label{color:var(--color-text-tertiary)}.health-card__detail-value{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.health-card__latency{font-weight:var(--font-weight-semibold);font-family:monospace;font-size:10px}.health-card__latency--fast{color:var(--color-success)}.health-card__latency--normal{color:var(--color-text-primary)}.health-card__latency--slow{color:var(--color-warning)}.health-card__error{display:flex;align-items:flex-start;gap:4px;margin-top:var(--spacing-xs);padding:4px 6px;background-color:#ff3b301a;border-radius:var(--radius-sm);font-size:10px;color:var(--color-error)}.health-card__error-icon{display:flex;align-items:center;justify-content:center;width:12px;height:12px;background-color:var(--color-error);color:#fff;border-radius:50%;font-weight:var(--font-weight-bold);font-size:9px;flex-shrink:0}.health-card__error-text{line-height:1.3;word-break:break-word}.system-health-page__workflow-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.workflow-card{min-width:100px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--spacing-xs);transition:all var(--transition-fast)}.workflow-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-hover)}.workflow-card--inactive{border-color:var(--color-warning);background-color:#ff95000d}.workflow-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.workflow-card__name{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card__status{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:var(--font-weight-semibold);padding:1px 4px;border-radius:var(--radius-xs);flex-shrink:0}.workflow-card__status--active{color:var(--color-success);background-color:#34c7591a}.workflow-card__status--inactive{color:var(--color-warning);background-color:#ff95001a}.workflow-card__indicator{width:4px;height:4px;border-radius:50%}.workflow-card__indicator--active{background-color:var(--color-success)}.workflow-card__indicator--inactive{background-color:var(--color-warning)}.workflow-card__footer{display:none}.workflow-card__updated{font-size:8px;color:var(--color-text-tertiary)}.system-health-page__info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.info-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.info-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.health-card__port{font-size:10px;font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);font-family:monospace;margin-left:2px}.ports-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs)}.ports-section__header{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:4px}.ports-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ports-section__subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ports-section__loading{padding:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.ports-section__grid{display:flex;flex-direction:column;gap:3px}.ports-section__item{display:flex;align-items:center;gap:6px;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;background-color:var(--color-surface);border:1px solid var(--color-border)}.ports-section__item--listening{border-color:#34c7594d}.ports-section__item--closed{border-color:#ff3b304d;background-color:#ff3b300d}.ports-section__indicator{width:5px;height:5px;border-radius:50%;flex-shrink:0}.ports-section__indicator--listening{background-color:var(--color-success)}.ports-section__indicator--closed{background-color:var(--color-error)}.ports-section__item-port{font-family:monospace;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:40px}.ports-section__item-service{color:var(--color-text-secondary);min-width:80px}.ports-section__item-desc{color:var(--color-text-tertiary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-history-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);margin-top:var(--spacing-xs);flex:1;display:flex;flex-direction:column;min-height:0}.health-history-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.health-history-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.health-history-section__filters{display:flex;gap:2px}.health-history-section__filter-btn{padding:2px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:transparent;font-size:10px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.health-history-section__filter-btn:hover{background-color:var(--color-surface)}.health-history-section__filter-btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.health-history-section__clear-btn{margin-left:auto;padding:2px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:transparent;font-size:10px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.health-history-section__clear-btn:hover:not(:disabled){background-color:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.health-history-section__clear-btn:disabled{opacity:.5;cursor:not-allowed}.health-history-section__loading{padding:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.health-history-section__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-sm);color:var(--color-text-tertiary)}.health-history-section__empty-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#34c7591a;color:var(--color-success);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.health-history-section__empty-text{font-size:var(--font-size-xs);text-align:center}.health-history-section__list{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;min-height:0}.health-history-section__item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background-color:var(--color-surface);border:1px solid var(--color-border)}.health-history-section__item--down{border-color:#ff3b304d;background-color:#ff3b300d}.health-history-section__item--recovered{border-color:#34c7594d;background-color:#34c7590d}.health-history-section__event-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:1px}.health-history-section__event-icon--down{background-color:var(--color-error);color:#fff}.health-history-section__event-icon--recovered{background-color:var(--color-success);color:#fff}.health-history-section__item-content{flex:1;min-width:0}.health-history-section__item-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.health-history-section__item-service{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.health-history-section__item-port{font-size:10px;font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);font-family:monospace;margin-left:2px}.health-history-section__item-event{font-size:9px;font-weight:var(--font-weight-semibold);padding:1px 6px;border-radius:var(--radius-xs)}.health-history-section__item-event--down{background-color:#ff3b3026;color:var(--color-error)}.health-history-section__item-event--recovered{background-color:#34c75926;color:var(--color-success)}.health-history-section__item-details{display:flex;align-items:center;gap:8px;margin-top:2px}.health-history-section__item-time{font-size:9px;color:var(--color-text-tertiary)}.health-history-section__item-error{font-size:9px;color:var(--color-error);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.realtime-metrics-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px var(--spacing-xs);margin-bottom:var(--spacing-xs)}.realtime-metrics-section__header{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:2px}.realtime-metrics-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.realtime-metrics-section__subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.realtime-metrics-section__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.realtime-metrics-section__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 4px}.realtime-metrics-section__card-title{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:2px}.realtime-metrics-section__card-content{display:flex;flex-direction:column;gap:1px}.realtime-metrics-section__stat-row{display:flex;justify-content:space-between;align-items:center}.realtime-metrics-section__stat-label{font-size:10px;color:var(--color-text-tertiary)}.realtime-metrics-section__stat-value{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:monospace}.realtime-metrics-section__stat-value--large{font-size:14px;font-weight:var(--font-weight-bold)}.realtime-metrics-section__stat-value--success{color:var(--color-success)}.realtime-metrics-section__stat-value--warning{color:var(--color-warning)}.realtime-metrics-section__stat-value--error{color:var(--color-error)}.realtime-metrics-section__load-bar-container{margin-top:2px}.realtime-metrics-section__load-bar{height:6px;background-color:var(--color-border);border-radius:3px;overflow:hidden}.realtime-metrics-section__load-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.realtime-metrics-section__load-bar-labels{display:flex;justify-content:space-between;margin-top:2px}.realtime-metrics-section__load-bar-label{font-size:9px;color:var(--color-text-tertiary)}.realtime-metrics-section__loading{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-xs)}@media(max-width:900px){.realtime-metrics-section__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.realtime-metrics-section__grid{grid-template-columns:1fr}}.server-resources__unavailable{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);flex:1;width:100%;min-height:200px}.realtime-metrics-section__card-unavailable{display:flex;align-items:center;justify-content:center;height:100%;min-height:60px;color:var(--color-text-tertiary);font-size:var(--font-size-lg)}.system-health-page__workflow-unavailable{display:flex;align-items:center;justify-content:center;width:100%;min-height:26px;padding:var(--spacing-xs) var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-xs);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.file-validation-page{padding:24px;max-width:1200px}.file-validation-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.file-validation-page__header-left{flex:1}.file-validation-page__title{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.file-validation-page__subtitle{font-size:13px;color:var(--color-text-secondary);margin:0}.file-validation-page__loading,.file-validation-page__error{padding:48px;text-align:center;color:var(--color-text-secondary)}.file-validation-page__error p{margin:0 0 16px}.file-validation-page__alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.file-validation-page__alert--error{background-color:var(--color-error-subtle, rgba(220, 38, 38, .1));color:var(--color-error, #dc2626);border:1px solid var(--color-error-border, rgba(220, 38, 38, .2))}.file-validation-page__alert--success{background-color:var(--color-success-subtle, rgba(34, 197, 94, .1));color:var(--color-success, #16a34a);border:1px solid var(--color-success-border, rgba(34, 197, 94, .2))}.file-validation-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.setting-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:16px;transition:opacity .2s}.setting-card--disabled{opacity:.6}.setting-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.setting-card__info{flex:1}.setting-card__title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.setting-card__description{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.4}.setting-card__content{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.setting-card__field{margin-bottom:12px}.setting-card__field:last-child{margin-bottom:0}.setting-card__field--inline{display:flex;align-items:center;gap:12px}.setting-card__label{font-size:12px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px;display:block}.setting-card__field--inline .setting-card__label{margin-bottom:0;white-space:nowrap}.setting-card__input-group{display:flex;align-items:center;gap:8px}.setting-card__input{width:80px;padding:6px 10px;font-size:13px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-primary);color:var(--color-text-primary);text-align:right}.setting-card__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle, rgba(59, 130, 246, .2))}.setting-card__input-suffix{font-size:12px;color:var(--color-text-secondary)}.setting-card__value-area{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.setting-card__extensions{display:flex;flex-wrap:wrap;gap:6px;flex:1}.setting-card__extension-badge{display:inline-block;padding:2px 8px;font-size:11px;font-family:SF Mono,Monaco,Courier New,monospace;background-color:var(--color-bg-tertiary, rgba(0, 0, 0, .05));color:var(--color-text-secondary);border-radius:4px}.setting-card__extension-more{display:inline-block;padding:2px 8px;font-size:11px;color:var(--color-text-tertiary)}.setting-card__edit-area{display:flex;flex-direction:column;gap:8px}.setting-card__textarea{width:100%;padding:10px 12px;font-size:12px;font-family:SF Mono,Monaco,Courier New,monospace;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-primary);color:var(--color-text-primary);resize:vertical;line-height:1.5}.setting-card__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle, rgba(59, 130, 246, .2))}.setting-card__edit-actions{display:flex;gap:8px;justify-content:flex-end}.setting-card__warning{padding:10px 12px;font-size:12px;color:var(--color-warning, #d97706);background-color:var(--color-warning-subtle, rgba(217, 119, 6, .1));border:1px solid var(--color-warning-border, rgba(217, 119, 6, .2));border-radius:6px;line-height:1.4}.toggle-switch{position:relative;width:44px;height:24px;padding:0;border:none;background:none;cursor:pointer;flex-shrink:0}.toggle-switch--disabled{cursor:not-allowed;opacity:.5}.toggle-switch__track{display:block;width:100%;height:100%;background-color:var(--color-bg-tertiary, rgba(0, 0, 0, .1));border-radius:12px;transition:background-color .2s}.toggle-switch--enabled .toggle-switch__track{background-color:var(--color-primary, #3b82f6)}.toggle-switch__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle-switch--enabled .toggle-switch__thumb{transform:translate(20px)}.yuri-status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background-color:var(--color-bg-tertiary, rgba(0, 0, 0, .05));border-radius:12px;flex-shrink:0}.yuri-status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-tertiary)}.yuri-status-dot.online{background-color:var(--color-success, #22c55e);box-shadow:0 0 4px var(--color-success, #22c55e)}.yuri-status-dot.offline{background-color:var(--color-error, #ef4444)}.yuri-status-text{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.yuri-status-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--color-text-secondary)}.yuri-status-info--online{color:var(--color-text-secondary)}.yuri-status-info--offline{color:var(--color-warning, #d97706)}.yuri-metric{display:flex;align-items:center;gap:6px}.yuri-metric.warning .yuri-metric-value{color:var(--color-warning, #d97706)}.yuri-metric-label{font-size:11px;color:var(--color-text-tertiary)}.yuri-metric-value{font-size:12px;font-weight:500;color:var(--color-text-primary)}.yuri-warning{font-size:12px}@media(max-width:768px){.file-validation-page{padding:16px}.file-validation-page__header{flex-direction:column;align-items:stretch}.file-validation-page__grid{grid-template-columns:1fr}.setting-card__field--inline{flex-direction:column;align-items:flex-start}}.ai-usage-page{max-width:1400px}.ai-usage-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ai-usage-page__section{margin-bottom:var(--spacing-md)}.ai-usage-page__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.ai-usage-page__stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.ai-usage-page__loading,.ai-usage-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.ai-usage-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.ai-usage-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.ai-usage-page__header-right{display:flex;align-items:center;gap:var(--spacing-md)}.ai-usage-page__period-selector{display:flex;gap:2px;background:var(--color-background);padding:2px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.ai-usage-page__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.ai-usage-page__refresh-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ai-usage-page__period-btn{padding:4px 10px;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.ai-usage-page__period-btn:hover{color:var(--color-text-primary);background:var(--color-border)}.ai-usage-page__period-btn--active,.ai-usage-page__period-btn--active:hover{background:var(--color-primary);color:#fff}.ai-usage-page__combined-stats{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.ai-usage-page__mini-stat{display:flex;flex-direction:column;align-items:center;min-width:70px}.ai-usage-page__mini-stat--source{min-width:80px}.ai-usage-page__mini-stat-label{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-bottom:1px}.ai-usage-page__mini-stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ai-usage-page__mini-stat-value--cost{color:var(--color-success)}.ai-usage-page__mini-stat-value--rag{color:#007aff}.ai-usage-page__mini-stat-value--n8n{color:#34c759}.ai-usage-page__mini-stat-value--embed{color:#ff9500}.ai-usage-page__mini-stat-percent{font-size:9px;color:var(--color-text-tertiary)}.ai-usage-page__stat-divider{width:1px;height:30px;background:var(--color-border);margin:0 var(--spacing-xs)}.ai-usage-page__source-grid{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.ai-usage-page__source-grid--4col{display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.ai-usage-page__source-grid--4col{grid-template-columns:repeat(2,1fr)}}.source-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.source-card--chat{border-color:#af52de}.source-card--rag{border-color:#007aff}.source-card--n8n{border-color:#34c759}.source-card--embedding{border-color:#ff9500}.source-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:2px}.source-card__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.source-card--chat .source-card__value{color:#af52de}.source-card--rag .source-card__value{color:#007aff}.source-card--n8n .source-card__value{color:#34c759}.source-card--embedding .source-card__value{color:#ff9500}.source-card__percent{font-size:10px;color:var(--color-text-tertiary);margin-top:2px}.ai-usage-page__chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.ai-usage-page__chart-period{display:flex;gap:2px;background:var(--color-background);padding:2px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.ai-usage-page__chart-period-btn{padding:3px 8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.ai-usage-page__chart-period-btn:hover{color:var(--color-text-primary);background:var(--color-border)}.ai-usage-page__chart-period-btn--active,.ai-usage-page__chart-period-btn--active:hover{background:var(--color-primary);color:#fff}.ai-usage-page__line-chart-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.ai-usage-page__line-chart-container--compact{padding:var(--spacing-xs)}.ai-usage-page__charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:1000px){.ai-usage-page__charts-row{grid-template-columns:1fr}}.ai-usage-page__chart-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ai-usage-page__chart-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ai-usage-page__chart-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.ai-usage-page__chart-empty{display:flex;align-items:center;justify-content:center;height:150px;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.ai-usage-page__table-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.ai-usage-page__table{width:100%;border-collapse:collapse}.ai-usage-page__table th,.ai-usage-page__table td{padding:4px var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}.ai-usage-page__table th{background:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ai-usage-page__table td{font-size:var(--font-size-xs);color:var(--color-text-primary)}.ai-usage-page__table tr:last-child td{border-bottom:none}.ai-usage-page__table tr:hover td{background:var(--color-surface)}.ai-usage-page__table-rank{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ai-usage-page__table-tokens{font-family:var(--font-family-mono, monospace)}.ai-usage-page__table-cost{font-family:var(--font-family-mono, monospace);color:var(--color-success)}.ai-usage-page__table-empty{text-align:center;padding:var(--spacing-md);color:var(--color-text-tertiary)}.ai-usage-page__table-user{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-xs)}.ai-usage-page__user-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ai-usage-page__user-id{font-size:10px;font-family:var(--font-family-mono, monospace);color:var(--color-text-tertiary)}.ai-usage-page__tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:0 4px 12px #00000026}.ai-usage-page__tooltip-time{font-size:10px;color:var(--color-text-secondary);margin:0 0 2px}.ai-usage-page__tooltip-item{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:1px 0}.ai-usage-page__tooltip-item--chat{color:#8839b3}.ai-usage-page__tooltip-item--rag{color:#0055b3}.ai-usage-page__tooltip-item--summary{color:#1a8035}.ai-usage-page__tooltip-item--embed{color:#b36b00}.ai-usage-page__year-selector,.ai-usage-page__month-selector{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;outline:none}.ai-usage-page__year-selector:hover,.ai-usage-page__month-selector:hover{border-color:var(--color-primary)}.ai-usage-page__year-selector:focus,.ai-usage-page__month-selector:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #007aff33}.ai-usage-page__period-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary)}.ai-usage-page .stat-card{padding:var(--spacing-sm) var(--spacing-md)}.ai-usage-page .stat-card__value{font-size:var(--font-size-xl)}.ai-usage-page .stat-card__title{font-size:var(--font-size-xs)}.ai-usage-page .stat-card__subtitle{font-size:10px}.ai-usage-page__model-settings{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.ai-usage-page__model-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.ai-usage-page__model-row:last-of-type{border-bottom:none}.ai-usage-page__model-info{display:flex;flex-direction:column;gap:2px}.ai-usage-page__model-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ai-usage-page__model-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ai-usage-page__model-select{min-width:160px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;outline:none;transition:all .15s ease}.ai-usage-page__model-select:hover:not(:disabled){border-color:var(--color-primary)}.ai-usage-page__model-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #007aff33}.ai-usage-page__model-select:disabled{opacity:.6;cursor:not-allowed}.ai-usage-page__model-selects{display:flex;gap:var(--spacing-sm);align-items:center}.ai-usage-page__parser-select{min-width:140px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .15s ease}.ai-usage-page__parser-select:hover:not(:disabled){border-color:var(--color-primary)}.ai-usage-page__parser-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #007aff33}.ai-usage-page__parser-select:disabled{opacity:.6;cursor:not-allowed}.ai-usage-page__no-model{min-width:160px;padding:6px 12px;font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.ai-usage-page__model-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.ai-usage-page__model-saving{font-size:var(--font-size-xs);color:var(--color-primary);font-style:italic}.ai-usage-page__stats-grid--4col{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.ai-usage-page__stats-grid--4col{grid-template-columns:repeat(2,1fr)}}.source-card__credits{font-size:10px;color:var(--color-text-tertiary);margin-top:1px}.ai-usage-page__ai-cost-summary{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ai-usage-page__ai-cost-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ai-usage-page__ai-cost-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-success);font-family:var(--font-family-mono, monospace)}.ai-usage-page__ai-cost-krw{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.ai-usage-page__ocr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}@media(max-width:900px){.ai-usage-page__ocr-grid{grid-template-columns:repeat(2,1fr)}}.ocr-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.ocr-stat-card--pages{border-color:#5856d6}.ocr-stat-card--credits{border-color:#ff9500}.ocr-stat-card--cost{border-color:#34c759}.ocr-stat-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:2px}.ocr-stat-card__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ocr-stat-card--pages .ocr-stat-card__value{color:#5856d6}.ocr-stat-card--credits .ocr-stat-card__value{color:#ff9500}.ocr-stat-card--cost .ocr-stat-card__value{color:#34c759}.ocr-stat-card__sub{font-size:10px;color:var(--color-text-tertiary);margin-top:2px}.ai-usage-page__tables-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:1000px){.ai-usage-page__tables-row{grid-template-columns:1fr}}.ai-usage-page__table-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ai-usage-page__table-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0}.ai-usage-page__tooltip-item--ocr-done{color:#34c759}.ai-usage-page__tooltip-item--ocr-error{color:#ff3b30}.cost-hero{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:var(--radius-lg);padding:var(--spacing-lg);color:#fff}.cost-hero__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.cost-hero__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:#fff}.cost-hero__period{font-size:var(--font-size-sm);color:#ffffffb3;background:#ffffff1a;padding:4px 12px;border-radius:var(--radius-sm)}.cost-hero__total{text-align:center;margin-bottom:var(--spacing-lg)}.cost-hero__amount{display:block;font-size:48px;font-weight:var(--font-weight-bold);font-family:var(--font-family-mono, monospace);color:#4ade80;line-height:1.1}.cost-hero__krw{display:block;font-size:var(--font-size-base);color:#fff9;margin-top:4px}.cost-hero__breakdown{margin-bottom:var(--spacing-md)}.cost-bar{display:flex;height:24px;border-radius:var(--radius-md);overflow:hidden;background:#ffffff1a}.cost-bar__ai{background:linear-gradient(90deg,#3b82f6,#8b5cf6);min-width:2px;transition:width .3s ease}.cost-bar__ocr{background:linear-gradient(90deg,#f59e0b,#ef4444);min-width:2px;transition:width .3s ease}.cost-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.cost-legend__item{display:flex;align-items:center;gap:6px}.cost-legend__dot{width:12px;height:12px;border-radius:3px}.cost-legend__item--ai .cost-legend__dot{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.cost-legend__item--ocr .cost-legend__dot{background:linear-gradient(90deg,#f59e0b,#ef4444)}.cost-legend__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#ffffffe6}.cost-legend__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono, monospace);color:#4ade80}.cost-legend__percent{font-size:var(--font-size-xs);color:#ffffff80}.cost-hero__meta{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.cost-hero__meta-item{display:flex;align-items:center;gap:4px}.cost-hero__meta-label{font-size:11px;color:#ffffff80}.cost-hero__meta-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;font-family:var(--font-family-mono, monospace)}.cost-hero__meta-divider{color:#fff3;font-size:var(--font-size-xs)}.cost-details-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:900px){.cost-details-row{grid-template-columns:1fr}}.cost-detail{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.cost-detail--ai{border-left:4px solid #3b82f6}.cost-detail--ocr{border-left:4px solid #f59e0b}.cost-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.cost-detail__title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cost-detail__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-bold);color:#fff}.cost-detail__icon--ai{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.cost-detail__icon--ocr{background:linear-gradient(90deg,#f59e0b,#ef4444)}.cost-detail__total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono, monospace);color:var(--color-success)}.cost-detail__items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cost-item{padding:var(--spacing-xs) 0}.cost-item__row{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px}.cost-item__dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.cost-item__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.cost-item__cost{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono, monospace);color:var(--color-success)}.cost-item__bar{height:6px;background:var(--color-border-light);border-radius:3px;overflow:hidden;margin-bottom:4px}.cost-item__bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.cost-item__meta{display:flex;gap:var(--spacing-sm);font-size:10px;color:var(--color-text-tertiary);font-family:var(--font-family-mono, monospace)}.cost-detail__ocr-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.ocr-formula{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);font-family:var(--font-family-mono, monospace)}.ocr-formula__pages{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ocr-formula__x,.ocr-formula__eq{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.ocr-formula__rate{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ocr-formula__result{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-success)}.ocr-stats{display:flex;justify-content:space-around;gap:var(--spacing-sm)}.ocr-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ocr-stat__label{font-size:10px;color:var(--color-text-tertiary)}.ocr-stat__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-mono, monospace)}.ocr-status{display:flex;justify-content:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.ocr-status__item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ocr-status__dot{width:6px;height:6px;border-radius:50%}.ocr-status__dot--pending{background:#f59e0b}.ocr-status__dot--processing{background:#3b82f6}.ocr-status__dot--failed{background:#ef4444}.ai-usage-page__loading--compact{min-height:100px}.embed-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.embed-section__actions{display:flex;gap:var(--spacing-xs)}.embed-summary{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:center}.embed-summary__item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);min-width:72px}.embed-summary__item--done{border-color:#bbf7d0;background:#f0fdf4}.embed-summary__item--pending{border-color:#fde68a;background:#fffbeb}.embed-summary__item--failed{border-color:#fecaca;background:#fef2f2}.embed-summary__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.embed-summary__item--done .embed-summary__value{color:#16a34a}.embed-summary__item--pending .embed-summary__value{color:#d97706}.embed-summary__item--failed .embed-summary__value{color:#dc2626}.embed-summary__label{font-size:10px;color:var(--color-text-tertiary);margin-top:2px}.embed-summary__poll-indicator{font-size:11px;color:#3b82f6;margin-left:auto;animation:embed-pulse 1.5s ease-in-out infinite}@keyframes embed-pulse{0%,to{opacity:1}50%{opacity:.4}}.embed-alert{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.embed-alert--quota{background:#fef2f2;border:1px solid #fecaca}.embed-alert--success{background:#f0fdf4;border:1px solid #bbf7d0}.embed-alert__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.embed-alert__content{flex:1}.embed-alert__title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.embed-alert--quota .embed-alert__title{color:#991b1b}.embed-alert--success .embed-alert__title{color:#166534}.embed-alert__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 4px;line-height:1.4}.embed-alert__link{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#dc2626;text-decoration:underline}.embed-alert__link:hover{color:#991b1b}.embed-empty{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary)}.embed-empty__icon{font-size:var(--font-size-lg);color:var(--color-success)}.embed-empty__text{font-size:var(--font-size-sm)}.embed-table__filename{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-table__retry-count{font-family:var(--font-family-mono, monospace);text-align:center}.embed-table__time{font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.embed-error-badge{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono, monospace);background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.embed-error-badge--quota{background:#fef2f2;color:#dc2626;border-color:#fecaca}.embed-section__note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:var(--spacing-sm) 0 0 0;line-height:1.4}.ai-usage-page__reset-dropdown{position:relative;display:inline-block}.ai-usage-page__reset-menu{position:absolute;top:100%;right:0;z-index:100;min-width:180px;margin-top:4px;padding:4px 0;background:#fff;border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 8px);box-shadow:0 4px 16px #00000026}.ai-usage-page__reset-menu-item{display:block;width:100%;padding:8px 12px;text-align:left;font-size:var(--font-size-sm, 13px);color:var(--color-text-primary, #1a1a1a);background:#fff;border:none;cursor:pointer;transition:background .15s}.ai-usage-page__reset-menu-item:hover{background:#f5f5f5}.ai-usage-page__reset-menu-divider{height:1px;margin:4px 0;background:#e0e0e0}@media(prefers-color-scheme:dark){.ai-usage-page__reset-menu{background:#2a2a2a;border-color:#444}.ai-usage-page__reset-menu-item{background:#2a2a2a;color:#f0f0f0}.ai-usage-page__reset-menu-item:hover{background:#3a3a3a}.ai-usage-page__reset-menu-divider{background:#444}}.dark .ai-usage-page__reset-menu,[data-theme=dark] .ai-usage-page__reset-menu{background:#2a2a2a;border-color:#444}.dark .ai-usage-page__reset-menu-item,[data-theme=dark] .ai-usage-page__reset-menu-item{background:#2a2a2a;color:#f0f0f0}.dark .ai-usage-page__reset-menu-item:hover,[data-theme=dark] .ai-usage-page__reset-menu-item:hover{background:#3a3a3a}.dark .ai-usage-page__reset-menu-divider,[data-theme=dark] .ai-usage-page__reset-menu-divider{background:#444}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080}.modal-content{background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:0 8px 32px #00000040;max-height:90vh;overflow-y:auto}.reset-modal{width:420px;padding:var(--spacing-lg, 24px);background:#fff}.reset-modal__title{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:#1a1a1a;margin:0 0 var(--spacing-md, 16px) 0}.reset-modal__body{display:flex;flex-direction:column;gap:var(--spacing-md)}.reset-modal__desc{font-size:var(--font-size-sm, 14px);color:#555;margin:0}.reset-modal__current{padding:var(--spacing-sm, 12px);background:#f5f5f5;border-radius:var(--radius-md, 8px)}.reset-modal__current h4{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:#888;margin:0 0 var(--spacing-xs, 8px) 0;text-transform:uppercase}.reset-modal__stat{display:flex;justify-content:space-between;font-size:var(--font-size-sm, 14px);color:#333;padding:4px 0}.reset-modal__stat span:last-child{font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono, monospace)}.reset-modal__reason{display:flex;flex-direction:column;gap:4px}.reset-modal__reason label{font-size:var(--font-size-xs, 12px);color:#666}.reset-modal__reason input{padding:8px 12px;font-size:var(--font-size-sm, 14px);border:1px solid #d0d0d0;border-radius:var(--radius-md, 8px);background:#fff;color:#1a1a1a}.reset-modal__reason input:focus{outline:none;border-color:var(--color-primary)}.reset-modal__note{font-size:var(--font-size-xs, 12px);color:#888;margin:0}.reset-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.reset-history-modal{width:700px;max-width:90vw;background:#fff}.reset-history-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-bottom:1px solid #e0e0e0;background:#fff}.reset-history-modal__title{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:#1a1a1a;margin:0}.reset-history-modal__close{font-size:24px;color:#888;background:none;border:none;cursor:pointer;padding:0;line-height:1}.reset-history-modal__close:hover{color:#1a1a1a}.reset-history-modal__body{padding:var(--spacing-lg, 24px);background:#fff}.reset-history-modal__empty{text-align:center;color:#888;padding:var(--spacing-xl, 32px)}.reset-history-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, 14px);background:#fff}.reset-history-table th,.reset-history-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #e0e0e0;color:#333}.reset-history-table th{font-weight:var(--font-weight-semibold, 600);color:#666;background:#f5f5f5}.reset-detail-modal{width:600px;max-width:90vw;background:#fff}.reset-detail-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-bottom:1px solid #e0e0e0;background:#fff}.reset-detail-modal__title{font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);color:#1a1a1a;margin:0}.reset-detail-modal__close{font-size:24px;color:#888;background:none;border:none;cursor:pointer;padding:0;line-height:1}.reset-detail-modal__close:hover{color:#1a1a1a}.reset-detail-modal__body{padding:var(--spacing-lg, 24px);background:#fff}.reset-detail-modal__info{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm, 14px);color:#333;margin-bottom:var(--spacing-md, 16px)}.reset-detail-modal__section{margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px);border-top:1px solid #e0e0e0}.reset-detail-modal__section h4{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:#666;margin:0 0 var(--spacing-sm, 12px) 0}.reset-detail-modal__stats{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm, 14px);color:#333}.reset-detail-modal__stats>div{display:flex;justify-content:space-between}.reset-detail-modal__stats span:last-child{font-weight:var(--font-weight-semibold, 600);font-family:var(--font-family-mono, monospace)}.reset-detail-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs, 12px);margin-top:var(--spacing-sm, 12px);background:#fff}.reset-detail-table th,.reset-detail-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #e0e0e0;color:#333}.reset-detail-table th{font-weight:var(--font-weight-semibold, 600);color:#666;background:#f5f5f5}.users-page{max-width:1400px}.users-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.users-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.users-page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.users-page__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.users-page__search{flex:1;min-width:240px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.users-page__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0071e31a}.users-page__select{min-width:140px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.users-page__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0071e31a}.users-page__table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.users-table__head{background-color:var(--color-background-secondary)}.users-table__th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.users-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.users-table__th--sortable:hover{color:var(--color-primary);background-color:var(--color-background-hover)}.users-table__row{transition:background-color var(--transition-fast)}.users-table__row:hover{background-color:var(--color-background-hover)}.users-table__td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap}.sort-icon{margin-left:var(--spacing-xs);font-size:var(--font-size-xs)}.sort-icon--active{color:var(--color-primary);opacity:1}.users-page__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.users-page__pagination-button{min-width:32px;height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.users-page__pagination-button:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.users-page__pagination-button:disabled{opacity:.4;cursor:not-allowed}.users-page__pagination-button--active{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.users-page__pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-md)}.badge{display:inline-flex;align-items:center;padding:2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.badge--admin{color:#bf3000;background-color:#bf30001a}.badge--agent{color:#0071e3;background-color:#0071e31a}.users-page__loading,.users-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.users-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.users-page__empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary)}.tier-na{color:var(--color-text-tertiary)}.tier-badge{display:inline-flex;align-items:center;padding:1px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);background-color:var(--color-background-hover);color:var(--color-text-secondary)}.tier-badge--free_trial{background-color:#8e8e9333;color:var(--color-text-secondary)}.tier-badge--standard{background-color:#007aff26;color:#007aff}.tier-badge--premium{background-color:#af52de26;color:#af52de}.tier-badge--vip{background-color:#ff950026;color:#ff9500}.tier-select{appearance:none;padding:2px 20px 2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;background-color:var(--color-background);color:var(--color-text-primary);background-repeat:no-repeat;background-position:right 4px center;background-size:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%238e8e93' d='M6 8L2 4h8z'/%3E%3C/svg%3E");transition:all var(--transition-fast)}html[data-theme=dark] .tier-select{background-color:var(--color-background-secondary);border-color:var(--color-border)}.tier-select:hover{border-color:var(--color-primary)}.tier-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #007aff33}.tier-select:disabled{cursor:not-allowed;opacity:.5}.tier-select option{background-color:var(--color-background);color:var(--color-text-primary)}html[data-theme=dark] .tier-select option{background-color:#2c2c2e;color:#f5f5f7}.users-table__th--actions{width:80px;text-align:center}.users-table__td--actions{text-align:center}.delete-user-modal{padding:var(--spacing-md)}.delete-user-modal__warning{margin-bottom:var(--spacing-lg)}.delete-user-modal__text{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.delete-user-modal__caution{font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.delete-user-modal__list{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;padding-left:var(--spacing-lg);line-height:1.6}.delete-user-modal__list li{margin-bottom:var(--spacing-xs)}.delete-user-modal__loading{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.delete-user-modal__preview{margin-top:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.delete-user-modal__preview-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.delete-user-modal__preview-item:last-child{border-bottom:none}.delete-user-modal__preview-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.delete-user-modal__preview-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error)}.delete-user-modal__preview-detail{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm);background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}.delete-user-modal__preview-sublabel{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.delete-user-modal__folder-list{margin:var(--spacing-xs) 0 0 0;padding-left:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace;line-height:1.5}.delete-user-modal__folder-list li{word-break:break-all}.delete-user-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.tier-change-modal{padding:var(--spacing-md)}.tier-change-modal__text{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.tier-change-modal__change{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-background-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.tier-change-modal__arrow{font-size:var(--font-size-xl);color:var(--color-text-tertiary)}.tier-change-modal__change .tier-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.tier-change-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.users-page__danger-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.users-page__danger-toggle:hover{color:var(--color-text-secondary);border-color:var(--color-text-tertiary)}.users-page__danger-toggle--active{color:var(--color-error);background-color:#ff3b3014;border-color:var(--color-error)}.users-page__danger-toggle--active:hover{color:var(--color-error);background-color:#ff3b301f}.users-page__danger-toggle svg{flex-shrink:0}.users-table__delete-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.users-table__delete-icon:hover:not(:disabled){color:var(--color-error);background-color:#ff3b301a}.users-table__delete-icon:disabled{opacity:.3;cursor:not-allowed}.users-table__inline-confirm{display:inline-flex;align-items:center;gap:var(--spacing-xs);animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.users-table__inline-confirm-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-error)}.users-table__inline-confirm-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;font-size:11px;font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.users-table__inline-confirm-btn--yes{color:#fff;background-color:var(--color-error)}.users-table__inline-confirm-btn--yes:hover{background-color:#d9302a}.users-table__inline-confirm-btn--no{color:var(--color-text-secondary);background-color:var(--color-background-secondary)}.users-table__inline-confirm-btn--no:hover{background-color:var(--color-border)}.users-table__no-action{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.delete-user-modal__confirm-input{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background-secondary);border-radius:var(--radius-md)}.delete-user-modal__confirm-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.delete-user-modal__confirm-label strong{color:var(--color-error);font-weight:var(--font-weight-semibold)}.delete-user-modal__confirm-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.delete-user-modal__confirm-field:focus{outline:none;border-color:var(--color-error);box-shadow:0 0 0 2px #ff3b3026}.delete-user-modal__confirm-field::placeholder{color:var(--color-text-tertiary)}.delete-user-modal__schedule-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-warning);background-color:#ff95001a;border-radius:var(--radius-md)}.delete-user-modal__schedule-notice svg{flex-shrink:0;color:var(--color-warning)}.delete-user-modal__schedule-notice strong{font-weight:var(--font-weight-semibold)}.users-table__row--scheduled-deletion{background-color:#ff3b300a}.users-table__row--scheduled-deletion:hover{background-color:#ff3b3014}.users-table__deletion-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-error);background-color:#ff3b301a;border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.users-table__deletion-badge svg{width:12px;height:12px}.users-table__cancel-deletion{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background-color:#007aff1a;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.users-table__cancel-deletion:hover{background-color:#007aff33}.users-table__cancel-deletion:disabled{opacity:.5;cursor:not-allowed}.activity-timeline{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.activity-timeline__loading,.activity-timeline__error,.activity-timeline__empty{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:12px}.activity-timeline__summary{display:flex;gap:12px;padding:8px 12px;background:var(--color-background-secondary);border-radius:8px}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.summary-stat__value{font-size:16px;font-weight:600;color:var(--color-text-primary)}.summary-stat__label{font-size:10px;color:var(--color-text-tertiary)}.summary-stat--success .summary-stat__value{color:var(--color-success)}.summary-stat--failure .summary-stat__value{color:var(--color-error)}.activity-timeline__filters{display:flex;gap:8px}.activity-timeline__filter{flex:1;padding:6px 24px 6px 8px;font-size:11px;border:1px solid var(--color-border-primary);border-radius:6px;background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.activity-timeline__filter:hover{border-color:var(--color-border-secondary)}.activity-timeline__filter:focus{outline:none;border-color:var(--color-accent)}.activity-log-table{display:flex;flex-direction:column;font-size:11px;border:1px solid var(--color-border-primary);border-radius:6px;overflow:hidden;flex:1;min-height:0}.activity-log-table__header{display:flex;align-items:center;padding:6px 8px;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border-primary);font-weight:600;color:var(--color-text-secondary);font-size:10px;height:32px;flex-shrink:0}.activity-log-table__body{flex:1;min-height:0;overflow-y:auto}.activity-log-table__col--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.activity-log-table__col--sortable:hover{color:var(--color-accent)}.activity-log-table__row{display:flex;align-items:center;padding:6px 8px;border-bottom:1px solid var(--color-border-primary);transition:background .15s}.activity-log-table__row:hover{background:var(--color-background-secondary)}.activity-log-table__row:last-child{border-bottom:none}.activity-log-table__row--error{background:#ff3b3008}.activity-log-table__row--error:hover{background:#ff3b3014}.activity-log-table__col{flex-shrink:0}.activity-log-table__col--datetime{width:130px;color:var(--color-text-secondary);font-size:10px}.activity-log-table__col--category{width:50px;font-size:10px;font-weight:500}.activity-log-table__col--action{width:70px;font-weight:500;color:var(--color-text-primary)}.activity-log-table__col--target{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary);padding-right:8px}.activity-log-table__col--actor{width:70px;font-size:10px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-log-table__col--result{width:40px;text-align:center;font-size:10px;font-weight:500}.activity-log-table__category--auth{color:var(--color-success)}.activity-log-table__category--customer{color:var(--color-accent)}.activity-log-table__category--document{color:#ff9500}.activity-log-table__category--contract{color:#af52de}.activity-log-table__category--ai{color:#5ac8fa}.activity-log-table__category--file{color:var(--color-text-secondary)}.activity-log-table__result--success{color:var(--color-success)}.activity-log-table__result--error{color:var(--color-error)}.activity-log-table__bulk{margin-left:4px;font-size:9px;color:var(--color-text-tertiary);background:var(--color-background-secondary);padding:1px 3px;border-radius:3px}.activity-timeline__pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;background:var(--color-background-secondary);border-radius:0 0 6px 6px;flex-shrink:0}.pagination-btn{padding:2px 8px;font-size:10px;border:1px solid var(--color-border-primary);border-radius:4px;background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-accent);color:var(--color-accent)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:10px;color:var(--color-text-tertiary)}.pagination-total{font-size:10px;color:var(--color-text-tertiary);margin-left:4px}.pagination-size-select{padding:2px 18px 2px 6px;font-size:10px;border:1px solid var(--color-border-primary);border-radius:4px;background:var(--color-background-primary);color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}.pagination-size-select:hover{border-color:var(--color-accent)}.pagination-size-select:focus{outline:none;border-color:var(--color-accent)}.user-activity-page{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md);background:var(--color-background)}.user-activity-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.user-activity-page__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.user-activity-page__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.user-activity-page__refresh-info{font-size:11px;color:var(--color-text-tertiary)}.user-activity-page__filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.user-activity-page__search{flex:1;min-width:200px;max-width:300px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;background:var(--color-surface);color:var(--color-text-primary)}.user-activity-page__search:focus{outline:none;border-color:var(--color-primary)}.user-activity-page__select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.user-activity-page__sort-order{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-activity-page__sort-order:hover{background:var(--color-surface-hover)}.user-activity-page__content{display:flex;flex:1;gap:var(--spacing-md);overflow:hidden}.user-activity-page__main{flex:1;display:flex;flex-direction:column;overflow:hidden}.user-table-wrapper{flex:1;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.user-table{width:100%;border-collapse:collapse;font-size:12px}.user-table thead{position:sticky;top:0;z-index:1;background:var(--color-background)}.user-table__th{padding:8px;text-align:left;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.user-table__th--user{min-width:140px}.user-table__th--tier{width:60px}.user-table__th--credit{min-width:130px}.user-table__th--ai{min-width:180px}.user-table__th--ocr{min-width:100px}.user-table__th--storage{min-width:110px}.user-table__th--activity{width:70px}.user-table__row{cursor:pointer;transition:background .1s ease}.user-table__row:hover{background:#007aff0a}.user-table__row--selected{background:#007aff14}.user-table__row--exceeded{border-left:3px solid #FF9500}.user-table__row--has-errors,.user-table__row--exceeded.user-table__row--has-errors{border-left:3px solid var(--color-error)}.user-table__td{padding:6px 8px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.user-cell{display:flex;align-items:center;gap:6px}.user-cell__warning{color:#ff9500;font-size:12px;flex-shrink:0}.user-cell__info{display:flex;flex-direction:column;min-width:0}.user-cell__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cell__email{font-size:10px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cell__error{flex-shrink:0;padding:2px 6px;border-radius:8px;font-size:9px;font-weight:var(--font-weight-medium);background:#ffebee;color:var(--color-error);white-space:nowrap}.tier-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:var(--font-weight-medium);white-space:nowrap}.tier-badge--free_trial{background:#e8f5e9;color:#2e7d32}.tier-badge--standard{background:#e3f2fd;color:#1565c0}.tier-badge--premium{background:#fff3e0;color:#ef6c00}.tier-badge--vip{background:#f3e5f5;color:#7b1fa2}.tier-badge--admin{background:#fce4ec;color:#c2185b}.usage-cell{display:flex;align-items:center;gap:4px}.usage-bar-inline{width:40px;height:5px;background:var(--color-border-light);border-radius:3px;overflow:hidden;flex-shrink:0}.usage-bar-inline__fill{height:100%;border-radius:3px;transition:width .3s ease}.usage-bar-inline__fill--normal{background:var(--color-primary)}.usage-bar-inline__fill--warning{background:#ff9500}.usage-bar-inline__fill--danger{background:var(--color-error)}.usage-cell__text{font-weight:var(--font-weight-semibold);font-size:10px;min-width:28px}.usage-cell__text--normal{color:var(--color-text-primary)}.usage-cell__text--warning{color:#ff9500}.usage-cell__text--danger{color:var(--color-error)}.usage-cell__values{font-size:9px;color:var(--color-text-tertiary);font-family:var(--font-family-mono, monospace)}.usage-cell__cost{font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-success);font-family:var(--font-family-mono, monospace)}.usage-cell__empty{font-size:12px;color:var(--color-text-tertiary)}.usage-bar-inline--overflow{background:repeating-linear-gradient(45deg,var(--color-border-light),var(--color-border-light) 2px,transparent 2px,transparent 4px)}.usage-cell__overflow-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:2px;font-size:10px;font-weight:var(--font-weight-bold);color:#fff;background:var(--color-error);border-radius:50%}.ai-stack{display:flex;align-items:center;gap:6px}.ai-stack--compact{gap:4px}.ai-stack__bar{width:50px;height:6px;border-radius:3px;overflow:hidden;display:flex;flex-shrink:0;background:var(--color-border-light)}.ai-stack__segment{height:100%;min-width:2px}.ai-stack__label{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--color-text-secondary);white-space:nowrap}.ai-stack__dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.ai-stack__total{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-mono, monospace)}.ai-stack__cost{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-success);font-family:var(--font-family-mono, monospace)}.ai-stack__empty{color:var(--color-text-tertiary);font-size:11px}.ai-legend{display:flex;gap:8px;margin-top:4px}.ai-legend__item{display:flex;align-items:center;gap:3px}.ai-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ai-legend__dot--chat{background-color:#af52de}.ai-legend__dot--embed{background-color:#ff9500}.ai-legend__dot--rag{background-color:#007aff}.ai-legend__dot--summary{background-color:#34c759}.ai-legend__text{font-size:10px;font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.user-activity-page__pagination{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}.user-activity-page__limit-select{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;background:var(--color-surface);cursor:pointer}.user-activity-page__pagination-button{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:12px;cursor:pointer;transition:all .15s ease}.user-activity-page__pagination-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.user-activity-page__pagination-button:disabled{opacity:.5;cursor:not-allowed}.user-activity-page__pagination-button--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.user-activity-page__pagination-info{font-size:12px;color:var(--color-text-secondary);margin-left:auto}.user-activity-page__loading,.user-activity-page__error,.user-activity-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.user-activity-page__error p{margin:var(--spacing-xs) 0}.user-detail-panel{width:420px;min-width:380px;max-width:450px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.user-detail-panel__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.user-detail-panel__title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.user-detail-panel__close{width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:18px;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.user-detail-panel__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.user-detail-panel__tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-background)}.user-detail-panel__tab{flex:1;padding:10px 12px;border:none;background:transparent;font-size:12px;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.user-detail-panel__tab:hover{color:var(--color-text-primary);background:var(--color-surface)}.user-detail-panel__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface)}.user-detail-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.user-detail-panel__section{margin-bottom:var(--spacing-md)}.user-detail-panel__section-title{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.3px}.user-detail-panel__info-grid{display:grid;grid-template-columns:80px 1fr;gap:6px 12px;font-size:12px}.user-detail-panel__info-label{color:var(--color-text-tertiary)}.user-detail-panel__info-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.user-detail-panel__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-item{display:flex;flex-direction:column;padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-md);text-align:center}.stat-value{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-mono, monospace)}.stat-label{font-size:10px;color:var(--color-text-tertiary);margin-top:2px}.stat-item--primary .stat-value{color:var(--color-primary)}.stat-item--warning .stat-value{color:#ff9500}.stat-item--error .stat-value{color:var(--color-error)}.user-detail-panel__source-table{margin-top:var(--spacing-sm)}.source-detail-table{width:100%;font-size:11px;border-collapse:collapse}.source-detail-table th,.source-detail-table td{padding:6px 8px;border-bottom:1px solid var(--color-border-light)}.source-detail-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:left;background:var(--color-background)}.source-detail-table td{color:var(--color-text-primary)}.source-detail-table .text-right{text-align:right;font-family:var(--font-family-mono, monospace)}.source-detail-table tr:last-child td{border-bottom:none}.user-detail-panel__ai-sources{display:flex;flex-direction:column;gap:8px;margin-top:var(--spacing-sm)}.ai-source-row{display:flex;align-items:center;gap:12px}.ai-source-row__label{display:flex;align-items:center;gap:6px;min-width:70px}.ai-source-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ai-source-row__name{font-size:12px;color:var(--color-text-primary)}.ai-source-row__bar-container{flex:1;height:8px;background:var(--color-border-light);border-radius:4px;overflow:hidden}.ai-source-row__bar{height:100%;border-radius:4px;transition:width .3s ease}.ai-source-row__stats{display:flex;align-items:center;gap:8px;min-width:90px;justify-content:flex-end}.ai-source-row__percent{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:35px;text-align:right}.ai-source-row__tokens{font-size:11px;color:var(--color-text-tertiary);font-family:var(--font-family-mono, monospace);min-width:45px;text-align:right}.detail-usage-row{display:flex;flex-direction:column;gap:6px}.detail-usage-row__info{display:flex;justify-content:space-between;align-items:center}.detail-usage-row__values{font-size:13px;color:var(--color-text-primary)}.detail-usage-row__percent{font-size:14px;font-weight:var(--font-weight-bold)}.detail-usage-row__percent--normal{color:var(--color-primary)}.detail-usage-row__percent--warning{color:#ff9500}.detail-usage-row__percent--danger{color:var(--color-error)}.detail-usage-row__bar{height:10px;background:var(--color-border-light);border-radius:5px;overflow:hidden}.detail-usage-row__bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.detail-usage-row__bar-fill--normal{background:var(--color-primary)}.detail-usage-row__bar-fill--warning{background:#ff9500}.detail-usage-row__bar-fill--danger{background:var(--color-error)}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-timeline__item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--radius-md);font-size:11px}.activity-timeline__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;font-size:12px}.activity-timeline__content{flex:1}.activity-timeline__title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.activity-timeline__time{color:var(--color-text-tertiary);font-size:10px}.error-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.error-list__item{padding:var(--spacing-sm);background:#fff5f5;border-radius:var(--radius-md);border-left:3px solid var(--color-error)}.error-list__type{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:4px}.error-list__message{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px}.error-list__time{font-size:10px;color:var(--color-text-tertiary)}.document-table{width:100%;font-size:11px;border-collapse:collapse}.document-table th,.document-table td{padding:8px;text-align:left;border-bottom:1px solid var(--color-border-light)}.document-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-background)}.document-table__status{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px}.document-table__status--completed{background:#e8f5e9;color:#2e7d32}.document-table__status--processing{background:#fff3e0;color:#ef6c00}.document-table__status--failed{background:#ffebee;color:var(--color-error)}.document-table__pagination{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.document-table__pagination-button{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:11px;cursor:pointer}.document-table__pagination-button:disabled{opacity:.5;cursor:not-allowed}.document-table__pagination-info{font-size:10px;color:var(--color-text-tertiary);margin-left:var(--spacing-xs)}.credit-sheet{display:flex;flex-direction:column;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.credit-sheet__empty{color:var(--color-text-tertiary);font-size:12px;text-align:center;padding:var(--spacing-md)}.credit-sheet__header{display:grid;grid-template-columns:70px 1fr 70px 85px 55px;gap:4px;padding:8px 12px;background:var(--color-surface);border-bottom:2px solid var(--color-border);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase}.credit-sheet__group-header{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.credit-sheet__group-dot{width:8px;height:8px;border-radius:2px}.credit-sheet__group-dot--ai{background:linear-gradient(135deg,#af52de,#007aff)}.credit-sheet__group-dot--ocr{background:#34c759}.credit-sheet__row{display:grid;grid-template-columns:70px 1fr 70px 85px 55px;gap:4px;padding:6px 12px;border-bottom:1px solid var(--color-border-light);font-size:12px}.credit-sheet__row:hover{background:var(--color-surface)}.credit-sheet__subtotal{display:grid;grid-template-columns:70px 1fr 70px 85px 55px;gap:4px;padding:6px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:var(--font-weight-semibold)}.credit-sheet__subtotal .credit-sheet__col--name{color:var(--color-text-secondary);font-style:italic}.credit-sheet__subtotal .credit-sheet__col--credit{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.credit-sheet__total{display:grid;grid-template-columns:70px 1fr 70px 85px 55px;gap:4px;padding:10px 12px;background:linear-gradient(135deg,#1a1a2e,#16213e);font-size:13px;font-weight:var(--font-weight-bold)}.credit-sheet__total .credit-sheet__col--name{color:#fff}.credit-sheet__total .credit-sheet__col--credit{color:#4ade80;font-size:14px}.credit-sheet__total .credit-sheet__col--cost{color:#4ade80}.credit-sheet__col{display:flex;align-items:center}.credit-sheet__col--name{gap:6px;color:var(--color-text-primary)}.credit-sheet__col--usage{justify-content:flex-end;font-family:var(--font-family-mono, monospace);font-size:10px;color:var(--color-text-tertiary)}.credit-sheet__col--credit{justify-content:flex-end;font-family:var(--font-family-mono, monospace);color:var(--color-text-primary);white-space:nowrap}.credit-sheet__col--cost{justify-content:flex-end;font-family:var(--font-family-mono, monospace);color:var(--color-success);font-weight:var(--font-weight-semibold)}.credit-sheet__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.credit-sheet__dot--ocr{background:#34c759}.credit-sheet__col--bar{display:flex;align-items:center;gap:6px}.credit-sheet__bar{flex:1;height:8px;background:var(--color-border-light);border-radius:4px;overflow:hidden}.credit-sheet__bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.credit-sheet__bar-fill--ocr{background:#34c759}.credit-sheet__percent{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:32px;text-align:right}.credit-sheet__percent--bold{font-weight:var(--font-weight-bold)}.credit-sheet__total .credit-sheet__percent{color:#fff}.resize-handle{width:6px;cursor:col-resize;background:transparent;position:relative;flex-shrink:0;transition:background .15s ease}.resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;background:var(--color-border);border-radius:2px;opacity:.5;transition:opacity .15s ease,height .15s ease}.resize-handle:hover:before,.resize-handle--active:before{opacity:1;height:60px;background:var(--color-primary)}.resize-handle:hover,.resize-handle--active{background:#007aff0d}.confirm-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop, 1000);animation:confirmFadeIn .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{background-color:var(--color-background);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px;margin:var(--spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl, 24px);z-index:var(--z-modal, 1001);animation:confirmSlideUp .2s ease-out}.confirm-modal__icon{font-size:48px;margin-bottom:var(--spacing-md, 16px);line-height:1}.confirm-modal--warning .confirm-modal__icon{animation:confirmBounce .5s ease-out}.confirm-modal--danger .confirm-modal__icon{animation:confirmShake .5s ease-out}.confirm-modal__content{width:100%;margin-bottom:var(--spacing-lg, 20px)}.confirm-modal__title{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin:0 0 var(--spacing-sm, 8px) 0}.confirm-modal__message{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);line-height:1.6;white-space:pre-line}.confirm-modal__input-section{margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px);border-top:1px solid var(--color-border)}.confirm-modal__input-hint{font-size:var(--font-size-xs, 12px);color:var(--color-text-tertiary);margin:0 0 var(--spacing-sm, 8px) 0}.confirm-modal__input-hint strong{color:var(--color-danger, #dc3545);font-weight:var(--font-weight-semibold, 600)}.confirm-modal__input{width:100%;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border:2px solid var(--color-border);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);text-align:center;transition:border-color .2s ease}.confirm-modal__input:focus{outline:none;border-color:var(--color-primary)}.confirm-modal__input::placeholder{color:var(--color-text-tertiary)}.confirm-modal__actions{display:flex;gap:var(--spacing-sm, 8px);width:100%}.confirm-modal__actions>*{flex:1}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confirmBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes confirmShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.confirm-modal__row{margin-bottom:12px}.confirm-modal__row--last{margin-bottom:16px}.confirm-modal__label{color:var(--color-text-tertiary)}.confirm-modal__value--primary{color:var(--color-primary)}.confirm-modal__value--danger{color:var(--color-danger, #dc3545)}.confirm-modal__hint{font-size:12px}.confirm-modal__hint--warning{color:var(--color-warning, #f59e0b)}.confirm-modal__hint--danger{color:var(--color-danger, #dc3545)}.error-logs-page{max-width:1600px;height:calc(100vh - 180px);display:flex;flex-direction:column;overflow:hidden}.error-logs-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-shrink:0}.error-logs-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.error-logs-page__actions{display:flex;align-items:center;gap:var(--spacing-sm)}.error-logs-page__stats-filter{display:flex;align-items:center;gap:6px}.error-logs-page__stats-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.error-logs-page__retention-setting{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-surface-secondary, rgba(0, 0, 0, .03));border-radius:var(--radius-sm)}.error-logs-page__retention-icon{font-size:12px;color:var(--color-text-tertiary)}.error-logs-page__retention-text{font-size:10px;color:var(--color-text-tertiary)}.error-logs-page__retention-select{padding:2px 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;background-color:var(--color-background);color:var(--color-text-secondary);cursor:pointer}.error-logs-page__retention-select:focus{outline:none;border-color:var(--color-primary)}.error-logs-page__refresh-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.error-logs-page__new-badge{display:inline-flex;align-items:center;margin-left:var(--spacing-sm);padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-error);border-radius:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-logs-page__connection-status{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-surface-secondary)}.error-logs-page__connection-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary)}.error-logs-page__connection-status--connected{color:var(--color-success, #34c759)}.error-logs-page__connection-status--connected:before{background:var(--color-success, #34c759)}.error-logs-page__loading,.error-logs-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.error-logs-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.error-logs-page__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm);flex:1;display:flex;align-items:center;justify-content:center}.error-logs-page__stats-section{margin-bottom:var(--spacing-md);flex-shrink:0}.error-logs-page__stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.error-logs-page__stats-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.error-logs-page__period-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background-color:var(--color-background);color:var(--color-text-primary);cursor:pointer}.error-logs-page__period-select:focus{outline:none;border-color:var(--color-primary)}.error-logs-page__stats{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.error-logs-page__stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:80px;transition:all .15s ease}.error-logs-page__stat-card--clickable{cursor:pointer}.error-logs-page__stat-card--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.error-logs-page__stat-card--active{border-width:2px;box-shadow:0 2px 8px #0000001a}.error-logs-page__stat-card--active:not(.error-logs-page__stat-card--error):not(.error-logs-page__stat-card--warn):not(.error-logs-page__stat-card--info):not(.error-logs-page__stat-card--activity){border-color:var(--color-primary, #007aff);background:#007aff0d}.error-logs-page__stat-card--error.error-logs-page__stat-card--active{border-color:var(--color-error, #ff3b30);background:#ff3b301a}.error-logs-page__stat-card--warn.error-logs-page__stat-card--active{border-color:#ff9500;background:#ff95001a}.error-logs-page__stat-card--info.error-logs-page__stat-card--active{border-color:#007aff;background:#007aff1a}.error-logs-page__stat-card--activity.error-logs-page__stat-card--active{border-color:#34c759;background:#34c7591a}.error-logs-page__stat-card--critical{border-color:var(--color-error);background:#ff3b300d}.error-logs-page__stat-card--high{border-color:#ff9500;background:#ff95000d}.error-logs-page__stat-card--error{border-color:var(--color-error, #ff3b30);background:#ff3b300d}.error-logs-page__stat-card--warn{border-color:#ff9500;background:#ff95000d}.error-logs-page__stat-card--info{border-color:#007aff;background:#007aff0d}.error-logs-page__stat-card--activity{border-color:#34c759;background:#34c7590d}.error-logs-page__stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.error-logs-page__stat-card--critical .error-logs-page__stat-value{color:var(--color-error)}.error-logs-page__stat-card--high .error-logs-page__stat-value{color:#ff9500}.error-logs-page__stat-card--error .error-logs-page__stat-value{color:var(--color-error, #ff3b30)}.error-logs-page__stat-card--warn .error-logs-page__stat-value{color:#ff9500}.error-logs-page__stat-card--info .error-logs-page__stat-value{color:#007aff}.error-logs-page__stat-card--activity .error-logs-page__stat-value{color:#34c759}.error-logs-page__stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.error-logs-page__filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;flex-shrink:0}.error-logs-page__search{flex:1;min-width:200px;max-width:300px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background-color:var(--color-background);color:var(--color-text-primary)}.error-logs-page__search:focus{outline:none;border-color:var(--color-primary)}.error-logs-page__select{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background-color:var(--color-background);color:var(--color-text-primary);cursor:pointer}.error-logs-page__content{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.error-logs-page__table-container{flex:1;min-height:0;overflow:auto}.error-logs-page__table{width:100%;border-collapse:collapse;table-layout:fixed}.error-logs-page__table th,.error-logs-page__table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-logs-page__table th{position:sticky;top:0;background:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);z-index:1}.error-logs-page__table td{font-size:var(--font-size-xs);color:var(--color-text-primary)}.error-logs-page__th-check,.error-logs-page__cell-check{width:40px;text-align:center}.error-logs-page__th-time{width:140px}.error-logs-page__th-level{width:70px}.error-logs-page__th-source{width:90px}.error-logs-page__th-severity{width:80px}.error-logs-page__th-type{width:120px}.error-logs-page__th-message{width:auto}.error-logs-page__th-user{width:120px}.error-logs-page__row{cursor:pointer;transition:background-color .15s}.error-logs-page__row:hover{background-color:var(--color-surface)}.error-logs-page__row--selected{background-color:#007aff14}.error-logs-page__row--new{background-color:#34c75914;animation:newLogFade 3s ease-out}@keyframes newLogFade{0%{background-color:#34c75940}to{background-color:#34c75914}}.error-logs-page__cell-time{color:var(--color-text-secondary);font-size:10px}.error-logs-page__cell-message{max-width:400px}.error-logs-page__cell-user{color:var(--color-text-secondary);cursor:pointer}.source-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium)}.source-badge--frontend{background-color:#007aff1a;color:#007aff}.source-badge--backend{background-color:#af52de1a;color:#af52de}.severity-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold)}.severity-badge--critical{background-color:#ff3b3026;color:var(--color-error)}.severity-badge--high{background-color:#ff950026;color:#ff9500}.severity-badge--medium{background-color:#ffcc0026;color:#c90}.severity-badge--low{background-color:#8e8e9326;color:var(--color-text-secondary)}.level-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold)}.level-badge--error{background-color:#ff3b3026;color:var(--color-error, #ff3b30)}.level-badge--warn{background-color:#ff950026;color:#ff9500}.level-badge--info{background-color:#007aff26;color:#007aff}.level-badge--debug{background-color:#8e8e9326;color:var(--color-text-secondary, #8e8e93)}.level-badge--activity{background-color:#34c75926;color:#34c759}.error-logs-page__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-surface)}.error-logs-page__pagination-button{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:all .15s}.error-logs-page__pagination-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.error-logs-page__pagination-button:disabled{opacity:.5;cursor:not-allowed}.error-logs-page__pagination-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0 var(--spacing-sm)}.error-logs-page__limit-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background-color:var(--color-background);color:var(--color-text-primary);cursor:pointer;margin-right:var(--spacing-sm)}.error-logs-page__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.error-logs-page__modal{background:var(--color-background);border-radius:var(--radius-lg);width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.error-logs-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.error-logs-page__modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.error-logs-page__modal-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.error-logs-page__modal-copy{padding:6px 12px;border:1px solid var(--color-border);background:var(--color-background);font-size:var(--font-size-xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm)}.error-logs-page__modal-copy:hover{background:var(--color-surface);color:var(--color-text-primary)}.error-logs-page__modal-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.error-logs-page__modal-close:hover{background:var(--color-surface)}.error-logs-page__modal-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.error-logs-detail__section{margin-bottom:var(--spacing-lg)}.error-logs-detail__section:last-child{margin-bottom:0}.error-logs-detail__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.error-logs-detail__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.error-logs-detail__item{display:flex;flex-direction:column;gap:2px}.error-logs-detail__label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase}.error-logs-detail__value{font-size:var(--font-size-xs);color:var(--color-text-primary);word-break:break-word}.error-logs-detail__value--message{font-weight:var(--font-weight-medium);color:var(--color-error)}.error-logs-detail__value--small{font-size:10px;color:var(--color-text-secondary)}.error-logs-detail__stack{background:var(--color-surface);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-family-mono, monospace);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;margin:0;color:var(--color-text-secondary)}.error-logs-page__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.error-logs-page__th--sortable:hover{background:var(--color-surface-secondary, rgba(0, 0, 0, .05))}.sort-icon{display:inline-block;margin-left:4px;font-size:10px}.sort-icon--inactive{opacity:.3}.sort-icon--active{opacity:1;color:var(--color-primary)}.theme-toggle-container{display:flex;align-items:center;gap:8px}.theme-icon{display:flex;align-items:center;justify-content:center;transition:color .2s ease}.theme-toggle-container--light .theme-icon-sun{color:#ff9500}.theme-toggle-container--light .theme-icon-moon,.theme-toggle-container--dark .theme-icon-sun{color:var(--color-text-tertiary)}.theme-toggle-container--dark .theme-icon-moon{color:#5ac8fa}.theme-switch{position:relative;display:inline-block;width:44px;height:26px}.theme-switch-input{opacity:0;width:0;height:0}.theme-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#e9e9ea;transition:all .2s ease;border-radius:13px;box-shadow:inset 0 1px 3px #00000026}.theme-switch-slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;top:2px;background-color:#fff;transition:transform .2s ease,box-shadow .2s ease;border-radius:50%;box-shadow:0 2px 6px #0003,0 1px 3px #00000026}.theme-switch-input:checked+.theme-switch-slider{background-color:#34c759;box-shadow:inset 0 1px 3px #00000040,0 0 0 2px #34c75933}.theme-switch-input:checked+.theme-switch-slider:before{transform:translate(18px);box-shadow:0 3px 12px #00000059,0 1px 4px #0003}.theme-switch-slider:hover{transform:scale(1.02)}.theme-switch-input:focus+.theme-switch-slider{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .theme-switch-slider{background-color:#39393d}[data-theme=dark] .theme-switch-input:checked+.theme-switch-slider{background-color:#30d158}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background-secondary)}.app__header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--spacing-lg);background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.app__header-left{display:flex;align-items:center}.app__logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.app__header-right{display:flex;align-items:center;gap:var(--spacing-md)}.app__current-time{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;letter-spacing:.02em}.app__user-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.app__body{display:flex;flex:1;overflow:hidden}.app__sidebar{flex-shrink:0;min-width:180px;max-width:400px;background-color:var(--color-background);border-right:1px solid var(--color-border);padding:var(--spacing-lg) 0;overflow-y:auto}.app__resize-handle{flex-shrink:0;width:4px;cursor:ew-resize;background-color:transparent;transition:background-color .15s ease;position:relative}.app__resize-handle:before{content:"";position:absolute;inset:0 -3px}.app__resize-handle:hover,.app__resize-handle--active{background-color:var(--color-primary)}.app__nav{display:flex;flex-direction:column;gap:2px}.app__nav-group{display:flex;flex-direction:column}.app__nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.app__nav-item:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.app__nav-item--active{color:var(--color-primary);background-color:var(--color-primary-bg);font-weight:var(--font-weight-semibold)}.app__nav-item--child{padding-left:calc(var(--spacing-lg) + var(--spacing-md));font-size:var(--font-size-sm)}.app__nav-item-label{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.app__nav-item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background-color:var(--color-error, #dc2626);color:#fff;font-size:11px;font-weight:600;border-radius:9px;line-height:1}.app__nav-item-arrow{font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.app__nav-item-arrow--expanded{transform:rotate(90deg)}.app__nav-children{display:flex;flex-direction:column;gap:2px}.app__main{flex:1;padding:var(--spacing-xl);overflow-y:auto}.inquiries-page{max-width:1400px}.inquiries-page__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg)}.inquiries-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.inquiries-page__stats{display:flex;gap:var(--spacing-sm)}.stat-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.stat-badge--pending{background-color:#ff950026;color:#ff9500}.stat-badge--in-progress{background-color:#007aff26;color:#007aff}.stat-badge--resolved{background-color:#34c75926;color:#34c759}.stat-badge--closed{background-color:#8e8e9333;color:var(--color-text-secondary)}.inquiries-page__actions{display:flex;align-items:center;gap:var(--spacing-md)}.inquiries-page__delete-toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inquiries-page__delete-toggle:hover{color:var(--color-text-secondary);border-color:var(--color-text-tertiary)}.inquiries-page__delete-toggle--active{color:#ff3b30;border-color:#ff3b30;background-color:#ff3b301a}.inquiries-page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.inquiries-page__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.inquiries-page__search{flex:1;min-width:240px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.inquiries-page__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0071e31a}.inquiries-page__select{min-width:140px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.inquiries-page__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0071e31a}.inquiries-page__table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);overflow-x:auto}.inquiries-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.inquiries-table__head{background-color:var(--color-background-secondary)}.inquiries-table__th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.inquiries-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.inquiries-table__th--sortable:hover{background-color:var(--color-background-hover)}.inquiries-table__th--sortable>span:first-child{display:inline}.inquiries-table__th--sortable .inquiries-sort-indicator{display:inline-flex;vertical-align:middle;margin-left:4px}.inquiries-sort-indicator{font-size:10px;font-weight:var(--font-weight-semibold);margin-left:2px;color:var(--color-primary);opacity:.9}.inquiries-sort-indicator:not(.inquiries-sort-indicator--both){color:var(--color-primary);font-weight:var(--font-weight-bold);opacity:1}.inquiries-sort-indicator--both{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:.6;margin-left:2px;gap:2px;opacity:.5}.inquiries-sort-indicator--both .inquiries-sort-arrow{display:block;font-size:10px;line-height:.6;height:6px}.inquiries-table__th--sortable:hover .inquiries-sort-indicator{opacity:1}.inquiries-table__row{transition:background-color var(--transition-fast);cursor:pointer}.inquiries-table__row:hover{background-color:var(--color-background-hover)}.inquiries-table__td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap}.inquiries-table__td--title{max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-medium)}.inquiries-table__row--unread,.inquiries-table__row--unread .inquiries-table__td--title{font-weight:var(--font-weight-semibold)}.inquiries-table__unread-dot{display:inline-block;width:8px;height:8px;background-color:var(--color-primary, #007aff);border-radius:50%;margin-right:6px;vertical-align:middle}.inquiries-table__unread-dot--hidden{visibility:hidden}.status-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.status-badge--pending{background-color:#ff950026;color:#ff9500}.status-badge--in_progress{background-color:#007aff26;color:#007aff}.status-badge--resolved{background-color:#34c75926;color:#34c759}.status-badge--closed{background-color:#8e8e9333;color:var(--color-text-secondary)}.category-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.category-badge--bug{background-color:#ff3b3026;color:#ff3b30}.category-badge--feature{background-color:#007aff26;color:#007aff}.category-badge--question{background-color:#34c75926;color:#34c759}.category-badge--other{background-color:#8e8e9333;color:var(--color-text-secondary)}.user-info{display:flex;flex-direction:column;gap:2px}.user-info__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.user-info__email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.inquiries-page__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.inquiries-page__pagination-button{min-width:32px;height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inquiries-page__pagination-button:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.inquiries-page__pagination-button:disabled{opacity:.4;cursor:not-allowed}.inquiries-page__pagination-button--active{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.inquiries-page__pagination-ellipsis{color:var(--color-text-tertiary);margin:0 var(--spacing-xs)}.inquiries-page__pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-md)}.inquiries-page__loading,.inquiries-page__error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.inquiries-page__error{flex-direction:column;gap:var(--spacing-md);color:var(--color-error)}.inquiries-page__empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background)}.inquiries-table__th--action,.inquiries-table__td--action{width:50px;text-align:center}.inquiries-table__delete-btn{width:28px;height:28px;padding:0;font-size:14px;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inquiries-table__delete-btn:hover:not(:disabled){color:#ff3b30;background-color:#ff3b301a}.inquiries-table__delete-btn:disabled{opacity:.4;cursor:not-allowed}.inquiry-detail-page{padding:var(--spacing-lg)}.inquiry-detail-page__loading,.inquiry-detail-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--color-text-tertiary)}.inquiry-detail-page__header{margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.inquiry-detail-page__header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.inquiry-detail-page__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s ease}.inquiry-detail-page__back:hover{color:var(--color-primary)}.inquiry-detail-page__header-info{display:flex;align-items:center;gap:var(--spacing-md)}.inquiry-detail-page__date-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.inquiry-detail-page__header-main{display:flex;flex-direction:column;gap:var(--spacing-sm)}.inquiry-detail-page__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.inquiry-detail-page__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1}.inquiry-detail-page__meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.inquiry-detail-page__status-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.inquiry-detail-page__user-brief{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-buttons-inline{display:flex;gap:var(--spacing-xs)}.status-btn{padding:4px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s ease}.status-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.status-btn:disabled{opacity:.5;cursor:not-allowed}.status-btn--active{border-color:transparent!important;color:#fff!important}.status-btn--pending.status-btn--active{background:#d97706}.status-btn--in_progress.status-btn--active{background:#2563eb}.status-btn--resolved.status-btn--active{background:#16a34a}.status-badge,.category-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge--pending{background:#f59e0b26;color:#d97706}.status-badge--in_progress{background:#3b82f626;color:#2563eb}.status-badge--resolved{background:#22c55e26;color:#16a34a}.status-badge--closed{background:#6b728026;color:#6b7280}.category-badge--bug{background:#ef44441a;color:#dc2626}.category-badge--feature{background:#3b82f61a;color:#2563eb}.category-badge--question{background:#22c55e1a;color:#16a34a}.category-badge--other{background:#6b72801a;color:#6b7280}.inquiry-detail-page__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.messages-container{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 400px);min-height:300px;overflow-y:auto;padding:16px 12px;background:var(--color-background-tertiary);border-radius:var(--radius-md);max-width:800px;margin:0 auto;width:100%}.message-item{display:flex;align-items:flex-end;gap:8px;max-width:85%;border:none;background:transparent;padding:0}.message-item--user{align-self:flex-start;flex-direction:row}.message-item--admin{align-self:flex-end;flex-direction:row-reverse}.message-item__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:600}.message-item--admin .message-item__avatar{display:none}.message-item--user .message-item__avatar{background:var(--color-primary, #007aff);color:#fff}.message-item__bubble{display:flex;flex-direction:column;gap:4px}.message-item__author{font-size:11px;font-weight:600;color:#1a1a1a;padding-left:4px}[data-theme=dark] .message-item__author{color:#fff}.message-item--admin .message-item__author{display:none}.message-item__content{padding:10px 14px;border-radius:16px;font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-width:100%}.message-item--admin .message-item__content{background:#fee500;color:#1a1a1a;border-bottom-right-radius:4px}.message-item--user .message-item__content{background:#fff;color:#1a1a1a;border:1px solid var(--color-border);border-bottom-left-radius:4px}[data-theme=dark] .message-item--user .message-item__content{background:#3a3a3c;color:#fff;border-color:#48484a}.message-item__date{font-size:10px;color:var(--color-text-tertiary);white-space:nowrap;align-self:flex-end;padding-bottom:2px}.message-item__header{display:none}.message-item__attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-item__image{display:block;max-width:200px;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:none;padding:0;background:transparent;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.message-item__image img{display:block;max-width:100%;height:auto;object-fit:contain}.message-item__image:hover{opacity:.9;transform:scale(1.02)}.message-item__attachment{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-decoration:none;color:var(--color-text-secondary);transition:background .2s ease}.message-item__attachment:hover{background:var(--color-bg-tertiary)}.inquiry-reply-form{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:800px;margin:0 auto;width:100%}.inquiry-detail-page__reply-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:100px}.inquiry-detail-page__reply-input:focus{outline:none;border-color:var(--color-primary)}.inquiry-detail-page__reply-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.inquiry-detail-page__file-input{display:none}.inquiry-attach-btn{display:flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:6px;font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease}.inquiry-attach-btn:hover{background:var(--color-background-hover);border-color:var(--color-border-hover)}.inquiry-detail-page__files{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.inquiry-detail-page__file-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.inquiry-detail-page__file-item--image{position:relative;padding:0;background:transparent;border-radius:var(--radius-md);overflow:visible}.inquiry-detail-page__file-thumbnail{display:block;width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.inquiry-detail-page__file-item--image .inquiry-detail-page__file-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#0009;color:#fff;font-size:12px}.inquiry-detail-page__file-item--image .inquiry-detail-page__file-remove:hover{background:var(--color-error)}.inquiry-detail-page__file-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inquiry-detail-page__file-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--color-text-tertiary);font-size:14px;cursor:pointer;border-radius:50%;transition:background .15s ease,color .15s ease}.inquiry-detail-page__file-remove:hover{background:var(--color-error);color:#fff}.image-preview-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-preview-modal__toolbar{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10001;display:flex;align-items:center;gap:12px;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 16px;border-radius:24px;box-shadow:0 4px 20px #0000004d;animation:toolbarSlideIn .2s ease}@keyframes toolbarSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.image-preview-modal__toolbar button{width:36px;height:36px;border:none;background:#ffffff26;color:#fff;font-size:18px;font-weight:500;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.image-preview-modal__toolbar button:hover{background:#ffffff40;transform:scale(1.05)}.image-preview-modal__toolbar button:active{transform:scale(.95)}.image-preview-modal__toolbar button.reset-btn{width:auto;padding:0 16px;border-radius:18px;font-size:12px;font-weight:600}.image-preview-modal__toolbar button.close-btn{background:#ff3b30cc;margin-left:8px}.image-preview-modal__toolbar button.close-btn:hover{background:#ff3b30}.image-preview-modal__toolbar .zoom-level{color:#fff;font-size:13px;font-weight:600;min-width:52px;text-align:center;padding:0 4px}.image-preview-modal__toolbar .divider{width:1px;height:24px;background:#fff3}.image-preview-modal__content{position:relative;max-width:90vw;max-height:90vh;animation:scaleIn .15s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.image-preview-modal__content img{display:block;max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .1s ease}.image-preview-modal__hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10001;color:#ffffffb3;font-size:12px;white-space:nowrap;background:#00000080;padding:8px 16px;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-preview-modal__content--dragging img{cursor:grabbing!important}@media(max-width:600px){.inquiry-detail-page__header-top{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.inquiry-detail-page__title-row,.inquiry-detail-page__status-actions{flex-direction:column;align-items:flex-start}.status-buttons-inline{width:100%;justify-content:flex-start}.image-preview-modal__toolbar{top:12px;padding:6px 12px;gap:8px}.image-preview-modal__toolbar button{width:32px;height:32px;font-size:16px}.image-preview-modal__toolbar button.reset-btn{padding:0 12px;font-size:11px}.image-preview-modal__toolbar .zoom-level{font-size:12px;min-width:44px}.image-preview-modal__hint{bottom:16px;font-size:11px;padding:6px 12px}}.notices-page{padding:var(--spacing-lg)}.notices-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.notices-page__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.notices-page__actions{display:flex;align-items:center;gap:var(--spacing-md)}.notices-page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.notices-page__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.notices-page__search{flex:1;max-width:300px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.notices-page__search:focus{outline:none;border-color:var(--color-primary)}.notices-page__select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.notices-page__table-container{overflow-x:auto}.notices-page__table{width:100%;border-collapse:collapse;background:var(--color-background);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.notices-page__table th,.notices-page__table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.notices-page__table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary);text-transform:uppercase}.notices-page__table tbody tr:hover{background:var(--color-background-hover)}.notices-page__title-cell{font-weight:500;color:var(--color-text-primary)}.notices-page__category{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.notices-page__category--system{background:#ff3b301f;color:#ff3b30}.notices-page__category--product{background:#34c7591f;color:#34c759}.notices-page__category--policy{background:#ff95001f;color:#ff9500}.notices-page__category--event{background:#af52de1f;color:#af52de}.notices-page__toggle{padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast)}.notices-page__toggle--active{background:#ff3b30;color:#fff}.notices-page__toggle--published{background:#34c7591f;color:#34c759}.notices-page__toggle--unpublished{background:#8e8e931f;color:#8e8e93}.notices-page__toggle:not(.notices-page__toggle--active):not(.notices-page__toggle--published):not(.notices-page__toggle--unpublished){background:var(--color-background-secondary);color:var(--color-text-tertiary)}.notices-page__action-buttons{display:flex;gap:var(--spacing-xs)}.notices-page__action-btn{padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);border:none;cursor:pointer;transition:all var(--transition-fast)}.notices-page__action-btn--edit{background:var(--color-primary);color:#fff}.notices-page__action-btn--edit:hover{opacity:.8}.notices-page__action-btn--delete{background:#ff3b301f;color:#ff3b30}.notices-page__action-btn--delete:hover{background:#ff3b30;color:#fff}.notices-page__empty{text-align:center;padding:var(--spacing-2xl)!important;color:var(--color-text-tertiary)}.notices-page__loading,.notices-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--color-text-secondary)}.notices-page__pagination{display:flex;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.notices-page__page-btn{min-width:32px;height:32px;padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.notices-page__page-btn:hover:not(:disabled){background:var(--color-background-hover)}.notices-page__page-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notices-page__page-btn:disabled{opacity:.5;cursor:not-allowed}.notices-page__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.notices-page__form-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notices-page__form-row--inline{flex-direction:row;gap:var(--spacing-lg)}.notices-page__form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.notices-page__form-input,.notices-page__form-select,.notices-page__form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.notices-page__form-input:focus,.notices-page__form-select:focus,.notices-page__form-textarea:focus{outline:none;border-color:var(--color-primary)}.notices-page__form-textarea{resize:vertical;min-height:150px;font-family:inherit}.notices-page__form-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.notices-page__form-checkbox input{width:16px;height:16px}.notices-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.usage-guides-page{padding:var(--spacing-lg)}.usage-guides-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.usage-guides-page__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.usage-guides-page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.usage-guides-page__loading,.usage-guides-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--color-text-secondary)}.usage-guides-page__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.usage-guides-page__category{background:var(--color-background);border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;overflow:hidden}.usage-guides-page__category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast)}.usage-guides-page__category-header:hover{background:var(--color-background-hover)}.usage-guides-page__category-header.expanded{border-bottom:1px solid var(--color-border)}.usage-guides-page__category-info{display:flex;align-items:center;gap:var(--spacing-md)}.usage-guides-page__category-icon{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600}.usage-guides-page__category-icon--customer{background:#007aff1f;color:#007aff}.usage-guides-page__category-icon--document{background:#34c7591f;color:#34c759}.usage-guides-page__category-icon--contract{background:#ff95001f;color:#ff9500}.usage-guides-page__category-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.usage-guides-page__category-actions{display:flex;align-items:center;gap:var(--spacing-md)}.usage-guides-page__toggle{padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;border:none;cursor:pointer}.usage-guides-page__toggle--published{background:#34c7591f;color:#34c759}.usage-guides-page__toggle--unpublished{background:#8e8e931f;color:#8e8e93}.usage-guides-page__chevron{font-size:10px;color:var(--color-text-tertiary)}.usage-guides-page__items{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-secondary)}.usage-guides-page__items-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.usage-guides-page__empty-items{text-align:center;padding:var(--spacing-lg);color:var(--color-text-tertiary)}.usage-guides-page__items-table{width:100%;border-collapse:collapse;background:var(--color-background);border-radius:var(--border-radius-md);overflow:hidden}.usage-guides-page__items-table th,.usage-guides-page__items-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.usage-guides-page__items-table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary)}.usage-guides-page__item-order{text-align:center;color:var(--color-text-tertiary)}.usage-guides-page__item-id{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.usage-guides-page__item-title{font-weight:500}.usage-guides-page__item-actions{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);white-space:nowrap}.usage-guides-page__action-btn{padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);border:none;cursor:pointer;transition:all var(--transition-fast)}.usage-guides-page__action-btn--edit{background:var(--color-primary);color:#fff}.usage-guides-page__action-btn--delete{background:#ff3b301f;color:#ff3b30}.usage-guides-page__action-btn--delete:hover{background:#ff3b30;color:#fff}.usage-guides-page__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.usage-guides-page__form-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.usage-guides-page__form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.usage-guides-page__form-input,.usage-guides-page__form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.usage-guides-page__form-input:focus,.usage-guides-page__form-textarea:focus{outline:none;border-color:var(--color-primary)}.usage-guides-page__form-input--short{max-width:100px}.usage-guides-page__form-textarea{resize:vertical;min-height:60px;font-family:inherit}.usage-guides-page__steps-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.usage-guides-page__step-row{display:flex;align-items:center;gap:var(--spacing-sm)}.usage-guides-page__step-number{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;font-size:var(--font-size-xs);font-weight:600}.usage-guides-page__step-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:#ff3b301f;color:#ff3b30;border-radius:var(--border-radius-sm);cursor:pointer;font-size:16px}.usage-guides-page__step-remove:disabled{opacity:.3;cursor:not-allowed}.usage-guides-page__step-add{align-self:flex-start;padding:var(--spacing-xs) var(--spacing-md);border:1px dashed var(--color-border);border-radius:var(--border-radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm)}.usage-guides-page__step-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.usage-guides-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.faqs-page{padding:var(--spacing-lg)}.faqs-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.faqs-page__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.faqs-page__actions{display:flex;align-items:center;gap:var(--spacing-md)}.faqs-page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.faqs-page__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.faqs-page__search{flex:1;max-width:300px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.faqs-page__search:focus{outline:none;border-color:var(--color-primary)}.faqs-page__select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.faqs-page__loading,.faqs-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--color-text-secondary)}.faqs-page__empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.faqs-page__table-container{overflow-x:auto}.faqs-page__table{width:100%;border-collapse:collapse;background:var(--color-background);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.faqs-page__table th,.faqs-page__table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.faqs-page__table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary)}.faqs-page__order{text-align:center;color:var(--color-text-tertiary)}.faqs-page__question{font-weight:500}.faqs-page__list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.faqs-page__category-group{background:var(--color-background);border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;overflow:hidden}.faqs-page__category-title{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-md);font-weight:600}.faqs-page__category-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.faqs-page__category,.faqs-page__category-badge{display:inline-block}.faqs-page__category--general,.faqs-page__category-badge--general{background:#8e8e931f;color:#8e8e93}.faqs-page__category--customer,.faqs-page__category-badge--customer{background:#007aff1f;color:#007aff}.faqs-page__category--document,.faqs-page__category-badge--document{background:#34c7591f;color:#34c759}.faqs-page__category--contract,.faqs-page__category-badge--contract{background:#ff95001f;color:#ff9500}.faqs-page__category--account,.faqs-page__category-badge--account{background:#af52de1f;color:#af52de}.faqs-page__category--import,.faqs-page__category-badge--import{background:#5ac8fa1f;color:#5ac8fa}.faqs-page__category-count{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-tertiary)}.faqs-page__category-items{padding:var(--spacing-md)}.faqs-page__item{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.faqs-page__item:last-child{border-bottom:none}.faqs-page__item-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.faqs-page__item-order{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;font-size:var(--font-size-xs);font-weight:600}.faqs-page__item-question{flex:1;font-weight:500;color:var(--color-text-primary)}.faqs-page__item-actions{display:flex;gap:var(--spacing-xs)}.faqs-page__item-answer{margin-left:40px;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap}.faqs-page__toggle{padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;border:none;cursor:pointer}.faqs-page__toggle--published{background:#34c7591f;color:#34c759}.faqs-page__toggle--unpublished{background:#8e8e931f;color:#8e8e93}.faqs-page__action-buttons{display:flex;gap:var(--spacing-xs)}.faqs-page__action-btn{padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);border:none;cursor:pointer;transition:all var(--transition-fast)}.faqs-page__action-btn--edit{background:var(--color-primary);color:#fff}.faqs-page__action-btn--delete{background:#ff3b301f;color:#ff3b30}.faqs-page__action-btn--delete:hover{background:#ff3b30;color:#fff}.faqs-page__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.faqs-page__form-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.faqs-page__form-row--two-col{flex-direction:row;gap:var(--spacing-md)}.faqs-page__form-col{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.faqs-page__form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.faqs-page__form-input,.faqs-page__form-select,.faqs-page__form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.faqs-page__form-input:focus,.faqs-page__form-select:focus,.faqs-page__form-textarea:focus{outline:none;border-color:var(--color-primary)}.faqs-page__form-textarea{resize:vertical;min-height:120px;font-family:inherit}.faqs-page__form-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.faqs-page__form-checkbox input{width:16px;height:16px}.faqs-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.document-types-page{padding:var(--spacing-lg)}.document-types-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.document-types-page__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.document-types-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.document-types-page__actions{display:flex;align-items:center;gap:var(--spacing-md)}.document-types-page__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.document-types-page__filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.document-types-page__search{flex:1;max-width:400px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.document-types-page__search:focus{outline:none;border-color:var(--color-primary)}.document-types-page__loading,.document-types-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--color-text-secondary)}.document-types-page__empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.document-types-page__table-container{overflow-x:auto}.document-types-page__table{width:100%;border-collapse:collapse;background:var(--color-background);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a}.document-types-page__table th,.document-types-page__table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.document-types-page__table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary)}.document-types-page__row--system{background:var(--color-background-secondary)}.document-types-page__order{text-align:center;color:var(--color-text-tertiary)}.document-types-page__value{font-family:monospace}.document-types-page__value code{padding:2px 6px;background:var(--color-background-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.document-types-page__label{font-weight:500}.document-types-page__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-types-page__count-cell{text-align:center;font-family:monospace}.document-types-page__badge{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.document-types-page__badge--system{background:#8e8e931f;color:#8e8e93}.document-types-page__badge--custom{background:#007aff1f;color:#007aff}.document-types-page__action-buttons{display:flex;gap:var(--spacing-xs)}.document-types-page__action-btn{padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);border:none;cursor:pointer;transition:all var(--transition-fast)}.document-types-page__action-btn--edit{background:var(--color-primary);color:#fff}.document-types-page__action-btn--delete{background:#ff3b301f;color:#ff3b30}.document-types-page__action-btn--delete:hover{background:#ff3b30;color:#fff}.document-types-page__action-btn:disabled{opacity:.5;cursor:not-allowed}.document-types-page__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.document-types-page__form-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.document-types-page__form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.document-types-page__form-required{color:#ff3b30}.document-types-page__form-input,.document-types-page__form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:var(--color-background);color:var(--color-text-primary)}.document-types-page__form-input:focus,.document-types-page__form-textarea:focus{outline:none;border-color:var(--color-primary)}.document-types-page__form-input:disabled{background:var(--color-background-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.document-types-page__form-textarea{resize:vertical;min-height:80px;font-family:inherit}.document-types-page__form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.document-types-page__form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.backup-page{padding:24px;max-width:1200px}.backup-page__loading,.backup-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--color-text-secondary)}.backup-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.backup-page__title-section{display:flex;flex-direction:column;gap:4px}.backup-page__title{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0}.backup-page__description{font-size:14px;color:var(--color-text-secondary);margin:0}.backup-page__actions{display:flex;gap:8px}.backup-page__progress-banner{display:flex;align-items:center;gap:16px;background:var(--color-primary-bg, rgba(0, 122, 255, .1));border:1px solid var(--color-primary);border-radius:8px;padding:16px 20px;margin-bottom:16px}.backup-page__progress-spinner-small{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:backup-spin 1s linear infinite;flex-shrink:0}@keyframes backup-spin{to{transform:rotate(360deg)}}.backup-page__progress-text{display:flex;flex-direction:column;gap:2px}.backup-page__progress-text strong{font-size:14px;font-weight:600;color:var(--color-primary)}.backup-page__progress-text span{font-size:13px;color:var(--color-text-secondary)}.backup-page__creating-row{background:var(--color-primary-bg, rgba(0, 122, 255, .05))!important}.backup-page__creating-row td{color:var(--color-primary)}.backup-page__creating-cell{display:flex;align-items:center;gap:10px}.backup-page__creating-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:backup-spin 1s linear infinite}.backup-page__disk-info{background:var(--color-bg-secondary);border-radius:8px;padding:16px;margin-bottom:24px}.backup-page__disk-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:8px}.backup-page__disk-used{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.backup-page__disk-text{display:flex;justify-content:space-between;font-size:13px;color:var(--color-text-secondary)}.backup-page__list{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin-bottom:24px}.backup-page__empty{padding:48px;text-align:center;color:var(--color-text-secondary)}.backup-page__empty p{margin:4px 0}.backup-page__table{width:100%;border-collapse:collapse}.backup-page__table th,.backup-page__table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.backup-page__table th{font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary);text-transform:uppercase}.backup-page__table tbody tr:hover{background:var(--color-bg-hover)}.backup-page__table tbody tr:last-child td{border-bottom:none}.backup-page__filename{font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;color:var(--color-text-primary)}.backup-page__relative-time{color:var(--color-text-secondary);font-size:13px}.backup-page__actions-cell{display:flex;gap:4px}.backup-page__delete-btn{color:var(--color-error)!important}.backup-page__info{background:var(--color-bg-secondary);border-radius:8px;padding:20px}.backup-page__info h2{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.backup-page__info ul{margin:0;padding-left:20px}.backup-page__info li{font-size:14px;color:var(--color-text-secondary);margin:8px 0}.backup-page__info li strong{color:var(--color-text-primary)}.backup-page__info-note{margin-top:12px;font-size:13px;color:var(--color-text-tertiary)}.backup-page__log-modal{max-height:500px;overflow:auto}.backup-page__log-content{font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;line-height:1.6;background:var(--color-bg-secondary);padding:16px;border-radius:8px;white-space:pre-wrap;word-break:break-word;margin:0}.backup-page__restore-modal{min-width:400px}.backup-page__restore-warning{background:var(--color-warning-bg, rgba(255, 149, 0, .1));color:var(--color-warning, #ff9500);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.backup-page__restore-file{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.backup-page__restore-file strong{color:var(--color-text-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px}.backup-page__restore-components{margin-bottom:20px}.backup-page__restore-components h3{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.backup-page__restore-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:background .15s ease}.backup-page__restore-option:hover{background:var(--color-bg-hover)}.backup-page__restore-option input{margin-top:2px}.backup-page__restore-option-label{font-size:14px;font-weight:500;color:var(--color-text-primary);flex-shrink:0;min-width:100px}.backup-page__restore-option-desc{font-size:13px;color:var(--color-text-secondary)}.backup-page__restore-error{background:var(--color-error-bg, rgba(255, 59, 48, .1));color:var(--color-error, #ff3b30);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.backup-page__restore-results{background:var(--color-bg-secondary);border-radius:8px;padding:16px;margin-bottom:16px}.backup-page__restore-results h4{font-size:14px;font-weight:600;margin:0 0 12px}.backup-page__restore-result{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:13px}.backup-page__restore-result:last-child{border-bottom:none}.backup-page__restore-result-comp{font-weight:500;min-width:80px}.backup-page__restore-result-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.backup-page__restore-result--success .backup-page__restore-result-status{background:var(--color-success-bg, rgba(52, 199, 89, .1));color:var(--color-success, #34c759)}.backup-page__restore-result--error .backup-page__restore-result-status{background:var(--color-error-bg, rgba(255, 59, 48, .1));color:var(--color-error, #ff3b30)}.backup-page__restore-result--skipped .backup-page__restore-result-status{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.backup-page__restore-result-msg{color:var(--color-text-secondary);flex:1}.backup-page__restore-note{font-size:13px;color:var(--color-text-secondary);font-style:italic;margin:12px 0 0}.backup-page__restore-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.backup-page__settings-modal{min-width:360px}.backup-page__settings-group{margin-bottom:20px}.backup-page__settings-label{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.backup-page__settings-input-group{display:flex;align-items:center;gap:8px}.backup-page__settings-input{width:80px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-bg-primary);color:var(--color-text-primary)}.backup-page__settings-input:focus{outline:none;border-color:var(--color-primary)}.backup-page__settings-unit{font-size:14px;color:var(--color-text-secondary)}.backup-page__settings-help{font-size:12px;color:var(--color-text-tertiary);margin:8px 0 0}.backup-page__settings-checkbox-group{margin-bottom:8px}.backup-page__settings-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--color-text-primary)}.backup-page__settings-checkbox input{width:16px;height:16px;cursor:pointer}.backup-page__settings-time-group{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--color-text-secondary)}.backup-page__settings-time-input{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-bg-primary);color:var(--color-text-primary)}.backup-page__settings-time-input:focus{outline:none;border-color:var(--color-primary)}.backup-page__settings-error{background:var(--color-error-bg, rgba(255, 59, 48, .1));color:var(--color-error, #ff3b30);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.backup-page__settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.shadow-page{padding:16px 24px;height:100vh;overflow:hidden;background:var(--bg-primary);display:flex;flex-direction:column}.shadow-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color);flex-shrink:0}.shadow-page__header-left{display:flex;align-items:center;gap:24px}.shadow-page__title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.shadow-page__services{display:flex;gap:16px}.shadow-page__service{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-radius:8px;font-size:13px}.shadow-page__service-dot{width:10px;height:10px;border-radius:50%}.shadow-page__service--healthy .shadow-page__service-dot{background:var(--color-success);box-shadow:0 0 6px #34c75999}.shadow-page__service--unhealthy .shadow-page__service-dot,.shadow-page__service--error .shadow-page__service-dot{background:var(--color-danger);box-shadow:0 0 6px #ff3b3099}.shadow-page__service--timeout .shadow-page__service-dot{background:var(--color-warning);box-shadow:0 0 6px #ff950099}.shadow-page__service-name{font-weight:600;color:var(--text-primary)}.shadow-page__service-latency{color:var(--text-tertiary);font-size:12px}.shadow-page__header-right{display:flex;align-items:center;gap:16px}.shadow-page__refresh-text{font-size:12px;color:var(--text-tertiary)}.shadow-page__mode-section{display:flex;gap:16px;margin-bottom:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);flex-shrink:0}.shadow-page__mode-control{flex:1}.shadow-page__mode-desc{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.shadow-page__mode-buttons{display:flex;gap:6px}.shadow-page__mode-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease}.shadow-page__mode-btn:hover:not(:disabled){border-color:var(--text-tertiary)}.shadow-page__mode-btn:disabled{opacity:.4;cursor:not-allowed}.shadow-page__mode-btn--active{border-color:var(--color-primary);background:#007aff14}.shadow-page__mode-btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.shadow-page__mode-btn-label{font-size:13px;font-weight:600;color:var(--text-primary)}.shadow-page__mode-btn-sub{font-size:10px;color:var(--text-tertiary)}.shadow-page__mode-btn-badge{font-size:10px;font-weight:600;padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:4px}.shadow-page__readiness{min-width:280px;padding:10px 14px;border-radius:8px;border:2px solid}.shadow-page__readiness--ready{background:#34c75914;border-color:var(--color-success)}.shadow-page__readiness--warn{background:#ff950014;border-color:var(--color-warning)}.shadow-page__readiness-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shadow-page__readiness-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.shadow-page__readiness--ready .shadow-page__readiness-icon{background:var(--color-success)}.shadow-page__readiness--warn .shadow-page__readiness-icon{background:var(--color-warning)}.shadow-page__readiness-title{font-size:14px;font-weight:600;color:var(--text-primary)}.shadow-page__readiness-checks{display:flex;flex-wrap:wrap;gap:6px}.shadow-page__check{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-primary);border-radius:4px;font-size:11px}.shadow-page__check--pass{color:var(--color-success)}.shadow-page__check--fail{color:var(--color-error)}.shadow-page__check-icon{font-weight:700}.shadow-page__check-label{color:var(--text-secondary)}.shadow-page__check-value{font-family:monospace;font-size:11px}.shadow-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0;overflow:hidden}.shadow-page__col{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}.shadow-page__card{background:var(--bg-secondary);border-radius:8px;padding:12px;border:1px solid var(--border-color);flex-shrink:0}.shadow-page__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shadow-page__card-header h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.shadow-page__card-period{font-size:11px;color:var(--text-tertiary);padding:2px 6px;background:var(--bg-tertiary);border-radius:4px}.shadow-page__select{padding:4px 8px;font-size:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.shadow-page__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shadow-page__stat{text-align:center;padding:10px 8px;background:var(--bg-primary);border-radius:6px}.shadow-page__stat-value{display:block;font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.shadow-page__stat-label{font-size:10px;color:var(--text-secondary);margin-top:2px}.shadow-page__stat--success .shadow-page__stat-value{color:var(--color-success)}.shadow-page__stat--warn .shadow-page__stat-value{color:var(--color-warning)}.shadow-page__stat--error .shadow-page__stat-value{color:var(--color-error)}.shadow-page__last-call{margin-top:8px;text-align:center;font-size:11px;color:var(--text-tertiary)}.shadow-page__perf{display:flex;flex-direction:column;gap:10px}.shadow-page__perf-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-primary);border-radius:6px}.shadow-page__perf-winner{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-warning)}.shadow-page__perf-winner--fastapi{color:var(--color-success)}.shadow-page__perf-improvement{font-size:12px;font-weight:600;padding:2px 8px;background:#34c75926;color:var(--color-success);border-radius:4px}.shadow-page__perf-total{font-size:12px;color:var(--text-secondary)}.shadow-page__perf-bars{display:flex;flex-direction:column;gap:8px}.shadow-page__perf-bar{display:flex;flex-direction:column;gap:4px}.shadow-page__perf-bar-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-primary)}.shadow-page__perf-bar-track{height:16px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.shadow-page__perf-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.shadow-page__perf-bar-fill--n8n{background:linear-gradient(90deg,#ff9500,#ff6b00)}.shadow-page__perf-bar-fill--fastapi{background:linear-gradient(90deg,#34c759,#30d158)}.shadow-page__perf-errors{display:flex;gap:16px;font-size:11px;color:var(--text-secondary)}.shadow-page__table-wrap{overflow-x:auto}.shadow-page__table{width:100%;border-collapse:collapse;font-size:11px}.shadow-page__table th,.shadow-page__table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border-color)}.shadow-page__table th{font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);font-size:10px}.shadow-page__table code{padding:1px 4px;background:var(--bg-tertiary);border-radius:3px;font-size:10px}.shadow-page__cell--success{color:var(--color-success);font-weight:600}.shadow-page__cell--error{color:var(--color-error);font-weight:600}.shadow-page__badge{font-size:10px;font-weight:600;padding:1px 6px;background:var(--color-warning);color:#fff;border-radius:8px}.shadow-page__mismatch-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.shadow-page__mismatch{padding:8px 10px;background:var(--bg-primary);border-radius:6px;border-left:3px solid var(--color-warning);cursor:pointer;transition:all .15s ease}.shadow-page__mismatch:hover{background:var(--bg-tertiary)}.shadow-page__mismatch--resolved{border-left-color:var(--color-success);opacity:.6}.shadow-page__mismatch-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.shadow-page__mismatch-num{font-size:12px;font-weight:700;color:var(--text-primary)}.shadow-page__mismatch-workflow{font-size:11px;padding:1px 6px;background:var(--bg-tertiary);border-radius:3px}.shadow-page__mismatch-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px}.shadow-page__mismatch-status--open{background:#ff950033;color:var(--color-warning)}.shadow-page__mismatch-status--resolved{background:#34c75933;color:var(--color-success)}.shadow-page__mismatch-meta{display:flex;gap:12px;font-size:10px;color:var(--text-tertiary)}.shadow-page__empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:12px}.shadow-page__empty--success{color:var(--color-success)}.shadow-page__empty--success span{font-size:18px;display:block;margin-bottom:4px}.shadow-page__overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.shadow-page__modal{width:90%;max-width:700px;max-height:80vh;background:var(--bg-secondary);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.shadow-page__modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.shadow-page__modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.shadow-page__modal-close{background:none;border:none;font-size:20px;color:var(--text-tertiary);cursor:pointer;padding:4px 8px;border-radius:4px}.shadow-page__modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.shadow-page__modal-body{padding:20px;overflow-y:auto}.shadow-page__modal-meta{display:flex;gap:20px;font-size:13px;color:var(--text-secondary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.shadow-page__diffs{display:flex;flex-direction:column;gap:12px}.shadow-page__diff{padding:14px;background:var(--bg-primary);border-radius:8px}.shadow-page__diff-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.shadow-page__diff-header code{font-size:13px;font-weight:600;color:var(--text-primary)}.shadow-page__diff-type{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.shadow-page__diff-type--missing{background:#ff3b3033;color:var(--color-error)}.shadow-page__diff-type--extra{background:#ff950033;color:var(--color-warning)}.shadow-page__diff-type--value_mismatch{background:#007aff33;color:var(--color-info)}.shadow-page__diff-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shadow-page__diff-col{display:flex;flex-direction:column;gap:6px}.shadow-page__diff-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.shadow-page__diff-col code{display:block;padding:10px;background:var(--bg-tertiary);border-radius:6px;font-size:12px;word-break:break-all;max-height:100px;overflow-y:auto;color:var(--text-primary)}@media(max-width:1200px){.shadow-page__mode-section{flex-direction:column}.shadow-page__readiness{min-width:auto}}@media(max-width:900px){.shadow-page{padding:16px}.shadow-page__grid{grid-template-columns:1fr}.shadow-page__stats{grid-template-columns:repeat(2,1fr)}.shadow-page__header{flex-direction:column;align-items:flex-start;gap:12px}.shadow-page__services{flex-wrap:wrap}.shadow-page__mode-buttons{flex-direction:column}}.virus-scan-page.compact{padding:16px 20px;height:100%;display:flex;flex-direction:column;overflow:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{font-size:18px;font-weight:600;margin:0;color:var(--color-text-primary)}.service-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-tertiary)}.status-dot.online{background:var(--color-success)}.status-dot.degraded{background:var(--color-warning)}.status-dot.offline{background:var(--color-error)}.yuri-summary{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--color-background-secondary);border-radius:6px;font-size:11px}.yuri-label{font-weight:600;color:var(--color-text-secondary)}.yuri-metric{color:var(--color-text-tertiary)}.yuri-metric.warning{color:var(--color-warning);font-weight:600}.sse-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);margin-left:4px}.sse-dot.connected{background:var(--color-success)}.page-actions{display:flex;gap:6px}.stats-bar{background:var(--color-background-secondary);border-radius:8px;padding:10px 16px;margin-bottom:12px;flex-shrink:0}.stats-row{display:flex;gap:24px;align-items:center}.stat-item{display:flex;align-items:baseline;gap:4px}.stat-item .stat-value{font-size:18px;font-weight:600;color:var(--color-text-primary)}.stat-item .stat-label{font-size:11px;color:var(--color-text-secondary)}.stat-item.infected .stat-value{color:var(--color-error)}.stat-item.deleted .stat-value{color:var(--color-warning)}.stat-item.pending .stat-value{color:var(--color-text-tertiary)}.stat-item.today .stat-value{color:var(--color-primary)}.scan-progress{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.progress-text{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.progress-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.main-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.tab-nav{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:0;flex-shrink:0}.tab-btn{padding:8px 14px;background:none;border:none;border-bottom:2px solid transparent;font-size:12px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.loading,.empty-state{text-align:center;padding:32px;color:var(--color-text-secondary);font-size:13px}.tab-panel-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.table-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table.compact{font-size:11px}.data-table th,.data-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{position:sticky;top:0;font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary);font-size:10px;text-transform:uppercase;z-index:1}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.data-table th.sortable:hover{background:var(--color-background-tertiary)}.sort-icon{margin-left:4px;font-size:9px;color:var(--color-text-tertiary);opacity:.5}.sort-icon.active{color:var(--color-primary);opacity:1}.data-table tr:hover td{background:var(--color-background-secondary)}.data-table tr.infected-row td{background:#ff3b300d}.filename,.file-path,.original-name,.owner-name,.customer-name{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threat-name{color:var(--color-error);font-family:monospace;font-size:11px}.status-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500}.status-badge.clean{background:#34c75926;color:var(--color-success)}.status-badge.infected{background:#ff3b3026;color:var(--color-error)}.status-badge.deleted{background:#ff950026;color:var(--color-warning)}.status-badge.pending,.status-badge.scanning{background:#007aff26;color:var(--color-primary)}.status-badge.error{background:#ff3b301a;color:var(--color-error)}.scan-type-badge{display:inline-block;padding:2px 5px;border-radius:3px;font-size:9px;background:var(--color-background-tertiary);color:var(--color-text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px;flex-shrink:0;border-top:1px solid var(--color-border);background:var(--color-background)}.pagination button{padding:4px 10px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);color:var(--color-text-primary);cursor:pointer;font-size:11px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:not(:disabled):hover{background:var(--color-background-secondary)}.pagination span{font-size:11px;color:var(--color-text-secondary)}.settings-view.compact{padding:16px}.settings-table{width:100%;max-width:600px;border-collapse:collapse}.settings-table th,.settings-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.settings-table th{font-size:12px;font-weight:500;color:var(--color-text-secondary);width:180px;vertical-align:top}.settings-table td{font-size:12px;color:var(--color-text-primary)}.status-indicator{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-right:10px}.status-indicator.on{background:#34c75926;color:var(--color-success)}.status-indicator.off{background:var(--color-background-tertiary);color:var(--color-text-tertiary)}.setting-desc{color:var(--color-text-secondary);font-size:11px}.setting-value{font-weight:500}.setting-meta{display:block;margin-top:4px;font-size:10px;color:var(--color-text-tertiary)}.settings-form{padding:8px 0}.form-group{margin-bottom:14px}.form-group label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-primary);cursor:pointer}.form-group select{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);color:var(--color-text-primary);font-size:13px;margin-top:4px}.form-group input[type=checkbox]{width:14px;height:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border)}.table-actions{display:flex;justify-content:flex-end;margin-bottom:8px}@media(max-width:1200px){.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:12px;align-items:flex-start}.header-left{flex-wrap:wrap}.yuri-summary{display:none}.settings-grid{grid-template-columns:1fr}.stats-row{flex-wrap:wrap;gap:12px}}.parsing-settings-page{max-width:800px}.parsing-settings-page__loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:var(--font-size-base);color:var(--color-text-secondary)}.parsing-settings-page__header{margin-bottom:var(--spacing-lg)}.parsing-settings-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.parsing-settings-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.parsing-settings-page__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.parsing-settings-page__section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.parsing-settings-page__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.parsing-settings-page__section-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0 0 var(--spacing-md) 0}.parsing-settings-page__form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.parsing-settings-page__row{display:flex;align-items:center;gap:var(--spacing-md)}.parsing-settings-page__label{min-width:80px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.parsing-settings-page__select{min-width:200px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;outline:none;transition:all .15s ease}.parsing-settings-page__select:hover:not(:disabled){border-color:var(--color-primary)}.parsing-settings-page__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #007aff33}.parsing-settings-page__select:disabled{opacity:.6;cursor:not-allowed}.parsing-settings-page__hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.parsing-settings-page__no-ai{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.parsing-settings-page__actions{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.parsing-settings-page__saving{font-size:var(--font-size-xs);color:var(--color-primary);font-style:italic}.credit-management-page{padding:24px;max-width:1400px;margin:0 auto}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.search-input{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-background);color:var(--color-text-primary)}.search-input:focus{outline:none;border-color:var(--color-primary)}.tier-filter{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-background);color:var(--color-text-primary);cursor:pointer}.bonus-filter{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-text-secondary);cursor:pointer}.bonus-filter input{cursor:pointer}.users-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.users-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.users-table tbody tr:hover{background:var(--color-background-hover)}.users-table tbody tr:last-child td{border-bottom:none}.name-cell{font-weight:600}.email-cell{color:var(--color-text-secondary)}.tier-cell{white-space:nowrap}.tier-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.tier-badge.tier-free_trial{background:var(--color-gray-100);color:var(--color-gray-600)}.tier-badge.tier-standard{background:var(--color-blue-100);color:var(--color-blue-600)}.tier-badge.tier-premium{background:var(--color-purple-100);color:var(--color-purple-600)}.tier-badge.tier-vip{background:var(--color-orange-100);color:var(--color-orange-600)}.tier-badge.tier-admin{background:var(--color-red-100);color:var(--color-red-600)}.credit-cell{text-align:right;font-family:SF Mono,Menlo,monospace;font-size:12px}.credit-cell.bonus .bonus-badge{display:inline-block;padding:2px 6px;background:var(--color-green-100);color:var(--color-green-700);border-radius:4px;font-weight:600}.credit-cell.total{font-weight:600;color:var(--color-primary)}.date-cell{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.action-cell{text-align:center}.grant-modal-content{padding:16px 0}.grant-modal-content .user-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-background-secondary);border-radius:8px;margin-bottom:16px}.grant-modal-content .user-info strong{font-size:16px}.grant-modal-content .user-info span{font-size:14px;color:var(--color-text-secondary)}.grant-modal-content .current-credits{display:flex;align-items:center;gap:8px;padding:12px;background:var(--color-green-50);border-radius:8px;margin-bottom:16px;font-size:14px}.grant-modal-content .current-credits strong{font-size:18px;color:var(--color-green-600)}.package-section{margin-bottom:16px}.package-section label{display:block;font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.package-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.package-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);cursor:pointer;transition:all .2s}.package-btn:hover,.package-btn.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.package-btn .pkg-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.package-btn .pkg-credits{font-size:16px;font-weight:700;color:var(--color-primary)}.package-btn .pkg-price{font-size:12px;color:var(--color-text-tertiary)}.credit-history-page{padding:24px;max-width:1400px;margin:0 auto}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-select,.filter-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-background);color:var(--color-text-primary)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary)}.filter-input{min-width:140px}.date-separator{color:var(--color-text-tertiary);font-size:14px}.reset-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.reset-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.result-summary{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.error-message button:hover{background:var(--color-red-100)}.history-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.history-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.history-table tbody tr:hover{background:var(--color-background-hover)}.history-table tbody tr:last-child td{border-bottom:none}.loading-cell,.empty-cell{text-align:center;padding:32px 16px;color:var(--color-text-tertiary)}.date-cell{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.user-cell{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600}.user-email{font-size:12px;color:var(--color-text-tertiary)}.type-cell{white-space:nowrap}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.type-badge.type-grant{background:var(--color-green-100);color:var(--color-green-700)}.type-badge.type-usage{background:var(--color-blue-100);color:var(--color-blue-700)}.type-badge.type-adjustment{background:var(--color-orange-100);color:var(--color-orange-700)}.amount-cell{text-align:right;font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:600}.amount-cell.positive{color:var(--color-green-600)}.amount-cell.negative{color:var(--color-red-600)}.balance-cell{text-align:right;font-family:SF Mono,Menlo,monospace;font-size:12px;color:var(--color-text-secondary)}.detail-cell{max-width:200px}.detail-text{font-size:12px;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:16px 0}.page-btn{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:var(--color-text-secondary)}.credit-packages-page{padding:24px;max-width:1200px;margin:0 auto}.credit-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--color-border);padding-bottom:0}.credit-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.credit-tab:hover{color:var(--color-text-primary)}.credit-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.page-header{margin-bottom:24px}.header-content{display:flex;justify-content:space-between;align-items:flex-start}.page-header h1{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.page-description{font-size:14px;color:var(--color-text-secondary);margin:0}.add-btn{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.add-btn:hover{background:var(--color-primary-dark)}.error-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:8px;color:var(--color-red-700);font-size:14px;margin-bottom:16px}.error-message button{padding:4px 12px;border:1px solid var(--color-red-300);border-radius:4px;background:transparent;color:var(--color-red-700);font-size:13px;cursor:pointer}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.loading-state,.empty-state{grid-column:1 / -1;text-align:center;padding:48px 24px;color:var(--color-text-tertiary)}.empty-state button{margin-top:16px;padding:10px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.package-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;transition:all .2s}.package-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.package-card.inactive{opacity:.6;background:var(--color-background-secondary)}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.package-name{font-size:18px;font-weight:600;color:var(--color-text-primary)}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.status-badge.active{background:var(--color-green-100);color:var(--color-green-700)}.status-badge.inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.package-credits{font-size:32px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.credits-unit{font-size:14px;font-weight:400;color:var(--color-text-secondary);margin-left:4px}.package-price{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.package-per-credit{font-size:12px;color:var(--color-text-tertiary);margin-bottom:12px}.package-description{font-size:13px;color:var(--color-text-secondary);margin:0 0 16px;line-height:1.4}.package-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--color-border-light)}.edit-btn,.toggle-btn{flex:1;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.edit-btn:hover{background:var(--color-background-secondary);border-color:var(--color-primary)}.toggle-btn.deactivate{background:transparent;border:1px solid var(--color-red-300);color:var(--color-red-600)}.toggle-btn.deactivate:hover{background:var(--color-red-50)}.toggle-btn.activate{background:var(--color-green-50);border:1px solid var(--color-green-300);color:var(--color-green-700)}.toggle-btn.activate:hover{background:var(--color-green-100)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-surface);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border-light)}.modal-header h2{font-size:18px;font-weight:600;margin:0;color:var(--color-text-primary)}.close-btn{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:var(--color-text-tertiary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.modal-content form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-background);color:var(--color-text-primary);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled{background:var(--color-background-secondary);color:var(--color-text-tertiary)}.form-group textarea{resize:vertical;font-family:inherit}.form-group .hint{display:block;font-size:12px;color:var(--color-text-tertiary);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{width:18px;height:18px}.price-preview{padding:12px;background:var(--color-primary-light);border-radius:6px;font-size:14px;color:var(--color-primary);text-align:center;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border-light)}.cancel-btn,.submit-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.cancel-btn:hover{background:var(--color-background-secondary)}.submit-btn{background:var(--color-primary);border:none;color:#fff}.submit-btn:hover:not(:disabled){background:var(--color-primary-dark)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}:root,[data-theme=light]{--color-background: #ffffff;--color-background-secondary: #f5f5f7;--color-background-tertiary: #e8e8ed;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-border: #d2d2d7;--color-border-hover: #86868b;--color-primary: #0071e3;--color-primary-hover: #0077ed;--color-primary-active: #006edb;--color-primary-bg: rgba(0, 113, 227, .1);--color-success: #34c759;--color-warning: #ff9500;--color-error: #ff3b30;--color-info: #5ac8fa;--color-background-hover: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--color-card-bg: #ffffff;--color-sidebar-bg: #f5f5f7;--color-header-bg: #ffffff}[data-theme=dark]{--color-background: #000000;--color-background-secondary: #1c1c1e;--color-background-tertiary: #2c2c2e;--color-text-primary: #f5f5f7;--color-text-secondary: #98989d;--color-text-tertiary: #6e6e73;--color-border: #38383a;--color-border-hover: #545456;--color-primary: #0a84ff;--color-primary-hover: #409cff;--color-primary-active: #0077ed;--color-primary-bg: rgba(10, 132, 255, .15);--color-success: #30d158;--color-warning: #ff9f0a;--color-error: #ff453a;--color-info: #64d2ff;--color-background-hover: #2c2c2e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .4);--color-card-bg: #1c1c1e;--color-sidebar-bg: #1c1c1e;--color-header-bg: #1c1c1e}:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 15px;--font-size-xl: 17px;--font-size-2xl: 21px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-modal-backdrop: 1030;--z-modal: 1040;--z-tooltip: 1050}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary)}input:focus,textarea:focus,select:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}