@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Barlow:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#080c10;font-family:Barlow,sans-serif}a{text-decoration:none}::selection{color:#000;background:#00e676}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#00e676;border-radius:3px}.font-display{font-family:Barlow Condensed,sans-serif}.text-green{color:#00e676}.text-yellow{color:#ffea00}.text-orange{color:#ff6d00}.bg-dark{background:#080c10}.bg-card{background:#0d1117}.border-card{border:1px solid #ffffff15}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;font-family:Barlow Condensed,sans-serif;font-weight:800;transition:all .2s;display:inline-block}.btn-primary{color:#000;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:#00e676;padding:12px 28px;font-size:16px}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-outline{color:#00e676;background:0 0;border:2px solid #00e676;padding:10px 24px;font-size:15px}.btn-outline:hover{background:#00e67622}.btn-danger{color:#fff;background:#f44;padding:10px 20px;font-size:14px}.btn-sm{padding:8px 16px;font-size:13px}.card{background:#0d1117;border:1px solid #ffffff15;padding:24px;transition:all .3s}.card:hover{border-color:#00e67644}.input{color:#f0f0f0;background:#0d1117;border:1px solid #ffffff20;outline:none;width:100%;padding:12px 16px;font-family:Barlow,sans-serif;font-size:15px;transition:border .2s}.input:focus{border-color:#00e676}.input::placeholder{color:#555}.label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:12px;display:block}.tabla{border-collapse:collapse;width:100%}.tabla th{color:#666;text-transform:uppercase;letter-spacing:1px;text-align:left;background:#0a0e13;padding:12px 16px;font-size:11px}.tabla td{border-bottom:1px solid #ffffff08;padding:12px 16px;font-size:14px}.tabla tr:hover td{background:#0f1a12}.badge{letter-spacing:1px;text-transform:uppercase;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-green{color:#00e676;background:#00e67222;border:1px solid #00e67644}.badge-yellow{color:#ffea00;background:#ffea0022;border:1px solid #ffea0044}.badge-red{color:#f44;background:#f442;border:1px solid #f444}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-up{animation:.4s forwards fadeUp}.live-dot{background:#00e676;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;display:inline-block}.sidebar{background:#0a0e13;border-right:1px solid #ffffff10;width:240px;min-height:100vh;padding:24px 0;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff10;margin-bottom:16px;padding:0 24px 24px}.sidebar-item{color:#888;cursor:pointer;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover,.sidebar-item.active{color:#fff;background:#00e67210;border-right:3px solid #00e676}.sidebar-item span{font-size:18px}.main-content{min-height:100vh;margin-left:240px;padding:32px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-8{gap:8px}.gap-16{gap:16px}.gap-24{gap:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}@media (width<=768px){.main-content{margin-left:0!important;padding:72px 16px 16px!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:16px}.input{font-size:16px}.btn-primary{text-align:center;clip-path:none;width:100%;padding:14px 20px;font-size:15px}.btn-outline{text-align:center;width:100%;padding:12px 16px;font-size:14px}.tabla th,.tabla td{padding:8px 10px;font-size:12px}body{-webkit-text-size-adjust:100%}}
