@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f6fa;--surface: #ffffff;--border: #e5e9f0;--text: #1a1d27;--text-muted: #6b7280;--accent: #3b82f6;--accent-hover: #2563eb;--sidebar-w: 210px;--radius: 10px;--shadow: 0 1px 4px rgba(0,0,0,.07)}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column}.sidebar-logo{padding:22px 18px 18px;border-bottom:1px solid var(--border);font-size:15px;font-weight:700;color:var(--accent)}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-item{background:none;border:none;font-family:inherit;font-size:13px;color:var(--text-muted);padding:9px 12px;border-radius:7px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.sidebar-item:hover{background:#f0f4ff;color:var(--text)}.sidebar-item.active{background:#eff6ff;color:var(--accent);font-weight:600}.sidebar-updated{padding:14px 18px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);display:flex;flex-direction:column;gap:2px}.sidebar-updated span{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.app-main{margin-left:var(--sidebar-w);flex:1;min-width:0}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted)}.dashboard{padding:28px 32px;max-width:1440px}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.dashboard-title{font-size:20px;font-weight:700;letter-spacing:-.01em}.dashboard-sub{font-size:13px;color:var(--text-muted);margin-top:3px}.badge-registros{background:var(--accent);color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;white-space:nowrap}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px 16px;margin-bottom:24px;box-shadow:var(--shadow)}.filter-bar-top{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:220px}.filter-label{font-size:12px;font-weight:600;color:var(--text-muted)}.filter-select-wrapper{position:relative;cursor:pointer}.filter-select-box{border:1px solid var(--border);border-radius:7px;padding:8px 12px;background:var(--bg);display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:38px;position:relative}.filter-placeholder{color:var(--text-muted);font-size:13px}.filter-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:12px}.filter-tag{background:#eff6ff;color:var(--accent);font-size:12px;font-weight:500;padding:2px 8px 2px 10px;border-radius:20px;display:flex;align-items:center;gap:4px}.filter-tag button{background:none;border:none;cursor:pointer;color:var(--accent);font-size:14px;padding:0;line-height:1}.filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 4px 16px #0000001a;z-index:100;padding:6px;max-height:220px;overflow-y:auto}.filter-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:5px;cursor:pointer;font-size:13px}.filter-dropdown-item:hover{background:var(--bg)}.filter-date-box input{border:1px solid var(--border);border-radius:7px;padding:8px 12px;background:var(--bg);font-family:inherit;font-size:13px;color:var(--text);width:100%}.filter-bar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.filter-registros{font-size:12px;color:var(--text-muted);margin-right:auto}.btn-apply{background:var(--accent);color:#fff;border:none;border-radius:7px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.btn-apply:hover{background:var(--accent-hover)}.btn-clear{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:7px;padding:9px 18px;font-family:inherit;font-size:13px;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.kpi-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.kpi-value{font-size:20px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.kpi-sub{font-size:12px;font-weight:500;margin-top:2px}.charts-row{display:flex;gap:14px;margin-bottom:14px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;flex:1;min-width:0;box-shadow:var(--shadow)}.chart-card.wide{flex:2}.chart-card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:16px}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:14px;box-shadow:var(--shadow);overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:8px 14px;border-bottom:1px solid var(--border)}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8faff}