:root{--bg:#07111f;--panel:#0f1b2d;--panel2:#121f33;--line:rgba(255,255,255,.10);--text:#e5edf8;--muted:#94a3b8;--pink:#ec407a;--green:#10b981;--amber:#f59e0b;--blue:#3b82f6;--purple:#8b5cf6;--red:#ef4444;--cyan:#06b6d4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#0b4d48 0,#07111f 38%,#120918 100%);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:linear-gradient(180deg,#2b0c22,#111827 45%,#080b14);border-right:1px solid var(--line);padding:22px 14px;z-index:5}.brand{display:flex;gap:12px;align-items:center;margin-bottom:26px}.brand-icon{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--pink),#7c3aed);display:grid;place-items:center;font-size:23px;box-shadow:0 0 30px rgba(236,64,122,.35)}.brand b{font-size:20px}.brand small{display:block;color:var(--muted);font-size:12px}.sidebar nav a{display:flex;align-items:center;gap:14px;color:#dbe4f0;text-decoration:none;padding:14px 15px;border-radius:12px;margin:7px 0;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(236,64,122,.34),rgba(124,58,237,.13));outline:1px solid rgba(255,255,255,.16)}.pill{margin-left:auto;background:var(--pink);color:#fff;border-radius:99px;padding:2px 7px;font-size:12px}.sidebar-footer{position:absolute;bottom:22px;left:20px;right:20px;text-align:center;color:#dbe4f0}.orb{margin:auto;width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,#ff4d8d,#06b6d4);display:grid;place-items:center;font-size:25px;box-shadow:0 0 40px rgba(6,182,212,.25)}.sidebar-footer p{color:#cbd5e1;margin:12px 0 8px}.sidebar-footer b{color:#ff5f93}.main{margin-left:270px;min-height:100vh}.topbar{height:82px;background:rgba(7,17,31,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:4}.search{width:430px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center}.search input{background:transparent;border:0;outline:0;color:var(--text);width:100%}.topuser{display:flex;align-items:center;gap:18px}.topuser small{display:block;color:var(--muted)}.bell{position:relative;color:#fff;text-decoration:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line)}.bell span{position:absolute;right:-4px;top:-5px;background:var(--pink);font-size:11px;border-radius:99px;padding:2px 6px}.logout{color:#fff;border:1px solid #fff;border-radius:7px;padding:6px 10px;text-decoration:none}.content{padding:28px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.hero h1,.hero h2{margin:0;font-size:30px;font-weight:850}.hero p{color:var(--muted);margin:8px 0 0}.btn-glow,.btn-v3{background:linear-gradient(135deg,#ec407a,#7c3aed);border:0;color:#fff;text-decoration:none;border-radius:12px;padding:12px 18px;font-weight:800;box-shadow:0 14px 35px rgba(236,64,122,.2)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.layout{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:20px;margin-top:20px}.layout2{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.cardx{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.18)}.metric{position:relative;overflow:hidden;min-height:150px}.metric h3{font-size:42px;margin:8px 0}.metric p,.metric span{color:#cbd5e1}.metric .icon{position:absolute;right:22px;top:35px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:33px;background:rgba(255,255,255,.08)}.metric.pink{border-color:rgba(236,64,122,.38)}.metric.green{border-color:rgba(16,185,129,.38)}.metric.amber{border-color:rgba(245,158,11,.38)}.metric.blue{border-color:rgba(59,130,246,.38)}.cardx h4{font-size:17px;margin-bottom:18px}.table-darkish{width:100%;border-collapse:collapse}.table-darkish th,.table-darkish td{padding:13px;border-bottom:1px solid var(--line);color:#dbe4f0}.table-darkish th{color:#fff;font-size:13px}.badge{display:inline-block;border-radius:9px;padding:5px 10px;font-weight:800;font-size:12px}.badge.green{background:rgba(16,185,129,.18);color:#34d399}.badge.amber{background:rgba(245,158,11,.18);color:#fbbf24}.badge.pink{background:rgba(236,64,122,.18);color:#fb7185}.badge.red{background:rgba(239,68,68,.18);color:#f87171}.badge.blue{background:rgba(59,130,246,.18);color:#60a5fa}.badge.purple{background:rgba(139,92,246,.18);color:#a78bfa}.badge.gray{background:rgba(148,163,184,.18);color:#cbd5e1}.timeline{display:grid;gap:15px}.activity{display:flex;gap:13px}.dot{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#8b5cf6);display:grid;place-items:center;flex:0 0 37px}.activity p{margin:0;font-weight:750}.activity small{color:var(--muted)}.formx input,.formx textarea,.formx select{background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;color:#fff!important}.formx option{color:#111}.list-card{display:block;color:#fff;text-decoration:none;padding:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:13px;background:rgba(255,255,255,.04)}.comment{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:15px;margin-bottom:12px}.foot{margin-left:270px;color:var(--muted);padding:16px 30px;border-top:1px solid var(--line)}@media(max-width:1100px){.sidebar{width:84px}.sidebar .brand div:last-child,.sidebar nav a span,.sidebar nav a{font-size:0}.sidebar nav a i{font-size:18px}.sidebar-footer{display:none}.main,.foot{margin-left:84px}.grid4,.layout,.layout2{grid-template-columns:1fr}.search{width:280px}}
/* Operaciones masivas */
.form-control,.form-select{background:#101c2e!important;border-color:rgba(255,255,255,.12)!important;color:#e5eefb!important}.form-control::placeholder{color:#73839a}.form-select option{background:#101c2e;color:#fff}.progress{background:rgba(255,255,255,.08)}.progress-bar{background:linear-gradient(90deg,#22d3ee,#8b5cf6)}