*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void: #020917;--bg-deep: #040e22;--bg-surface: #071631;--bg-elevated: #0a1f45;--bg-glass: rgba(10, 31, 69, .65);--cyan: #00d4ff;--cyan-dim: #0099cc;--cyan-glow: rgba(0, 212, 255, .15);--cyan-border: rgba(0, 212, 255, .3);--amber: #ffb300;--amber-glow: rgba(255, 179, 0, .15);--red-alert: #ff3d3d;--green-ok: #00ff88;--green-glow: rgba(0, 255, 136, .15);--text-primary: #e8f4fd;--text-secondary:#7eb8d4;--text-muted: #3a6080;--shadow-card: 0 4px 32px rgba(0, 0, 0, .7);--font-display: "Orbitron", monospace;--font-body: "Exo 2", sans-serif;--sidebar-w: 230px;--header-h: 56px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-void);color:var(--text-primary);min-height:100vh;line-height:1.6;background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:44px 44px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:3px}::selection{background:var(--cyan);color:var(--bg-void)}.card{background:var(--bg-glass);border:1px solid var(--cyan-border);border-radius:14px;padding:1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5}.btn{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;padding:.65rem 1.4rem;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--cyan-dim),var(--cyan));color:var(--bg-void);box-shadow:0 0 16px #00d4ff40}.btn-primary:hover{box-shadow:0 0 28px #00d4ff73;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(135deg,#cc0000,var(--red-alert));color:#fff}.btn-danger:hover{box-shadow:0 0 16px #ff3d3d66}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--cyan-border)}.btn-ghost:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-glow)}.input-field{width:100%;background:#00000073;border:1px solid var(--cyan-border);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;transition:border-color .2s,box-shadow .2s;outline:none}.input-field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.input-field::placeholder{color:var(--text-muted)}.input-field option{background:var(--bg-elevated)}.field-label{display:block;font-family:var(--font-display);font-size:.65rem;letter-spacing:.12em;color:var(--cyan);margin-bottom:.4rem;text-transform:uppercase}.badge{display:inline-block;padding:.18rem .6rem;border-radius:4px;font-family:var(--font-display);font-size:.58rem;letter-spacing:.1em;font-weight:700;text-transform:uppercase}.badge-cyan{background:var(--cyan-glow);color:var(--cyan);border:1px solid var(--cyan-border)}.badge-amber{background:var(--amber-glow);color:var(--amber);border:1px solid rgba(255,179,0,.3)}.badge-green{background:var(--green-glow);color:var(--green-ok);border:1px solid rgba(0,255,136,.3)}.badge-red{background:#ff3d3d1f;color:var(--red-alert);border:1px solid rgba(255,61,61,.3)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--cyan-border),transparent);margin:1.5rem 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .45s ease forwards}.blink{animation:blink 1.4s step-end infinite}.spinner{width:32px;height:32px;border:3px solid var(--cyan-border);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.tabla{width:100%;border-collapse:collapse}.tabla th{padding:.8rem 1rem;text-align:left;font-family:var(--font-display);font-size:.6rem;letter-spacing:.12em;color:var(--text-muted);background:#00000040;text-transform:uppercase}.tabla td{padding:.82rem 1rem;font-size:.85rem;border-bottom:1px solid rgba(0,212,255,.05)}.tabla tr:hover td{background:#00d4ff08}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#00d4ff12!important}.recharts-text{fill:var(--text-secondary)!important;font-family:var(--font-body)!important;font-size:11px!important}@media(max-width:767px){.sidebar-desktop{display:none!important}.topbar-mobile,.sidebar-mobile{display:flex!important}.main-content{padding:1rem!important}.card{padding:1rem;border-radius:10px}.tabla-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{padding:.75rem 1.2rem;font-size:.72rem}.input-field{padding:.85rem 1rem;font-size:1rem}}@media(min-width:768px){.topbar-mobile,.sidebar-mobile{display:none!important}.sidebar-desktop{display:flex!important}}@media(min-width:768px)and (max-width:1024px){.main-content{padding:1.25rem!important}}