body{font-family:var(--font-family-base)}:root{--brand-700: #1d4ed8;--brand-600: #2563eb;--brand-500: #3b82f6;--brand-100: #e8efff;--brand-050: #f4f7ff;--success-700: #0d7e47;--success-600: #0f9d58;--success-100: #eaf7ef;--warning-700: #995f00;--warning-600: #c77700;--warning-100: #fff4df;--danger-700: #a92f2a;--danger-600: #c93c37;--danger-100: #fdeceb;--info-700: #0a6787;--info-600: #0a7ea4;--info-100: #e8f6fb;--graphite-950: #0d1321;--graphite-900: #121826;--graphite-800: #1f2937;--graphite-700: #344054;--slate-600: #475467;--slate-500: #667085;--slate-400: #98a2b3;--cloud-100: #eef2f8;--cloud-050: #f8fafc;--cloud-000: #ffffff;--primary-color: var(--brand-600);--primary-hover: var(--brand-500);--primary-active: var(--brand-700);--primary-light: var(--brand-100);--primary-lighter: var(--brand-050);--primary-dark: var(--brand-700);--success-color: var(--success-600);--success-hover: #34b36f;--success-light: var(--success-100);--success-dark: var(--success-700);--warning-color: var(--warning-600);--warning-hover: #d88a1c;--warning-light: var(--warning-100);--warning-dark: var(--warning-700);--error-color: var(--danger-600);--error-hover: #d95d59;--error-light: var(--danger-100);--error-dark: var(--danger-700);--info-color: var(--info-600);--info-hover: #2a94b8;--info-light: var(--info-100);--info-dark: var(--info-700);--purple-color: var(--brand-600);--purple-light: var(--brand-100);--purple-hover: var(--brand-500);--cyan-color: var(--info-600);--cyan-light: var(--info-100);--cyan-hover: #2a94b8;--gray-1: var(--cloud-000);--gray-2: #fcfdff;--gray-3: var(--cloud-050);--gray-4: var(--cloud-100);--gray-5: #d0d8e6;--gray-6: #b6c0d0;--gray-7: var(--slate-500);--gray-8: var(--slate-600);--gray-9: var(--graphite-800);--gray-10: var(--graphite-900);--text-primary: var(--graphite-900);--text-secondary: var(--graphite-700);--text-tertiary: var(--slate-500);--text-disabled: var(--slate-400);--text-inverse: var(--cloud-000);--text-link: var(--brand-600);--text-link-hover: var(--brand-500);--bg-page: #f5f7fb;--bg-card: var(--cloud-000);--bg-hover: #eef3fb;--bg-active: var(--brand-100);--bg-overlay: rgba(13, 19, 33, .45);--bg-mask: rgba(255, 255, 255, .84);--gradient-primary: linear-gradient(135deg, var(--brand-700) 0%, var(--brand-600) 100%);--gradient-success: linear-gradient(135deg, var(--success-700) 0%, var(--success-600) 100%);--gradient-warning: linear-gradient(135deg, var(--warning-700) 0%, var(--warning-600) 100%);--gradient-danger: linear-gradient(135deg, var(--danger-700) 0%, var(--danger-600) 100%);--gradient-dark: linear-gradient(135deg, var(--graphite-900) 0%, #1e2c44 100%);--gradient-bg: linear-gradient(180deg, #fafcff 0%, #f4f7fb 100%);--border-color: #e5eaf1;--border-color-split: #ecf0f6;--border-color-hover: #d3dbe8;--border-color-focus: var(--brand-500);--sidebar-bg: var(--graphite-900);--sidebar-active: var(--brand-600);--sidebar-text: rgba(255, 255, 255, .72);--sidebar-text-active: var(--cloud-000);--font-family-zh: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-en: "IBM Plex Sans", "Segoe UI", sans-serif;--font-family-base: "IBM Plex Sans", "Noto Sans SC", "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;--font-family-mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-display: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.5;--line-height-lg: 1.75;--line-height-sm: 1.3;--line-height-tight: 1.1;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 48px;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .04);--shadow-2: 0 4px 10px rgba(15, 23, 42, .06);--shadow-3: 0 8px 20px rgba(15, 23, 42, .1);--shadow-4: 0 12px 28px rgba(16, 24, 40, .15);--shadow-5: 0 16px 36px rgba(16, 24, 40, .18);--shadow-primary: 0 4px 14px rgba(37, 99, 235, .16);--shadow-success: 0 4px 16px rgba(15, 157, 88, .2);--shadow-warning: 0 4px 16px rgba(199, 119, 0, .22);--shadow-error: 0 4px 16px rgba(201, 60, 55, .22);--shadow-card: 0 1px 3px rgba(15, 23, 42, .04);--shadow-card-hover: 0 6px 18px rgba(15, 23, 42, .08);--shadow-float: 0 16px 48px rgba(16, 24, 40, .18);--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--header-height: 48px;--sub-nav-height: 48px;--page-max-width: 1400px;--page-padding: 24px;--content-min-height: calc(100vh - 48px) ;--duration-fast: .12s;--duration-base: .16s;--duration-slow: .18s;--transition-base: all var(--duration-base) ease;--transition-fast: all var(--duration-fast) ease;--transition-slow: all var(--duration-slow) ease;--transition-bounce: all .24s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: all var(--duration-slow) cubic-bezier(.4, 0, .2, 1);--card-padding: var(--spacing-xl);--card-padding-sm: var(--spacing-lg);--card-padding-lg: var(--spacing-xxl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background:var(--bg-page)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--gray-5);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-6)}::-webkit-scrollbar-track{background:transparent}a{color:var(--text-link);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--text-link-hover)}::selection{background:var(--primary-light);color:var(--primary-color)}.page-container{max-width:var(--page-max-width);margin:0 auto;padding:var(--page-padding)}.page-full{max-width:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-base);margin-bottom:0}.page-header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.page-title{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.2}.page-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.4}.page-header-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.page-stack{display:flex;flex-direction:column;gap:12px}.page-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.summary-card{display:flex;flex-direction:column;gap:4px;min-height:72px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;box-shadow:none}.summary-card.focus{border-color:#2563eb2e;background:linear-gradient(180deg,#fff,#f7faff)}.summary-card-clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.summary-card-clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover);border-color:#2563eb38}.summary-top{display:flex;align-items:center;gap:10px}.summary-icon{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.summary-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.summary-value{color:var(--text-primary);font-size:20px;line-height:1.1;font-weight:var(--font-weight-bold)}.summary-value.emphasis{font-size:18px}.summary-hint{color:var(--text-secondary);font-size:12px;line-height:1.4}.surface-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:none}.surface-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-base);padding:14px 16px;border-bottom:1px solid var(--border-color)}.surface-card-body{padding:16px}.project-page-shell-card{overflow:hidden;border-radius:4px!important;border:1px solid #e5eaf1!important;box-shadow:none!important;background:#f8fafd!important}.project-page-shell-inner{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;min-height:0}.project-page-shell-card>.card-header,.project-page-shell-card>.card-body{padding-left:0;padding-right:0}.project-page-panel{overflow:hidden;border-radius:12px;border:1px solid #e5eaf1;background:#fff;box-shadow:none}.project-page-panel>.card-header{padding:12px 14px}.project-page-panel>.card-body{padding:14px}.toolbar-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-base)}.toolbar-group,.toolbar-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.filter-input{width:260px}.filter-select{width:180px}.project-toolbar-shell{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;width:100%}.project-toolbar-main{display:flex;align-items:center;flex-wrap:wrap;gap:12px;flex:1 1 420px;min-width:0}.project-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto}.project-inline-summary{margin-bottom:8px}.project-inline-summary :deep(.insight-grid){grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.project-inline-summary :deep(.insight-card){min-height:64px;padding:10px 12px;border-radius:12px}.project-inline-summary :deep(.summary-value),.project-inline-summary :deep(.summary-value.emphasis){font-size:17px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-base)}.detail-card{padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff}.detail-stack{display:flex;flex-direction:column;gap:var(--spacing-base)}.config-page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) 320px;gap:16px}.config-dialog-shell{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}.config-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;padding:16px}.config-card+.config-card{margin-top:12px}.config-card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.config-card-desc{margin-top:4px;color:var(--text-tertiary);font-size:12px;line-height:1.6}.config-card-body{margin-top:14px}.config-side-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;box-shadow:var(--shadow-card)}.config-side-card+.config-side-card{margin-top:12px}.config-side-title{font-size:14px;font-weight:600;color:var(--text-primary)}.config-side-desc{margin-top:4px;color:var(--text-tertiary);font-size:12px;line-height:1.6}.config-kv-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.config-kv-item{display:flex;flex-direction:column;gap:4px}.config-kv-label{color:var(--text-tertiary);font-size:12px}.config-kv-value{color:var(--text-primary);font-size:13px;line-height:1.6;word-break:break-word}@media (max-width: 1280px){.config-page-grid,.config-dialog-shell{grid-template-columns:1fr}}.detail-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.detail-value{margin-top:6px;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.6}.detail-value.mono,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;word-break:break-all}.card-subtitle{margin-top:4px;color:var(--text-tertiary);font-size:12px;line-height:1.4}.primary-text{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.sub-text{margin-top:4px;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.drawer-section+.drawer-section{margin-top:16px}.section-title{margin-bottom:12px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.artifact-card{padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:linear-gradient(180deg,#fff,#f9fbfe)}.artifact-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.artifact-meta{margin-top:6px;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.empty-text{padding:16px 0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.log-panel,.build-log,.release-log{max-height:480px;overflow-y:auto;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#0f172a}.log-line{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;color:#e2e8f0;word-break:break-word}.log-time{flex-shrink:0;color:#94a3b8}.log-level{min-width:52px;flex-shrink:0;font-weight:600}.log-level.info{color:#60a5fa}.log-level.warn,.log-level.warning{color:#fbbf24}.log-level.error{color:#f87171}.log-level.debug{color:#34d399}.log-message{flex:1;min-width:0}.code-block{padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#0f172a;color:#e2e8f0;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.7}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-base);padding:14px 16px;border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-body{padding:16px}.compact-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.metric-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:var(--bg-page);color:var(--text-secondary);font-size:12px;line-height:1}.metric-chip.accent{background:#1677ff14;color:var(--primary-color)}.table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}.table-actions :deep(.el-button),.table-actions .el-button{margin-left:0!important}.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.card-plain{border:none;box-shadow:var(--shadow-2)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-base);border:1px solid var(--border-color);transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-3)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0;box-shadow:var(--shadow-2)}.stat-icon.primary{background:var(--gradient-primary)}.stat-icon.success{background:var(--gradient-success)}.stat-icon.warning{background:var(--gradient-warning)}.stat-icon.error{background:var(--gradient-danger)}.stat-icon.info{background:var(--primary-color)}.stat-icon.purple{background:linear-gradient(135deg,#722ed1,#9254de)}.stat-icon.cyan{background:linear-gradient(135deg,#13c2c2,#40d9d9)}.stat-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.data-table{--el-table-header-bg-color: var(--gray-2);--el-table-header-text-color: var(--text-primary);--el-table-row-hover-bg-color: var(--primary-lighter);border-radius:var(--radius-md);overflow:hidden}.data-table :deep(.el-table__header th){font-weight:var(--font-weight-semibold);background:#f7f9fc;color:var(--text-primary);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color)}.data-table :deep(.el-table__body tr){transition:background var(--transition-fast)}.data-table :deep(.el-table__body tr:hover){background:var(--primary-lighter)}.data-table :deep(.el-table__cell){padding:12px 14px}.data-table :deep(.cell){word-break:break-word}.data-table :deep(.el-table__fixed-right .cell),.data-table :deep(.el-table__fixed .cell){white-space:normal}.module-tabs :deep(.el-tabs__header){margin-bottom:12px}.module-tabs :deep(.el-tabs__nav-wrap::after){background:var(--border-color)}.module-tabs :deep(.el-tabs__item){height:36px;padding:0 14px;border-radius:999px;color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast)}.module-tabs :deep(.el-tabs__item.is-active){color:var(--primary-color);background:#1677ff14}.module-tabs :deep(.el-tabs__active-bar){display:none}.pagination-wrapper{padding:12px 16px;display:flex;justify-content:flex-end;background:var(--bg-card);border-radius:0 0 var(--radius-md) var(--radius-md)}.status-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot.processing{background:var(--primary-color);animation:pulse 1.5s infinite}.status-dot.pending,.status-dot.running{background:var(--warning-color);animation:pulse 1.5s infinite}.status-dot.success{background:var(--success-color)}.status-dot.failed,.status-dot.cancelled,.status-dot.error{background:var(--error-color)}.status-dot.warning{background:var(--warning-color)}.status-dot.default{background:var(--gray-6)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-processing{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-default{color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px var(--spacing-xl);color:var(--text-tertiary);animation:fadeIn .3s ease;text-align:center}.el-drawer__header{margin-bottom:0!important;padding:16px 18px 12px!important;border-bottom:1px solid var(--border-color)}.el-drawer__body{padding:16px 18px 20px!important}.el-dialog__header{margin-right:0!important;padding:16px 18px 12px!important;border-bottom:1px solid var(--border-color)}.el-dialog__body{padding:16px 18px!important}.el-dialog__footer{padding:12px 18px 16px!important;border-top:1px solid var(--border-color)}.empty-icon{font-size:64px;color:var(--gray-5);margin-bottom:var(--spacing-base);animation:bounce 2s infinite}.empty-title{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.empty-desc{font-size:var(--font-size-sm);color:var(--text-tertiary)}.empty-state.mini{padding:var(--spacing-lg)}.empty-state.mini .empty-icon{font-size:40px}.list-content{padding:var(--spacing-xs) 0}.list-row{display:flex;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-3);transition:background var(--transition-fast)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--gray-2)}.el-button{font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.el-button--primary{box-shadow:var(--shadow-primary)}.el-button--success{box-shadow:var(--shadow-success)}.el-button--warning{box-shadow:var(--shadow-warning)}.el-button--danger{box-shadow:var(--shadow-error)}.el-button+.el-button{margin-left:0}.el-tag{font-weight:var(--font-weight-medium);border-radius:var(--radius-base);padding:2px 10px}.el-input__wrapper,.el-textarea__inner{box-shadow:0 0 0 1px var(--border-color) inset;border-radius:var(--radius-base);transition:var(--transition-fast)}.el-input__wrapper:hover,.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--border-color-hover) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--primary-light) inset}.el-radio-group{display:inline-flex;gap:8px;flex-wrap:wrap}.el-radio-button__inner{border-radius:999px!important;border:1px solid var(--border-color)!important;box-shadow:none!important;padding:8px 14px}.el-radio-button:first-child .el-radio-button__inner,.el-radio-button:last-child .el-radio-button__inner{border-radius:999px!important}.el-radio-button__original-radio:checked+.el-radio-button__inner{border-color:var(--primary-color)!important;background:var(--primary-light)!important;color:var(--primary-color)!important}.card-selector{display:flex;gap:var(--spacing-base);flex-wrap:wrap}.card-selector-item{padding:var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);min-width:120px;text-align:center}.card-selector-item:hover{border-color:var(--primary-hover);background:var(--primary-light)}.card-selector-item.selected{border-color:var(--primary-color);background:var(--primary-light);box-shadow:var(--shadow-primary)}.gradient-bg-primary{background:var(--gradient-primary)}.gradient-bg-success{background:var(--gradient-success)}.gradient-bg-warning{background:var(--gradient-warning)}.gradient-bg-danger{background:var(--gradient-danger)}.gradient-bg-dark{background:var(--gradient-dark)}.glass-effect{background:var(--bg-mask);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}@media (max-width: 1280px){.stats-row{grid-template-columns:repeat(2,1fr)}.page-summary-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.stats-row,.page-summary-grid,.detail-grid{grid-template-columns:1fr}.page-container{padding:var(--spacing-base)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-base)}.surface-card-header,.toolbar-bar,.toolbar-group,.toolbar-row,.card-header{flex-direction:column;align-items:flex-start}.filter-input,.filter-select{width:100%}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.animate-scale-in{animation:scaleIn .2s ease}.shadow-sm{box-shadow:var(--shadow-1)}.shadow-md{box-shadow:var(--shadow-2)}.shadow-lg{box-shadow:var(--shadow-3)}.shadow-xl{box-shadow:var(--shadow-4)}.shadow-primary{box-shadow:var(--shadow-primary)}