*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f14;--bg2: #13161e;--bg3: #1a1e29;--border: #252a38;--border2: #2e3448;--text: #e8eaf0;--text2: #8b92a8;--text3: #545d78;--accent: #3d7fff;--accent2: #2563d4;--green: #22c55e;--red: #ef4444;--yellow: #f59e0b;--orange: #f97316;--purple: #a855f7;--font: "IBM Plex Sans", sans-serif;--mono: "IBM Plex Mono", monospace;--radius: 8px;--radius2: 12px;--shadow: 0 4px 24px rgba(0,0,0,.4);--transition: .15s ease}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge-green{background:#22c55e1f;color:var(--green)}.badge-red{background:#ef44441f;color:var(--red)}.badge-yellow{background:#f59e0b1f;color:var(--yellow)}.badge-orange{background:#f973161f;color:var(--orange)}.badge-blue{background:#3d7fff1f;color:var(--accent)}.badge-purple{background:#a855f71f;color:var(--purple)}.badge-gray{background:#8b92a81f;color:var(--text2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--radius);color:var(--text2);transition:all var(--transition)}.btn-icon:hover{background:var(--bg3);color:var(--text)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg3);color:var(--text);border-color:var(--border2)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius2)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:500;color:var(--text2);letter-spacing:.04em;text-transform:uppercase}.form-input{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:8px 12px;color:var(--text);font-size:13px;transition:border-color var(--transition);outline:none;width:100%}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text3)}select.form-input{cursor:pointer}select.form-input option{background:var(--bg3)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text3);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg3)}tbody td{padding:11px 14px;font-size:13px;color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius2);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.modal-lg{max-width:740px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-title{font-size:15px;font-weight:600}.modal-body{padding:22px}.modal-footer{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-title{font-size:20px;font-weight:700}.page-subtitle{font-size:13px;color:var(--text2);margin-top:2px}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);padding:7px 12px;min-width:240px}.search-bar input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%}.search-bar input::placeholder{color:var(--text3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text3)}.empty-state svg{opacity:.3}.empty-state p{font-size:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.divider{height:1px;background:var(--border);margin:16px 0}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg3);border:1px solid var(--border2);border-radius:20px;cursor:pointer;transition:all var(--transition)}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--text3);border-radius:50%;transition:all var(--transition)}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px);background:#fff}.pagination{display:flex;align-items:center;justify-content:between;gap:4px;padding-top:16px}.page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:13px;color:var(--text2);transition:all var(--transition);cursor:pointer}.page-btn:hover{background:var(--bg3);color:var(--text)}.page-btn.active{background:var(--accent);color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;position:relative}.metric-card.blue{border-top:3px solid #1e6feb}.metric-card.green{border-top:3px solid #3fb950}.metric-card.yellow{border-top:3px solid #d29922}.metric-card.purple{border-top:3px solid #a371f7}.metric-icon{width:22px;height:22px;color:var(--text3);margin-bottom:10px}.metric-label{font-size:12px;color:var(--text2);margin-bottom:6px}.metric-value{font-size:28px;font-weight:700;line-height:1}.metric-unit{font-size:14px;font-weight:400;color:var(--text2);margin-left:4px}.metric-sub{font-size:11px;color:var(--text3);margin-top:6px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi-label{font-size:12px;color:var(--text2);margin-bottom:6px}.kpi-value{font-size:22px;font-weight:700;margin-bottom:8px}.kpi-value.green{color:#3fb950}.kpi-value.blue{color:#1e6feb}.kpi-value.yellow{color:#d29922}.kpi-value.red{color:#f85149}.kpi-bar-bg{height:4px;background:var(--bg3);border-radius:4px;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.section-row{margin-bottom:20px}.section-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-row.full{display:block}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-title{font-size:14px;font-weight:600}.card-subtitle{font-size:12px;color:var(--text2);margin-top:2px}.card-badge{font-size:11px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:2px 10px}.card-body{padding:16px 20px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.table-wrap th{padding:10px 16px;text-align:left;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg3)}.table-wrap td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}.table-wrap tr:last-child td{border-bottom:none}.table-wrap tr:hover td{background:var(--bg3)}.loading-center{display:flex;align-items:center;justify-content:center;padding:48px}.tecnicos-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.tecnico-row{display:flex;align-items:center;gap:10px}.tecnico-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--bg3);color:var(--text2)}.tecnico-rank.gold{background:#d2992233;color:#d29922}.tecnico-rank.silver{background:#8b949e33;color:#8b949e}.tecnico-rank.bronze{background:#ad6f4233;color:#ad6f42}.tecnico-info{flex:1}.tecnico-name{font-size:13px;font-weight:500}.tecnico-esp{font-size:11px;color:var(--text3)}.tecnico-count{font-size:16px;font-weight:700;color:var(--accent)}.alerts-list{display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:13px}.alert-item.warning{background:#d299221a;color:#d29922}.alert-item.error{background:#f851491a;color:#f85149}.alert-item.info{background:#1e6feb1a;color:#58a6ff}.no-alerts{text-align:center;padding:24px;color:var(--text3);font-size:13px}.year-selector{display:flex;align-items:center;gap:8px}.year-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg3);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text2)}.year-btn:hover{background:var(--bg3);color:var(--text)}.year-btn:disabled{opacity:.4;cursor:not-allowed}.year-display{font-size:14px;font-weight:600;min-width:40px;text-align:center}.badge-programado{background:#58a6ff26;color:#58a6ff;padding:2px 8px;border-radius:6px;font-size:11px}.badge-realizado{background:#3fb95026;color:#3fb950;padding:2px 8px;border-radius:6px;font-size:11px}.badge-cancelado{background:#f8514926;color:#f85149;padding:2px 8px;border-radius:6px;font-size:11px}.badge-pendiente{background:#d2992226;color:#d29922;padding:2px 8px;border-radius:6px;font-size:11px}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg2)!important;border:1px solid var(--border)!important;border-radius:8px!important;font-size:12px!important;color:var(--text)!important}.recharts-tooltip-label{color:var(--text2)!important;margin-bottom:4px!important}.page-body{padding:0 28px 28px}.ph-title{font-size:20px;font-weight:700}.ph-sub{font-size:13px;color:var(--text2);margin-top:2px}.loading-c{display:flex;align-items:center;justify-content:center;padding:48px}.mcards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.mcard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.mcard.blue{border-top:3px solid #1e6feb}.mcard.green{border-top:3px solid #3fb950}.mcard.yellow{border-top:3px solid #d29922}.mcard.red{border-top:3px solid #f85149}.mcard.purple{border-top:3px solid #a371f7}.mcard.orange{border-top:3px solid #f0883e}.mc-icon{color:var(--text3);margin-bottom:10px}.mc-label{font-size:12px;color:var(--text2);margin-bottom:6px}.mc-val{font-size:28px;font-weight:700;line-height:1}.mc-unit{font-size:14px;font-weight:400;color:var(--text2);margin-left:4px}.mc-sub{font-size:11px;color:var(--text3);margin-top:6px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.dash-full{margin-bottom:20px}.progress-row{padding:10px 0;border-bottom:1px solid var(--border)}.pr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pr-name{font-size:13px;font-weight:500}.pr-esp{font-size:11px;color:var(--text3)}.pr-count{font-size:18px;font-weight:700}.pr-sub{font-size:11px;color:var(--text3)}.pr-track{height:6px;background:var(--bg3);border-radius:4px;overflow:hidden;margin-top:4px}.pr-fill{height:100%;border-radius:4px;transition:width .5s}.tbl-wrap{overflow-x:auto}.tbl-wrap table{width:100%;border-collapse:collapse;font-size:13px}.tbl-wrap th{padding:10px 16px;text-align:left;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg3)}.tbl-wrap td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}.tbl-wrap tr:last-child td{border-bottom:none}.tbl-wrap tr:hover td{background:var(--bg3)}.badge{padding:2px 8px;border-radius:6px;font-size:11px}.b-programado{background:#58a6ff26;color:#58a6ff}.b-realizado{background:#3fb95026;color:#3fb950}.b-cancelado{background:#f8514926;color:#f85149}.b-pendiente{background:#d2992226;color:#d29922}.prev-summary{display:flex;gap:16px;margin-bottom:16px}.prev-item{flex:1;background:var(--bg3);border-radius:8px;padding:12px;text-align:center}.prev-num{font-size:24px;font-weight:700}.prev-lbl{font-size:11px;color:var(--text3);margin-top:2px}.modal-close{background:transparent;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:4px 8px}.modal-close:hover{color:var(--red)}