#app{height:100vh}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{background:var(--color-bg);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}.el-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.el-card__header{font-size:var(--font-heading-m);font-weight:600}.el-input__wrapper,.el-select__wrapper,.el-button{border-radius:var(--radius-sm)}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.section-title{font-size:var(--font-heading-m);color:var(--color-text-primary);font-weight:600}.toolbar{position:sticky;top:0;z-index:10;background:#fff;box-shadow:var(--shadow-md)}.filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-field{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:var(--font-caption);color:var(--color-text-secondary)}.filter-input{background:var(--color-bg);border-radius:var(--radius-sm);padding:12px 14px;color:var(--color-text-primary)}.filter-actions{margin-top:12px;display:flex;gap:12px;justify-content:flex-end}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.content-loading{display:flex;flex-direction:column;gap:12px}.chip-list:empty{display:none}.primary-btn{background:var(--gradient-brand);color:#fff;border:none;border-radius:var(--radius-sm)}.primary-btn:hover{background:var(--gradient-brand-hover)}.ghost-btn{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-divider);border-radius:var(--radius-sm)}.sidebar-card{padding:12px}.filter-title{font-weight:600;margin-bottom:8px;color:var(--color-text-primary);font-size:var(--font-heading-s, 16px)}.sidebar-field{margin-bottom:12px}.sidebar-field .el-date-editor--daterange{width:100%!important;display:block}.sidebar-card .el-divider{margin:12px 0;border-color:var(--color-divider)}.sidebar-actions{display:flex;gap:8px;margin-top:8px}.sidebar-actions .btn-row{flex:1}.sidebar-actions .el-button{height:40px;display:inline-flex;align-items:center;justify-content:center}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-12{margin-bottom:12px}.w-full{width:100%}.flex{display:flex}.justify-end{justify-content:flex-end}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.sidebar-card :deep(.el-button + .el-button){margin-left:0}.sticky-pagination{position:sticky;bottom:0;background:var(--color-card);border-top:1px solid var(--color-divider);padding:8px 12px;z-index:5;min-height:56px}.content-loading .loading-boundary{padding-bottom:calc(env(safe-area-inset-bottom) + 56px)}.content-loading .image-grid{padding-bottom:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}:root{--color-primary: #2e7d32;--color-accent: #1976d2;--color-warning: #ff8f00;--color-success: #4caf50;--color-danger: #d32f2f;--color-bg: #f6f8fa;--color-card: #ffffff;--color-text-primary: #1f2d3d;--color-text-secondary: #4a5b6e;--color-divider: #e5eaf0;--shadow-lg: 0 12px 32px rgba(15, 23, 42, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-sm: 0 4px 12px rgba(15, 23, 42, .06);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 8px;--font-heading-xl: 32px;--font-heading-l: 28px;--font-heading-m: 24px;--font-body: 16px;--font-caption: 14px;--space-8: 8px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-24: 24px;--gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-brand-hover: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);--el-color-primary: #2e7d32}.table-scroll{overflow-x:auto;width:100%;max-width:100%}.data-table :deep(.el-table__header-wrapper){background:#fafafa}.data-table :deep(.el-table__cell){padding:8px 10px}.data-table :deep(.el-table__row){font-size:13px}.btn-full{width:100%;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px}.btn-full :deep(.el-button__content){display:inline-flex;align-items:center;justify-content:center;width:100%}.mt-8{margin-top:8px}.btn-icon{margin-right:6px;font-size:16px;display:inline-flex;align-items:center}.btn-icon-white{color:#fff}.sidebar-card .el-button+.el-button{margin-left:0!important}