:root{--rojo:#9B1C31;--rojo2:#b21f3b;--azul:#0B2E59;--azul2:#08203e;--dorado:#C9A227;--gris:#f3f5f8;--tinta:#1f2933;--muted:#697386;--ok:#0f766e;--shadow:0 14px 36px rgba(15,35,65,.10);--sidebar:246px}
*{box-sizing:border-box}html{font-size:15px}body{background:radial-gradient(circle at top left,#ffffff 0,#f2f4f8 40%,#eef1f6 100%);font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue Condensed",Arial,sans-serif;color:var(--tinta);overflow-x:hidden}.app{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{width:var(--sidebar);background:linear-gradient(180deg,#0b315f 0%,#071a33 55%,#061428 100%);color:#fff;position:fixed;height:100vh;z-index:20;box-shadow:8px 0 28px rgba(0,0,0,.20);overflow:auto}.sidebar:before{content:"";position:absolute;inset:auto -90px -90px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(201,162,39,.18),transparent 62%);pointer-events:none}.logoBox{padding:22px 20px 16px;border-bottom:1px solid rgba(255,255,255,.11)}.sys{font-weight:900;color:var(--dorado);letter-spacing:.7px;font-size:20px}.logoBox small{color:#d9e5f8}.sidebar nav{padding:15px 14px}.sidebar a{display:flex;align-items:center;gap:9px;color:#eaf1ff;text-decoration:none;padding:12px 14px;border-radius:14px;margin:5px 0;font-weight:650;transition:.18s;border:1px solid transparent;font-size:1rem}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.main{margin-left:var(--sidebar);flex:1;min-width:0;width:calc(100vw - var(--sidebar));overflow-x:hidden}.topbar{min-height:74px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;box-shadow:0 8px 26px rgba(0,0,0,.075);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{height:40px;width:40px;object-fit:contain;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.07);flex:0 0 auto}.brand b{display:block;font-size:18px;letter-spacing:.2px;line-height:1.15}.brand small{display:block;color:#667085;line-height:1.2}.topbar>div:last-child{white-space:nowrap;flex:0 0 auto}.content{padding:24px;max-width:100%;overflow-x:hidden}.page-title{font-size:27px;font-weight:900;margin:0 0 18px;letter-spacing:-.03em}.cardx{background:rgba(255,255,255,.94);border:1px solid rgba(20,38,70,.06);border-radius:22px;box-shadow:var(--shadow);padding:22px;max-width:100%;overflow-x:auto}.cardx h5{font-weight:850}.kpi{position:relative;overflow:hidden;min-height:118px;border-left:0}.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--dorado),var(--rojo))}.kpi small{font-weight:750;color:#586174}.kpi h2{font-weight:900;font-size:34px;margin:.2rem 0 0}.btn{border-radius:10px;font-weight:650}.btn-primary,.btn-enterprise{background:linear-gradient(135deg,var(--rojo),#7e1527);border:0;color:white;box-shadow:0 8px 18px rgba(155,28,49,.20)}.btn-primary:hover,.btn-enterprise:hover{filter:brightness(1.04);color:#fff}.btn-outline-primary{color:var(--rojo);border-color:var(--rojo)}.btn-outline-primary:hover{background:var(--rojo);border-color:var(--rojo)}.table{vertical-align:middle;width:100%;font-size:.88rem;line-height:1.25}.table thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;color:#667085;white-space:normal}.table td,.table th{padding:.58rem .55rem;white-space:normal;word-break:break-word}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cardx>.table,.cardx table{min-width:760px}.badge-soft{background:#f2e7b8;color:#705b0c;border:1px solid #eadb9c}.alert-enterprise{border:0;border-left:6px solid var(--dorado);background:#fff8df;box-shadow:var(--shadow);border-radius:18px}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#e5e7eb}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.quick-card{display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;background:#fff;border:1px solid #edf0f5;text-decoration:none;color:var(--tinta);box-shadow:0 10px 24px rgba(15,35,65,.06)}.quick-card:hover{transform:translateY(-2px);color:var(--rojo)}.quick-card .ico{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--azul),var(--rojo));display:flex;align-items:center;justify-content:center;color:#fff}footer{text-align:center;color:#777;padding:20px}.form-control,.form-select{border-radius:12px;border-color:#dfe4ec;padding:.62rem .78rem;min-width:0}.form-control:focus,.form-select:focus{border-color:var(--rojo);box-shadow:0 0 0 .2rem rgba(155,28,49,.11)}.row{--bs-gutter-x:1rem}.report-actions,.no-print{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.report-preview,.preview-table{max-width:100%;overflow-x:auto}.report-preview table,.preview-table table{font-size:.82rem;min-width:980px}.report-preview th,.report-preview td,.preview-table th,.preview-table td{padding:.5rem .5rem!important}.report-preview .btn,.preview-table .btn{white-space:nowrap}.filters-card .row>[class*="col-"]{min-width:210px}@media(max-width:1399px){:root{--sidebar:236px}html{font-size:14px}.content{padding:22px}.page-title{font-size:25px}.brand img{height:38px;width:38px}.cardx{padding:20px}.table{font-size:.84rem}.report-preview table,.preview-table table{font-size:.78rem}}
@media(max-width:1199px){:root{--sidebar:220px}.sidebar a{font-size:.95rem;padding:11px 12px}.topbar{padding:9px 18px}.brand small{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi h2{font-size:31px}.cardx>.table,.cardx table{min-width:720px}}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s;width:260px}.sidebar.show{transform:translateX(0)}.main{margin-left:0;width:100vw}.brand small{display:none}.content{padding:16px}.topbar{padding:8px 14px}.page-title{font-size:23px}.kpi{min-height:105px}.cardx{border-radius:18px;padding:16px}.table{font-size:.82rem}.topbar>div:last-child{white-space:normal;text-align:right}}
@media(max-width:575px){html{font-size:13.5px}.content{padding:12px}.page-title{font-size:21px}.brand b{font-size:16px}.brand img{height:34px;width:34px}.cardx{padding:14px}.btn{padding:.48rem .62rem}.table{font-size:.78rem}.report-actions,.no-print{justify-content:flex-start}.cardx>.table,.cardx table{min-width:680px}}
@media print{.sidebar,.topbar,.no-print,footer{display:none!important}.main{margin-left:0;width:100%}.content{padding:0}.cardx{box-shadow:none;border:0;overflow:visible}.table{font-size:10px}.cardx>.table,.cardx table,.report-preview table,.preview-table table{min-width:0;width:100%}}