:root{--navy:#071b36;--blue:#4f63ff;--sky:#2db7ff;--green:#20c997;--gold:#f2b300;--red:#ef3f4b;--bg:#f5f7fb;--text:#11223f;--muted:#8b97aa;--card:#fff;--line:#e9edf5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:275px;background:#fff;border-right:1px solid var(--line);padding:22px 0;overflow:auto;box-shadow:5px 0 24px rgba(5,20,55,.06)}.brand{display:flex;align-items:center;gap:12px;padding:0 24px 26px}.brand b{font-size:25px}.brand small{display:block;color:#6c7890;margin-top:3px}.brand-mark{width:38px;height:38px;position:relative}.brand-mark span{position:absolute;width:18px;height:18px;background:#5d63ff;border-radius:7px}.brand-mark span:nth-child(1){left:0;top:0}.brand-mark span:nth-child(2){right:0;top:2px;background:#fff;border:2px solid #c8ced8}.brand-mark span:nth-child(3){left:2px;bottom:0;background:#fff;border:2px solid #c8ced8}.brand-mark span:nth-child(4){right:0;bottom:0;background:#7668ff}.menu-title{padding:16px 24px 9px;margin:0;color:#9aa4b5;font-size:12px;font-weight:800;letter-spacing:.05em}nav a{display:flex;align-items:center;gap:14px;height:46px;text-decoration:none;color:#59667a;padding:0 22px;font-size:14px;transition:.25s}nav a i{font-style:normal;width:22px;text-align:center;color:#5361ff}nav a em{margin-left:auto;font-style:normal;color:#6f78ff;font-size:22px}nav a.active,nav a:hover{background:#e8edff;color:#5864ff;font-weight:800}.main{margin-left:275px;padding:16px 24px 40px}.topbar{height:60px;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:0 18px;margin-bottom:28px}.search{display:flex;align-items:center;gap:12px;color:#9aa6b8}.search input{border:0;outline:0;width:420px;font-size:14px}.toolbar{display:flex;align-items:center;gap:18px}.avatar{width:44px;height:44px;border:3px solid #6472ff;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0c2445;color:#fff;font-weight:900}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#071b36,#143d72);padding:30px;border-radius:14px;color:#fff;margin-bottom:22px;box-shadow:0 18px 35px rgba(7,27,54,.15)}.hero p{margin:0 0 8px;color:#5ae4c0;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.hero h1{margin:0 0 10px;font-size:34px;max-width:860px}.hero span{color:#dce8ff;max-width:900px;display:block;line-height:1.5}.hero button{background:#52e0b2;color:#06223e;border:0;border-radius:30px;padding:14px 24px;font-weight:900;cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.kpi{background:#fff;border-radius:9px;padding:20px;box-shadow:0 10px 28px rgba(18,35,60,.08);min-height:145px;transition:.3s}.kpi:hover{transform:translateY(-5px)}.kpi-head{display:flex;justify-content:space-between;align-items:flex-start}.kpi h3{margin:0;color:#35445a;font-size:16px}.kpi strong{display:block;font-size:28px;margin-top:18px;color:#001533}.kpi i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;font-size:22px}.kpi-footer{display:flex;align-items:center;gap:10px;margin-top:20px}.kpi-footer span{padding:6px 10px;border-radius:4px;font-size:12px}.kpi-footer small{color:#59667a}.kpi.blue i,.kpi.blue .kpi-footer span{background:#5d63ff;color:#fff}.kpi.gold i,.kpi.gold .kpi-footer span{background:#f0b400}.kpi.red i,.kpi.red .kpi-footer span{background:#f14755;color:#fff}.kpi.green i,.kpi.green .kpi-footer span{background:#20c66b;color:#fff}.grid-two{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.grid-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border-radius:9px;box-shadow:0 10px 28px rgba(18,35,60,.08);overflow:hidden}.panel-title{padding:18px 20px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0 0 7px;font-size:18px}.panel-title p{margin:0;color:#8b97aa}.chart-card{background:#5961f2;color:#fff;padding-bottom:18px}.chart-card .panel-title{border:0}.chart-card .panel-title p{color:#d7dcff}.chart-card canvas{padding:10px 28px}.chart-legend{text-align:center;font-size:12px;color:#fff}.chart-legend span{margin:0 12px}.chart-legend b{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50%;margin-right:5px}.chart-legend span:nth-child(2) b{background:#f8bd00}.support{min-height:360px}.radial{width:235px;height:235px;border-radius:50%;margin:30px auto 25px;background:repeating-conic-gradient(#4d8df7 0 8deg,transparent 8deg 14deg);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.radial:before{content:"";position:absolute;inset:35px;background:#fff;border-radius:50%}.radial span,.radial small{position:relative}.radial span{font-size:36px;font-weight:900}.support-stats{display:flex;justify-content:space-around;text-align:center;padding:0 20px 30px}.support-stats b{display:block;color:#10233f}.support-stats span{font-size:13px;color:#7c8798}.list-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;padding:13px 20px}.list-row span{width:32px;height:32px;border-radius:50%;background:#eef2f6;display:grid;place-items:center}.list-row b{font-size:14px}.list-row em{font-style:normal;color:#1bbf74}.table-wrap{overflow:auto}.table-panel table{width:100%;border-collapse:collapse}.table-panel th{text-align:left;background:#f2f4f8;color:#405069;font-size:12px;padding:16px 20px}.table-panel td{padding:16px 20px;border-bottom:1px solid #eef1f6;color:#273850}.table-panel td.activo{color:#20bd68}.table-panel td.pendiente{color:#e9a900}.table-panel td.cancelado{color:#ef3f4b}.reveal{opacity:0;transform:translateY(18px);animation:show .75s ease forwards}@keyframes show{to{opacity:1;transform:none}}@media(max-width:1150px){.kpi-grid,.grid-three{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.search input{width:240px}}@media(max-width:780px){.sidebar{position:static;width:auto}.main{margin-left:0;padding:14px}.kpi-grid,.grid-three{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start;gap:20px}.search input{width:150px}}