:root {
  --pf-bg: #0d1117;
  --pf-surface: #161b22;
  --pf-surface-raised: #21262d;
  --pf-border: #30363d;
  --pf-text: #c9d1d9;
  --pf-muted: #8b949e;
  --pf-accent: #58a6ff;
  --pf-success: #238636;
  --pf-warning: #d29922;
  --pf-danger: #da3633;
}

/* Componentes compartidos del shell. No dependen de frameworks externos. */
.container,.container-fluid{width:100%;margin-inline:auto;padding-inline:12px}.container{max-width:1280px}
.row{display:flex;flex-wrap:wrap;margin-inline:-8px}.row>*{padding-inline:8px;min-width:0}
.col,.col-12{flex:1 0 100%}.col-6{flex:0 0 50%}.col-4{flex:0 0 33.333%}.col-3{flex:0 0 25%}
@media(min-width:768px){.col-md-2{flex:0 0 16.666%}.col-md-3{flex:0 0 25%}.col-md-4{flex:0 0 33.333%}.col-md-5{flex:0 0 41.666%}.col-md-6{flex:0 0 50%}.col-md-7{flex:0 0 58.333%}.col-md-8{flex:0 0 66.666%}.col-md-9{flex:0 0 75%}.col-md-10{flex:0 0 83.333%}.col-md-12{flex:0 0 100%}}
@media(min-width:992px){.col-lg-2{flex:0 0 16.666%}.col-lg-3{flex:0 0 25%}.col-lg-4{flex:0 0 33.333%}.col-lg-5{flex:0 0 41.666%}.col-lg-6{flex:0 0 50%}.col-lg-8{flex:0 0 66.666%}.col-lg-9{flex:0 0 75%}.col-lg-10{flex:0 0 83.333%}.col-lg-12{flex:0 0 100%}}
.g-2{gap:.5rem}.g-3{gap:.75rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}
.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.d-inline-flex{display:inline-flex!important}
.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}
.w-100{width:100%!important}.h-100{height:100%!important}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.text-end{text-align:right}.text-decoration-none{text-decoration:none}
.m-0{margin:0!important}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.ms-auto{margin-left:auto}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.p-0{padding:0!important}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.py-2{padding-block:.5rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:1rem}
.card{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:10px;color:var(--pf-text);overflow:hidden}.card-header,.card-footer{padding:.85rem 1rem;background:var(--pf-surface-raised);border-color:var(--pf-border)}.card-header{border-bottom:1px solid var(--pf-border)}.card-footer{border-top:1px solid var(--pf-border)}.card-body{padding:1rem}.card-title{margin:0 0 .75rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.45rem .8rem;border:1px solid var(--pf-border);border-radius:7px;background:var(--pf-surface-raised);color:var(--pf-text);font:inherit;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(1.15)}.btn-sm{min-height:30px;padding:.25rem .55rem;font-size:.875rem}.btn-lg{min-height:44px;padding:.65rem 1rem}.btn-primary{background:#1f6feb;border-color:#388bfd;color:#fff}.btn-success{background:var(--pf-success);border-color:#2ea043;color:#fff}.btn-danger{background:var(--pf-danger);border-color:#f85149;color:#fff}.btn-warning{background:var(--pf-warning);border-color:#e3b341;color:#0d1117}.btn-secondary{background:#30363d}.btn-outline-primary{border-color:var(--pf-accent);color:var(--pf-accent);background:transparent}.btn-outline-secondary{background:transparent;color:var(--pf-muted)}.btn-outline-danger{background:transparent;border-color:var(--pf-danger);color:#ff7b72}.btn-outline-success{background:transparent;border-color:#3fb950;color:#3fb950}.btn-link{border:0;background:transparent;color:var(--pf-accent)}.btn:disabled,.btn.disabled{opacity:.55;pointer-events:none}
.form-control,.form-select{display:block;width:100%;min-height:38px;padding:.45rem .65rem;border:1px solid var(--pf-border);border-radius:7px;background:var(--pf-bg);color:var(--pf-text);font:inherit}.form-control:focus,.form-select:focus{outline:2px solid rgba(88,166,255,.3);border-color:var(--pf-accent)}.form-label{display:block;margin-bottom:.35rem;color:var(--pf-text);font-weight:600}.form-text,.text-muted{color:var(--pf-muted)!important}.form-check{display:flex;align-items:center;gap:.45rem}.input-group{display:flex}.input-group>*{border-radius:0}.input-group>:first-child{border-radius:7px 0 0 7px}.input-group>:last-child{border-radius:0 7px 7px 0}
.table-responsive{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;color:var(--pf-text);background:transparent}.table th,.table td{padding:.65rem;border-bottom:1px solid var(--pf-border);vertical-align:middle}.table th{background:var(--pf-surface-raised);color:var(--pf-muted);text-align:left}.table-hover tbody tr:hover{background:rgba(88,166,255,.06)}.table-bordered th,.table-bordered td{border:1px solid var(--pf-border)}
.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;background:var(--pf-surface-raised);color:var(--pf-text);font-size:.75rem}.bg-primary{background:#1f6feb!important;color:#fff!important}.bg-success{background:var(--pf-success)!important;color:#fff!important}.bg-danger{background:var(--pf-danger)!important;color:#fff!important}.bg-warning{background:var(--pf-warning)!important;color:#0d1117!important}.bg-info{background:#0969da!important;color:#fff!important}.bg-white,.bg-light{background:var(--pf-surface)!important}.text-dark{color:var(--pf-text)!important}.text-primary{color:var(--pf-accent)!important}.text-success{color:#3fb950!important}.text-danger{color:#ff7b72!important}.text-warning{color:#e3b341!important}.text-white{color:#fff!important}
.alert{padding:.75rem 1rem;border:1px solid var(--pf-border);border-radius:8px;background:var(--pf-surface)}.alert-success{border-color:var(--pf-success);color:#7ee787}.alert-danger{border-color:var(--pf-danger);color:#ff7b72}.alert-warning{border-color:var(--pf-warning);color:#e3b341}.alert-info{border-color:var(--pf-accent);color:#79c0ff}
.modal,.offcanvas{position:fixed;z-index:1200;visibility:hidden;opacity:0;transition:opacity .18s ease}.modal.show,.offcanvas.show{visibility:visible;opacity:1}.modal{inset:0;display:grid;place-items:center;background:rgba(1,4,9,.72);padding:1rem}.modal-dialog{width:min(720px,100%);max-height:calc(100vh - 2rem);overflow:auto}.modal-content{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:10px;color:var(--pf-text)}.modal-header,.modal-footer{display:flex;align-items:center;gap:.75rem;padding:1rem;border-color:var(--pf-border)}.modal-header{border-bottom:1px solid var(--pf-border)}.modal-footer{border-top:1px solid var(--pf-border);justify-content:flex-end}.modal-body{padding:1rem}.offcanvas{top:0;right:0;bottom:0;width:min(520px,100%);transform:translateX(100%);background:var(--pf-surface);border-left:1px solid var(--pf-border)}.offcanvas.show{transform:translateX(0)}.offcanvas-header,.offcanvas-body{padding:1rem}.offcanvas-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--pf-border)}
.dropdown-menu{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:8px;padding:.4rem}.dropdown-item{display:block;padding:.45rem .65rem;color:var(--pf-text);text-decoration:none}.dropdown-item:hover{background:var(--pf-surface-raised)}.pagination{display:flex;list-style:none;gap:.25rem}.page-link{display:block;padding:.4rem .65rem;background:var(--pf-surface);border:1px solid var(--pf-border);color:var(--pf-accent);text-decoration:none}.progress{height:8px;background:var(--pf-surface-raised);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--pf-accent)}
@media(max-width:767px){.d-md-flex{display:none!important}.content-area{padding:14px}.row>*{flex-basis:100%;max-width:100%}}