:root{--primary-color:#4f7df2;--primary-dark:#335fcf;--primary-gradient:linear-gradient(135deg, #6b95f7 0%, #4f7df2 100%);--primary-light:#d3defb;--primary-bg:#eef4ff;--success-color:#35a777;--success-dark:#237a56;--success-gradient:linear-gradient(135deg, #49bc88 0%, #2f9b6f 100%);--success-bg:#e7f6ee;--warning-color:#cf842c;--warning-dark:#a96218;--warning-bg:#fff3df;--danger-color:#dc6666;--danger-dark:#b74747;--danger-gradient:linear-gradient(135deg, #e77979 0%, #c94f4f 100%);--danger-bg:#fdecec;--neutral-color:#475569;--neutral-dark:#334155;--neutral-bg:#eef2f7;--bg-primary:#f7f9fc;--bg-secondary:#edf2f7;--bg-card:#fff;--text-primary:#152033;--text-secondary:#344256;--text-tertiary:#5f6f83;--text-muted:#94a3b8;--border-light:#dbe3ee;--border-medium:#c0ccda;--border-dark:#94a3b8;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:25px;--spacing-2xl:30px;--radius-sm:5px;--radius-md:5px;--radius-lg:5px;--radius-xl:5px;--radius-2xl:5px;--radius-full:9999px;--control-height:36px;--control-height-lg:40px;--sidebar-width:196px;--sidebar-collapsed-width:60px;--sidebar-header-height:60px;--brand-panel-bg:linear-gradient(135deg, #20948d47 0%, #20948d14 36%), linear-gradient(160deg, #e5f3f0 0%, #d5e9e5 46%, #e4ebf1 100%);--card-padding:15px;--section-padding:15px;--modal-max-width-small:560px;--modal-max-width-medium:760px;--modal-max-width-large:1080px;--shadow-sm:0 1px 2px #0f172a0d, 0 1px 3px #0f172a14;--shadow-md:0 8px 18px #0f172a14;--shadow-lg:0 14px 30px #0f172a1a;--shadow-xl:0 24px 48px #0f172a24;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.4s ease-in-out;--font-sans:"Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono:"DejaVu Sans Mono", "Liberation Mono", "SFMono-Regular", Consolas, "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--list-font-size:13px;--list-row-height:44px;--list-cell-padding-x:6px;--tag-blue-color:#1d4ed8;--tag-blue-bg:#eff6ff;--tag-green-color:#047857;--tag-green-bg:#ecfdf5;--tag-amber-color:#b45309;--tag-amber-bg:#fffbeb;--tag-red-color:#b91c1c;--tag-red-bg:#fef2f2;--tag-violet-color:#6d28d9;--tag-violet-bg:#f5f3ff;--tag-gray-color:#475569;--tag-gray-bg:#f1f5f9;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);line-height:var(--leading-normal)}button,input,select,textarea{font:inherit;min-height:var(--control-height);border-radius:var(--radius-md)}select:not([multiple]){appearance:none;background-color:var(--bg-card);height:var(--control-height)!important;min-height:var(--control-height)!important;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235f6f83' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;padding:0 36px 0 12px!important}table{border-collapse:separate;border-spacing:0;width:100%}.app-data-table{color:var(--text-secondary);font-size:var(--list-font-size)!important}.app-data-table thead th{color:#52647a;white-space:nowrap;height:36px;line-height:1.3;padding:0 var(--list-cell-padding-x)!important;font-size:var(--list-font-size)!important;font-weight:600!important}.app-data-table tbody td{height:var(--list-row-height);line-height:1.35;padding:5px var(--list-cell-padding-x)!important;font-size:var(--list-font-size)!important;font-weight:400!important}.app-data-table tbody td :where(span,a,button,div,p,time,code,strong,label){font-size:inherit;font-weight:400}.app-data-table--actions{--action-column-width:72px}.app-data-table--actions th:last-child,.app-data-table--actions td:last-child{background:#fff padding-box padding-box;box-shadow:-10px 0 14px -14px #0f172a73;width:var(--action-column-width)!important;min-width:var(--action-column-width)!important;max-width:var(--action-column-width)!important;z-index:8!important;position:sticky!important;right:0!important}.app-data-table--actions th:last-child{background:#f5f8fc;z-index:12!important;text-align:center!important}.app-data-table--actions tbody tr:hover td:last-child{background:#f8fbff}.app-data-table .list-actions{height:100%}.app-list-content,.app-list-content :where(span,p,div,time){font-size:var(--list-font-size);font-weight:400}.app-data-tag{white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:5px;align-items:center;max-width:100%;min-height:22px;padding:2px 8px;line-height:1.25;display:inline-flex;overflow:hidden;font-size:12px!important;font-weight:400!important}.app-data-tag--blue{color:var(--tag-blue-color);background:var(--tag-blue-bg);border-color:#dbeafe}.app-data-tag--green{color:var(--tag-green-color);background:var(--tag-green-bg);border-color:#d1fae5}.app-data-tag--amber{color:var(--tag-amber-color);background:var(--tag-amber-bg);border-color:#fde68a}.app-data-tag--red{color:var(--tag-red-color);background:var(--tag-red-bg);border-color:#fecaca}.app-data-tag--violet{color:var(--tag-violet-color);background:var(--tag-violet-bg);border-color:#ede9fe}.app-data-tag--gray{color:var(--tag-gray-color);background:var(--tag-gray-bg);border-color:#e2e8f0}thead th{z-index:5;position:sticky;top:0}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp var(--transition-normal)}.slide-down{animation:slideDown var(--transition-normal)}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.spin{animation:1s linear infinite spin}.global-status,.status-badge,.role-status,.badge-success,.badge-danger,.badge-warning{border-radius:var(--radius-md);min-height:24px;font-size:var(--text-xs);border:1px solid #0000;justify-content:center;align-items:center;padding:0 10px;font-weight:600;line-height:1;display:inline-flex}.global-status.enabled,.global-status.active,.global-status.success,.role-status.enabled,.badge-success{background:var(--success-bg);color:var(--success-dark);border-color:#1f8f5f2e}.global-status.disabled,.global-status.inactive,.global-status.danger,.role-status.disabled,.badge-danger{background:var(--danger-bg);color:var(--danger-dark);border-color:#c7474729}.global-status.warning,.badge-warning{background:var(--warning-bg);color:var(--warning-dark);border-color:#b86a1229}.global-status.neutral{background:var(--neutral-bg);color:var(--neutral-dark);border-color:#47556924}.time-text,.time,.log-time,.history-time,.conclusion-time,.info-value.time-value,.meta-item.time-text{font-family:var(--font-mono);font-size:inherit;letter-spacing:0;font-variant-numeric:tabular-nums}.modal-surface,.custom-alert-container,.role-modal,.modal-container,.page-shell,.page-panel,.card,.add-record-card,.chart-card,.stat-card,.role-table-wrap,.feedback-group,.compact-section{border-radius:var(--radius-lg)}.page-shell,.page-panel,.card,.add-record-card,.chart-card,.stat-card,.compact-section{padding:var(--card-padding)}.table-compact th,.table-compact td,.role-table th,.role-table td,.params-table th,.params-table td,.ai-model-table th,.ai-model-table td{font-size:var(--text-sm);vertical-align:middle;padding:10px 12px}.table-compact th,.role-table th,.params-table th,.ai-model-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-light);background:#f7f9fc;font-weight:600}button[class*=btn],button[class*=button],a[class*=btn],a[class*=button]{min-height:var(--control-height);border-radius:var(--radius-md);justify-content:center;align-items:center}input,select,textarea,.setting-input,.setting-select,.role-input,.compact-input,.compact-select,.search-input{border-radius:var(--radius-md)!important}.card,[class*=card],[class*=panel],[class*=section],[class*=container],[class*=modal],[class*=dialog]{border-radius:var(--radius-lg)}[class*=card],[class*=panel],[class*=section]{scrollbar-gutter:stable}.card,[class*=-card],.settings-section,.compact-section,.system-guide-section,.modal-surface,.modal-container,.role-modal,.ai-modal,.feedback-category-modal,.mail-preview-modal,.mailbox-test-preview-modal,.login-card,.category-manager-modal,.category-confirm-modal,.app-confirm-modal,.custom-alert-container{border-radius:5px!important}