:root{--tomato:#ef4b2f;--tomato-dark:#c93620;--ink:#111210;--coal:#191a18;--muted:#72756f;--canvas:#f4f3ef;--line:#e4e2dc;--white:#fff;--radius:18px;--shadow:0 12px 34px rgba(17,18,16,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--ink);color:#fff;padding:28px 18px 20px;z-index:1040;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px;font-size:19px}.brand small{display:block;color:#777a74;font-size:8px;letter-spacing:1.6px;margin-top:2px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--tomato);border-radius:12px;transform:rotate(-4deg)}.brand-mark i{font-size:21px}.nav-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#91938e}.nav-label{padding:6px 14px 10px}.sidebar .nav-link{color:#aaa;height:48px;border-radius:12px;display:flex;align-items:center;gap:13px;padding:0 14px;margin-bottom:4px;font-weight:650;font-size:14px}.sidebar .nav-link i{font-size:17px}.sidebar .nav-link:hover{color:#fff;background:#242522}.sidebar .nav-link.active{color:#fff;background:var(--tomato);box-shadow:0 8px 24px rgba(239,75,47,.25)}.sidebar-footer{margin-top:auto;border-top:1px solid #2d2e2a;padding:18px 12px 0;display:flex;flex-direction:column;gap:13px}.sidebar-footer a{color:#b6b8b2;text-decoration:none;font-size:13px}.sidebar-footer small{color:#5d5f5a}.main-content{margin-left:260px;min-height:100vh}.topbar{height:98px;background:rgba(244,243,239,.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:1020;border-bottom:1px solid rgba(228,226,220,.7)}.topbar h1{font-size:25px;line-height:1.1;margin:5px 0 0;font-weight:850}.user-chip{display:flex;align-items:center;gap:10px;background:#fff;padding:7px 12px 7px 7px;border-radius:30px;border:1px solid var(--line)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800}.user-chip strong,.user-chip small{display:block;font-size:12px}.user-chip small{color:var(--muted)}.content-wrap{padding:30px 38px 48px;max-width:1600px;margin:auto}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.metric-card{padding:22px;background:#fff;min-height:142px;overflow:hidden;position:relative}.metric-card.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff0ed;color:var(--tomato);font-size:19px}.dark .metric-icon{background:var(--tomato);color:#fff}.metric-card .value{font-size:30px;font-weight:900;margin:15px 0 0;line-height:1}.metric-card .label{color:var(--muted);font-size:12px;font-weight:650;margin-top:7px}.dark .label{color:#999}.metric-card .trend{position:absolute;right:18px;top:22px;font-size:11px;color:#3c9760;background:#eaf7ef;padding:5px 8px;border-radius:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h2{font-size:17px;font-weight:800;margin:0}.btn-primary{--bs-btn-bg:var(--tomato);--bs-btn-border-color:var(--tomato);--bs-btn-hover-bg:var(--tomato-dark);--bs-btn-hover-border-color:var(--tomato-dark);font-weight:700}.btn-dark{font-weight:700}.btn-icon{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px}.form-control,.form-select{border-radius:11px;border-color:var(--line);padding:.72rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--tomato);box-shadow:0 0 0 .2rem rgba(239,75,47,.12)}.form-label{font-size:12px;font-weight:750;color:#555}.table{font-size:13px}.table>:not(caption)>*>*{padding:.9rem .75rem;border-bottom-color:#eceae5;vertical-align:middle}.table thead th{font-size:10px;letter-spacing:.8px;color:#858780;text-transform:uppercase}.badge{font-size:10px;padding:.48em .7em}.status-activo,.status-permitido{background:#e6f6ec;color:#267a46}.status-vencido,.status-denegado{background:#fff0ed;color:#b83220}.status-suspendido{background:#fff4d8;color:#8a6505}.search-box{position:relative}.search-box i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#999}.search-box input{padding-left:38px}.access-hero{background:var(--ink);color:#fff;border-radius:24px;padding:34px;position:relative;overflow:hidden}.access-hero:after{content:"";position:absolute;width:260px;height:260px;border:55px solid var(--tomato);border-radius:50%;right:-105px;top:-95px;opacity:.8}.access-result{border-radius:16px;padding:22px;font-weight:800;font-size:18px}.quick-avatar{width:40px;height:40px;background:#eee;border-radius:12px;display:grid;place-items:center;font-weight:800}.sidebar-backdrop{display:none}.empty-state{text-align:center;padding:48px 20px;color:var(--muted)}.empty-state i{font-size:38px;color:#c7c7c2;display:block;margin-bottom:12px}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1030}.main-content{margin-left:0}.topbar{padding:0 20px;height:84px;gap:12px}.content-wrap{padding:22px 18px 40px}}@media(max-width:575.98px){.topbar h1{font-size:20px}.content-wrap{padding-inline:14px}.access-hero{padding:25px 20px}.panel{padding:18px}.metric-card{min-height:130px}}