@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--primary-light: #eff6ff;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #0ea5e9;--bg-body: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #0f172a;--bg-sidebar-hover: rgba(255,255,255,.06);--bg-header: rgba(255, 255, 255, .85);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-card: 0 4px 24px -4px rgba(0,0,0,.05);--backdrop-blur: blur(12px);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);touch-action:manipulation;-webkit-tap-highlight-color:transparent}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-track{background:transparent}.page-container{padding:clamp(16px,3vw,24px);animation:slideUpFade var(--transition-normal)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;text-wrap:balance}.filter-card,.table-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.filter-card{padding:20px 24px;margin-bottom:20px}.filter-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.table-card{padding:24px;overflow:hidden}.table-card .action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-card .action-bar h3{font-size:17px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.status-tag-active{color:var(--success-color);background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.status-tag-inactive{color:var(--danger-color);background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.tabular-nums{font-variant-numeric:tabular-nums}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}