.app-shell{height:100%}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--bottom-nav-height: 60px;--header-height: 52px;--color-primary: #4f46e5;--color-primary-light: #6366f1;--color-primary-bg: #eef2ff;--color-primary-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--color-bg: #f1f5f9;--color-bg-secondary: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-surface-raised: #ffffff;--color-text: #0f172a;--color-text-secondary: #334155;--color-text-sub: #64748b;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-divider: #f1f5f9;--color-success: #059669;--color-success-light: #10b981;--color-success-bg: #ecfdf5;--color-danger: #dc2626;--color-danger-light: #ef4444;--color-danger-bg: #fef2f2;--color-warn: #d97706;--color-warn-light: #f59e0b;--color-warn-bg: #fffbeb;--color-info: #0891b2;--color-info-light: #06b6d4;--color-info-bg: #ecfeff;--shadow-xs: 0 1px 2px rgba(0,0,0,.03);--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.04), 0 2px 4px rgba(0,0,0,.03);--shadow-lg: 0 10px 15px rgba(0,0,0,.05), 0 4px 6px rgba(0,0,0,.03);--shadow-xl: 0 20px 25px rgba(0,0,0,.06), 0 8px 10px rgba(0,0,0,.03);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--ease: cubic-bezier(.4,0,.2,1);--ease-out: cubic-bezier(0,0,.2,1);--ease-in: cubic-bezier(.4,0,1,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--transition-fast: .15s var(--ease);--transition: .25s var(--ease);--transition-slow: .4s var(--ease);--transition-spring: .35s var(--ease-spring);--text-xs: .69rem;--text-sm: .81rem;--text-base: .94rem;--text-lg: 1.06rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--primary: var(--color-primary);--primary-light: var(--color-primary-light);--bg: var(--color-bg);--surface: var(--color-surface);--text: var(--color-text);--text-sub: var(--color-text-sub);--text-muted: var(--color-text-muted);--border: var(--color-border);--success: var(--color-success);--danger: var(--color-danger);--warn: var(--color-warn);--skeleton-base: #e5e7eb;--skeleton-shine: #f3f4f6;--color-bg-elevated: #ffffff;--color-bg-input: #ffffff;--color-bg-hover: #f1f5f9;--color-bg-warn-light: #fffbeb;--color-bg-info-light: #eff6ff;--color-bg-orange-light: #fff7ed;--color-text-heading: #0f172a;--color-text-body: #334155;--color-text-inverse: #ffffff;--ds-border: #e5e7eb;--hero-bg: #f8fafc;--hero-color: var(--color-text-heading);--hero-border: 1px solid var(--color-border-light);--hero-btn-border: var(--color-border);--hero-btn-color: var(--color-text-secondary);--hero-btn-hover-border: var(--color-primary);--hero-btn-hover-bg: var(--color-primary-bg);--hero-btn-hover-color: var(--color-primary);--hero-btn-primary-bg: var(--color-primary);--hero-btn-primary-border: var(--color-primary);--hero-btn-primary-color: #fff;--sidebar-bg: #ffffff;--sidebar-brand-color: var(--color-primary);--sidebar-nav-color: #64748b;--sidebar-nav-hover-bg: var(--color-primary-bg);--sidebar-nav-hover-color: var(--color-primary);--sidebar-nav-active-bg: var(--color-primary-bg);--sidebar-nav-active-color: var(--color-primary);--sidebar-nav-active-border: var(--color-primary);--sidebar-muted: #94a3b8;--sidebar-footer-border: var(--color-border)}[data-theme=dark]{--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-bg: #1e1b4b;--color-primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--color-bg: #0b1120;--color-bg-secondary: #111827;--color-surface: #1a2332;--color-surface-hover: #1f2a3a;--color-surface-raised: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-sub: #94a3b8;--color-text-muted: #64748b;--color-border: #1e293b;--color-border-light: #1a2332;--color-divider: #1e293b;--color-success: #34d399;--color-success-light: #6ee7b7;--color-success-bg: #064e3b;--color-danger: #f87171;--color-danger-light: #fca5a5;--color-danger-bg: #7f1d1d;--color-warn: #fbbf24;--color-warn-light: #fcd34d;--color-warn-bg: #78350f;--color-info: #22d3ee;--color-info-light: #67e8f9;--color-info-bg: #164e63;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 4px 6px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px rgba(0,0,0,.3);--shadow-xl: 0 20px 25px rgba(0,0,0,.35);--shadow-card: 0 1px 3px rgba(0,0,0,.25);--el-color-white: #1a2332;--el-color-black: #e5eaf3;--el-border-color-base: #2d3a4a;--color-bg-elevated: #1a2332;--color-bg-input: #1e293b;--color-bg-hover: #1e293b;--color-bg-warn-light: #3d2e0a;--color-bg-info-light: #0a2e3d;--color-bg-orange-light: #3d1e0a;--skeleton-base: #1e293b;--skeleton-shine: #334155;--color-text-heading: #f1f5f9;--color-text-body: #cbd5e1;--color-text-inverse: #0f172a;--ds-border: #334155;--hero-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--hero-color: #ffffff;--hero-border: none;--hero-btn-border: rgba(255,255,255,.25);--hero-btn-color: rgba(255,255,255,.85);--hero-btn-hover-border: rgba(255,255,255,.4);--hero-btn-hover-bg: rgba(255,255,255,.1);--hero-btn-hover-color: rgba(255,255,255,.95);--hero-btn-primary-bg: rgba(255,255,255,.2);--hero-btn-primary-border: rgba(255,255,255,.3);--hero-btn-primary-color: #fff;--sidebar-bg: #1e293b;--sidebar-brand-color: #ffffff;--sidebar-nav-color: #94a3b8;--sidebar-nav-hover-bg: rgba(255,255,255,.06);--sidebar-nav-hover-color: #e2e8f0;--sidebar-nav-active-bg: rgba(99,102,241,.15);--sidebar-nav-active-color: #818cf8;--sidebar-nav-active-border: #818cf8;--sidebar-muted: #64748b;--sidebar-footer-border: rgba(255,255,255,.08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;height:100%}body{height:100%;background:var(--color-surface)}#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none;transition:background var(--transition),color var(--transition);letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em}.page{padding:16px 16px 24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h2{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.search-bar{margin-bottom:14px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:all var(--transition-fast);cursor:pointer}.stat-card:active{transform:scale(.98)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card .label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.stat-card .value{font-size:var(--text-3xl);font-weight:800;margin-top:6px;color:var(--color-text);letter-spacing:-.03em}.stat-card .value.primary{color:var(--color-primary)}.stat-card .value.success{color:var(--color-success)}.stat-card .value.warn{color:var(--color-warn)}.stat-card .value.danger{color:var(--color-danger)}.list-card{background:var(--color-surface);border-radius:var(--radius-md);padding:16px;margin-bottom:10px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:14px}.list-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.list-card:active{transform:scale(.98);background:var(--color-surface-hover)}.list-card .lc-left{flex:1;min-width:0}.list-card .lc-title{font-size:var(--text-base);font-weight:600;margin-bottom:3px}.list-card .lc-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:8px}.list-card .lc-right{flex-shrink:0;text-align:right}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:600;line-height:1.6}.tag-primary{background:var(--color-primary-bg);color:var(--color-primary)}.tag-success{background:var(--color-success-bg);color:var(--color-success)}.tag-danger{background:var(--color-danger-bg);color:var(--color-danger)}.tag-warn{background:var(--color-warn-bg);color:var(--color-warn)}.tag-info{background:var(--color-info-bg);color:var(--color-info)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;color:#fff;background:var(--color-primary)}.section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:12px}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state .empty-title{font-size:var(--text-base);font-weight:600;margin-bottom:6px;color:var(--color-text-secondary)}.empty-state .empty-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-border) 50%,var(--color-border-light) 75%);background-size:200% 100%;border-radius:var(--radius-xs);animation:skeleton-shimmer 1.5s infinite ease-in-out}@keyframes skeleton-shimmer{0%{background-position:200% 0;opacity:.7}50%{opacity:1}to{background-position:-200% 0;opacity:.7}}.skeleton-text{height:14px;margin-bottom:8px;width:100%}.skeleton-text:last-child{width:60%}.skeleton-card{height:80px;border-radius:var(--radius-md);margin-bottom:10px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + 16px);right:16px;width:56px;height:56px;border-radius:50%;background:var(--color-primary-gradient);box-shadow:0 4px 14px #4f46e559;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:30;transition:all var(--transition-spring)}.fab:active{transform:scale(.9)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 12px #4f46e500}to{box-shadow:0 0 #4f46e500}}.animate-fade-in{animation:fadeIn var(--transition) var(--ease-out)}.animate-slide-up{animation:slideUp var(--transition) var(--ease-out)}.animate-slide-down{animation:slideDown var(--transition) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-spring)}.el-dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;margin-top:auto!important;max-width:100vw!important}@media (min-width: 768px){.el-dialog{border-radius:var(--radius-lg)!important;margin-top:10vh!important}}.el-button--primary{background:var(--color-primary-gradient)!important;border:none!important;box-shadow:0 2px 8px #4f46e54d}.el-button--primary:active{box-shadow:0 1px 4px #4f46e533}.el-button.is-text{color:var(--color-text-sub)}.el-button.is-text:hover,.el-button.is-text:focus{color:var(--color-primary);background:var(--color-primary-bg)}html.dark .el-button{--el-button-bg-color: #1a2332;--el-button-border-color: #2d3a4a;--el-button-text-color: #cbd5e1}html.dark .el-checkbox__inner{background-color:#1e293b;border-color:#475569}[data-theme=light] .el-checkbox__inner,:root .el-checkbox__inner{background-color:var(--color-bg-secondary);border-color:#cbd5e1}html.dark .el-input__wrapper{background-color:#1e293b;box-shadow:0 0 0 1px #334155 inset!important}html.dark .el-select .el-input__wrapper{background-color:#1e293b}html.dark .el-table{--el-table-bg-color: #1a2332;--el-table-tr-bg-color: #1a2332;--el-table-header-bg-color: #1e293b;--el-table-row-hover-bg-color: #1e293b;--el-table-border-color: #1e293b}html.dark .el-dialog{--el-dialog-bg-color: #1a2332;--el-dialog-title-font-color: #f1f5f9}html.dark .el-drawer{--el-drawer-bg-color: #1a2332}html.dark .el-overlay{background-color:#000000b3}html.dark .el-dropdown-menu,html.dark .el-select-dropdown,html.dark .el-popper{--el-bg-color-overlay: #1e293b;background-color:#1e293b;border-color:#334155}html.dark .el-select-dropdown__item,html.dark .el-dropdown-menu__item{color:#cbd5e1}html.dark .el-select-dropdown__item:hover,html.dark .el-dropdown-menu__item:hover{background-color:#1a2332}html.dark .el-select-dropdown__item.selected{color:#818cf8}html.dark .el-tag{--el-tag-bg-color: #1e293b;--el-tag-border-color: #334155;--el-tag-text-color: #cbd5e1}html.dark .el-tag--default{background-color:#1e293b;border-color:#334155;color:#cbd5e1}html.dark .el-pagination .btn-prev,html.dark .el-pagination .btn-next,html.dark .el-pager li{background-color:#1e293b;color:#cbd5e1}html.dark .el-pagination .btn-prev:hover,html.dark .el-pagination .btn-next:hover,html.dark .el-pager li:hover{color:#818cf8}html.dark .el-pager li.is-active{background-color:#4f46e5;color:#fff}html.dark .el-pagination.is-background .btn-prev,html.dark .el-pagination.is-background .btn-next,html.dark .el-pagination.is-background .el-pager li{background-color:#1e293b;color:#cbd5e1}html.dark .el-pagination.is-background .el-pager li.is-active{background-color:#4f46e5}html.dark .el-radio__inner{background-color:#1e293b;border-color:#475569}html.dark .el-switch__core{background-color:#475569;border-color:#475569}html.dark .el-date-picker,html.dark .el-date-range-picker{background-color:#1e293b;border-color:#334155}html.dark .el-date-table th,html.dark .el-month-table th,html.dark .el-year-table th{color:#94a3b8}html.dark .el-picker-panel__icon-btn:hover{color:#818cf8}html.dark .el-form-item__label{color:#cbd5e1}html.dark .el-input__inner{color:#f1f5f9}html.dark .el-input__inner::placeholder{color:#64748b}html.dark .el-input-number .el-input__inner{color:#f1f5f9}html.dark .el-textarea__inner{background-color:#1e293b;color:#f1f5f9;border-color:#334155}html.dark .el-popconfirm,html.dark .el-tooltip__popper{background-color:#1e293b;border-color:#334155;color:#cbd5e1}html.dark .el-collapse-item__header{background-color:#1a2332;border-color:#1e293b;color:#cbd5e1}html.dark .el-collapse-item__wrap{background-color:#1a2332;border-color:#1e293b}html.dark .el-collapse-item__content{color:#94a3b8}html.dark .el-tree-node__content:hover{background-color:#1e293b}html.dark .el-upload-dragger{background-color:#1a2332;border-color:#334155}html.dark .el-tabs__header{border-color:#1e293b}html.dark .el-tabs__item{color:#94a3b8}html.dark .el-tabs__item.is-active{color:#818cf8}html.dark .el-divider__text{background-color:#1a2332;color:#94a3b8}html.dark .el-descriptions__label{color:#94a3b8}html.dark .el-descriptions__content{color:#cbd5e1}html.dark .el-timeline-item__content{color:#94a3b8}html.dark .el-rate__icon{color:#334155}html.dark .el-tree-select__popper{background-color:#1e293b;border-color:#334155}html.dark .el-message-box{background-color:#1a2332;border-color:#334155}html.dark .el-message-box__title{color:#f1f5f9}html.dark .el-message-box__message{color:#cbd5e1}html.dark .el-message-box__input .el-input__inner{color:#f1f5f9}html.dark .el-progress-bar__outer{background-color:#1e293b}html.dark .el-alert__title{color:#cbd5e1}.el-input__wrapper{border-radius:var(--radius-sm)!important;box-shadow:0 1px 2px #00000008!important;transition:all var(--transition-fast)}.el-input__wrapper:focus-within,.el-input.is-focus .el-input__wrapper,.el-textarea__inner:focus,.el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--color-primary)!important}.el-form-item.is-error .el-input__wrapper{box-shadow:0 0 0 1px var(--color-danger)!important;border-left:3px solid var(--color-danger)}.el-form-item.is-error .el-textarea__inner{border-left:3px solid var(--color-danger)}.el-form-item{margin-bottom:18px}[data-theme=dark] .el-input__wrapper{box-shadow:0 1px 2px #0000004d!important}.el-tag{border-radius:20px!important;font-weight:600!important}.el-drawer.btt{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}::selection{background:var(--color-primary-bg);color:var(--color-primary)}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-bar .el-input__wrapper{border-radius:8px;border:1px solid var(--border);box-shadow:none}.filter-bar .el-input__wrapper:hover{border-color:var(--primary-light)}.filter-bar .el-input.is-focus .el-input__wrapper,.filter-bar .el-select .el-input.is-focus .el-input__wrapper{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.search-bar .el-input__wrapper{border-radius:8px;border:1px solid var(--border);box-shadow:none}.search-bar .el-input__wrapper:hover{border-color:var(--primary-light)}.search-bar .el-input.is-focus .el-input__wrapper{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.chip{flex-shrink:0;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;color:var(--text-sub);background:var(--border);cursor:pointer;border:1px solid var(--border);transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--primary-light);color:var(--primary)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chip:active{transform:scale(.95)}[data-theme=dark] .chip{background:var(--color-surface);color:var(--text-sub);border-color:var(--color-border)}[data-theme=dark] .chip:hover{border-color:var(--primary-light);color:var(--primary-light)}[data-theme=dark] .chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}[data-theme=dark] .filter-bar .el-input__wrapper,[data-theme=dark] .search-bar .el-input__wrapper{border-color:var(--color-border)}:root{--ds-bg: #f9fafb;--ds-surface: #ffffff;--ds-border: #e5e7eb;--ds-text: #111827;--ds-text-sub: #6b7280;--ds-text-muted: #9ca3af;--ds-accent: #2563eb;--ds-accent-sub: #3b82f6;--ds-accent-bg: #eff6ff;--ds-success: #059669;--ds-danger: #dc2626;--ds-warn: #d97706;--ds-radius-sm: 10px;--ds-radius-md: 14px;--ds-radius-lg: 18px;--ds-shadow-sm: 0 1px 2px rgba(0,0,0,.03);--ds-shadow-md: 0 2px 8px rgba(0,0,0,.05);--ds-shadow-lg: 0 4px 20px rgba(0,0,0,.08);--ds-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ds-font-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--ds-ease: cubic-bezier(.4, 0, .2, 1)}.ds-hero{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#fff}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm)}.ds-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ds-stat-cell{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:14px 12px;text-align:center;box-shadow:var(--ds-shadow-sm)}.ds-stat-num{font-size:20px;font-weight:800;color:var(--ds-text);letter-spacing:-.4px}.ds-stat-label{font-size:11px;color:var(--ds-text-muted);margin-top:2px;font-weight:500}.ds-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:16px 18px;border-radius:var(--ds-radius-lg);background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#fff}.ds-page-header h2{margin:0;font-size:18px;font-weight:800;letter-spacing:.3px}.ds-chip{flex-shrink:0;padding:5px 12px;border-radius:20px;font-size:12px;color:var(--ds-text-sub);background:var(--ds-surface);border:1px solid var(--ds-border);cursor:pointer;transition:all .15s var(--ds-ease);white-space:nowrap;font-weight:500}.ds-chip.active{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent)}.ds-section-title{font-size:14px;font-weight:700;color:var(--ds-text);margin-bottom:10px;letter-spacing:.3px}[data-theme=dark]{--ds-bg: #0b1120;--ds-surface: #1a2332;--ds-border: #2d3a4f;--ds-text: #f1f5f9;--ds-text-sub: #94a3b8;--ds-text-muted: #64748b;--ds-accent: #818cf8;--ds-accent-sub: #6366f1;--ds-accent-bg: #1e293b;--ds-shadow-sm: 0 1px 2px rgba(0,0,0,.2);--ds-shadow-md: 0 2px 8px rgba(0,0,0,.3);--ds-shadow-lg: 0 4px 20px rgba(0,0,0,.4)}[data-theme=dark] .ds-hero{background:linear-gradient(135deg,#0b1120,#1a2332,#0b1120)}[data-theme=dark] .ds-page-header{background:linear-gradient(135deg,#1a2332,#243447,#1a2332)}[data-theme=dark] .ds-chip{background:var(--ds-surface)}[data-theme=dark] .ds-chip.active{background:var(--ds-accent);color:#fff}@keyframes pull-hint{0%{transform:translateY(-6px);opacity:.6}50%{transform:translateY(0);opacity:1}to{transform:translateY(-6px);opacity:.6}}@supports (-webkit-overflow-scrolling: touch){.pull-to-refresh{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}.swipe-action-left{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;padding:0 16px;border-radius:var(--radius-md) 0 0 var(--radius-md);transform:translate(-100%);transition:transform .2s ease}.swipe-action-right{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding:0 16px;border-radius:0 var(--radius-md) var(--radius-md) 0;transform:translate(100%);transition:transform .2s ease}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-up-enter-from{opacity:0;transform:translateY(12px)}.slide-up-leave-to{opacity:0;transform:translateY(-8px)}.slide-left-enter-active,.slide-left-leave-active{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-left-enter-from{opacity:0;transform:translate(20px)}.slide-left-leave-to{opacity:0;transform:translate(-20px)}.scale-enter-active,.scale-leave-active{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.96)}.list-enter-active{transition:all .35s cubic-bezier(.4,0,.2,1)}.list-leave-active{transition:all .2s ease;position:absolute}.list-enter-from{opacity:0;transform:translateY(16px)}.list-leave-to{opacity:0;transform:translate(20px)}.list-move{transition:transform .3s ease}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,currentColor 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.1;transition:0s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 0 3px #4f46e526}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-bar{display:inline-block;height:1em;border-radius:4px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg-secondary) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.toast-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-leave-active{transition:all .2s ease}.toast-enter-from{opacity:0;transform:translateY(-16px) scale(.95)}.toast-leave-to{opacity:0;transform:translateY(-8px)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media print{.sidebar,.bottom-nav,.fab,.search-bar,.batch-bar,.selection-bar,.alert-row,.offline-bar{display:none!important}.page{padding:0!important;margin:0!important}body{background:#fff!important;color:#000!important}.card,.stat-card,.list-card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}}