:root{--hcm-navy:#102a43;--hcm-navy-2:#173f5f;--hcm-teal:#0f9d8a;--hcm-teal-dark:#08796b;--hcm-bg:#f4f7fb;--hcm-surface:#fff;--hcm-border:#e4eaf2;--hcm-text:#1c2b3a;--hcm-muted:#6b7c8f;--hcm-shadow:0 12px 34px rgba(16,42,67,.08)}
html,body{background:var(--hcm-bg)}
body,button,input,select,textarea,.font-roboto{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:var(--hcm-text)}
.page-wrapper .page-body-wrapper{background:var(--hcm-bg)}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{background:linear-gradient(180deg,#102a43 0%,#0b2034 100%);box-shadow:8px 0 28px rgba(16,42,67,.12)}
.sidebar-wrapper .logo-wrapper,.sidebar-wrapper .logo-icon-wrapper{background:rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-wrapper .logo-wrapper img,.sidebar-wrapper .logo-icon-wrapper img{width:48px!important;height:48px;object-fit:contain;border-radius:12px}
.hcm-brand-copy{display:inline-flex;flex-direction:column;margin-left:11px;vertical-align:middle}.hcm-brand-copy strong{color:#fff;font-size:14px;letter-spacing:.02em}.hcm-brand-copy small{color:#9fb3c8;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.sidebar-main .sidebar-links .sidebar-list .sidebar-link,.sidebar-main .sidebar-links .sidebar-list .sidebar-link span{color:#c8d7e6!important}
.sidebar-main .sidebar-links .sidebar-list .sidebar-link:hover,.sidebar-main .sidebar-links .sidebar-list .sidebar-link.active{background:rgba(15,157,138,.16);color:#fff!important}
.sidebar-main .sidebar-links .sidebar-list .sidebar-link.active span,.sidebar-main .sidebar-links .sidebar-list .sidebar-link:hover span{color:#fff!important}
.sidebar-main .sidebar-links .sidebar-list .sidebar-link.active:before{background:var(--hcm-teal)!important}.sidebar-main .sidebar-links .sidebar-list .sidebar-link svg{color:#8fcfc6!important}
.sidebar-main .sidebar-submenu a{color:#9fb3c8!important}.sidebar-main .sidebar-submenu a:hover,.sidebar-main .sidebar-submenu a.active{color:#63dbc9!important}
.sidebar-main-title{padding:20px 20px 8px!important}.sidebar-main-title .hcm-nav-label{color:#6f8aa4;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}.sidebar-list>.badge{display:none}
.page-header{box-shadow:0 3px 18px rgba(16,42,67,.06)!important;border-bottom:1px solid var(--hcm-border)}.page-header .header-wrapper{min-height:72px;padding:0 28px!important}
.hcm-header-title{display:flex;flex-direction:column}.hcm-header-title strong{color:var(--hcm-navy);font-size:16px}.hcm-header-title small{color:var(--hcm-muted);font-size:12px}
.profile-media img{width:38px;height:38px;object-fit:cover;border:2px solid #d7f3ee}.profile-media .media-body span{color:var(--hcm-navy);font-weight:700}.profile-media .media-body p{color:var(--hcm-muted)!important}
.page-wrapper.compact-wrapper .page-body-wrapper .page-body{padding-top:0!important}.page-title{width:auto;padding:12px 28px!important;margin:0 -12px 18px!important;background:#fff;border-bottom:1px solid var(--hcm-border);box-shadow:0 3px 12px rgba(16,42,67,.035)}.page-title .row{min-height:42px;margin:0!important;align-items:center}.page-title .row>[class*=col-]{padding:0!important}.page-title .row>.col-6:first-child{flex:0 0 40%;max-width:40%}.page-title .row>.col-6:last-child{flex:0 0 60%;max-width:60%}.page-title h5{margin:0;overflow:hidden;color:var(--hcm-navy);font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.page-title .breadcrumb{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 0;margin:0!important;padding:0!important;background:transparent!important;font-size:12px;line-height:1.45}.page-title .breadcrumb-item{max-width:100%;overflow-wrap:anywhere}.page-title .breadcrumb-item,.page-title .breadcrumb-item a{color:var(--hcm-muted)!important}.page-title .breadcrumb-item.active{color:var(--hcm-teal-dark)!important}
.card{border:1px solid var(--hcm-border)!important;border-radius:18px!important;box-shadow:var(--hcm-shadow)!important;overflow:hidden}.card .card-body{padding:24px}.card-header{background:#fff!important;border-bottom:1px solid var(--hcm-border)!important}
.form-control,.form-select,select,.select2-container--default .select2-selection--single{min-height:44px;border:1px solid #d9e2ec!important;border-radius:10px!important;background:#fff;transition:border-color .2s,box-shadow .2s}
.form-control:focus,select:focus,.select2-container--focus .select2-selection--single{border-color:var(--hcm-teal)!important;box-shadow:0 0 0 3px rgba(15,157,138,.12)!important}.col-form-label{color:#40566d;font-weight:650}
.btn{min-height:40px;border-radius:10px!important;font-weight:650;letter-spacing:.01em}.btn-primary,.btn-outline-primary,.btn-outline-info,.btn-outline-primary-2x,.btn-outline-info-2x{border-color:var(--hcm-teal)!important}.btn-primary{background:var(--hcm-teal)!important}.btn-outline-primary:hover,.btn-outline-info:hover,.btn-outline-primary-2x:hover,.btn-outline-info-2x:hover{background:var(--hcm-teal)!important;color:#fff!important}
.table-responsive{border:1px solid var(--hcm-border);border-radius:14px}table.dataTable{margin:0!important;border-collapse:collapse!important}table.dataTable thead th{background:#eef4f8!important;color:#334e68!important;border:0!important;padding:14px 12px!important;font-size:12px;text-transform:uppercase;letter-spacing:.055em}table.dataTable tbody td{border-color:#edf1f5!important;padding:13px 12px!important;vertical-align:middle}table.dataTable tbody tr:hover{background:#f2fbf9!important}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid #d9e2ec!important;border-radius:9px;padding:7px 10px}.dataTables_wrapper .dataTables_paginate .paginate_button{border:0!important;border-radius:8px!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--hcm-teal)!important;color:#fff!important}
.modal-content{border:0!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(16,42,67,.22)}.modal-header{padding:20px 24px!important;border-bottom:1px solid var(--hcm-border)!important}.modal-title{color:var(--hcm-navy);font-weight:750}.modal-body{padding:20px 24px!important}
.hcm-dashboard-hero{position:relative;padding:34px;border-radius:22px;overflow:hidden;background:linear-gradient(125deg,#102a43 0%,#175b6d 62%,#0f9d8a 100%);color:#fff;box-shadow:0 20px 48px rgba(16,42,67,.2)}.hcm-dashboard-hero:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(255,255,255,.07);border-radius:50%;right:-70px;top:-100px}.hcm-dashboard-hero h2{color:#fff;font-size:30px;margin-bottom:8px}.hcm-dashboard-hero p{color:#d9e9ed;margin:0;max-width:620px}.hcm-live-pill{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px}.hcm-live-pill:before{content:"";width:8px;height:8px;background:#5ee6b8;border-radius:50%;box-shadow:0 0 0 5px rgba(94,230,184,.14)}
.hcm-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.hcm-quick-card{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid var(--hcm-border);border-radius:16px;color:var(--hcm-text);box-shadow:0 8px 24px rgba(16,42,67,.06);transition:transform .2s,box-shadow .2s}.hcm-quick-card:hover{color:var(--hcm-text);transform:translateY(-3px);box-shadow:var(--hcm-shadow)}.hcm-quick-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--hcm-teal);background:#e7f7f4;border-radius:13px;flex:0 0 auto}.hcm-quick-card strong{display:block;color:var(--hcm-navy)}.hcm-quick-card small{color:var(--hcm-muted)}
.auth-page{min-height:100vh;background:#eef3f8!important}.auth-page .container-fluid,.auth-page .row{min-height:100vh}.auth-brand-panel{position:relative;display:flex;align-items:flex-end;min-height:100vh;padding:64px;overflow:hidden;background:linear-gradient(145deg,rgba(9,32,52,.92),rgba(15,157,138,.76)),url('../cuba/assets/images/login/2.jpg') center/cover}.auth-brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.15),transparent 33%)}.auth-brand-content{position:relative;max-width:570px;color:#fff}.auth-brand-content img{width:72px;height:72px;border-radius:18px;background:#fff;padding:5px;margin-bottom:25px}.auth-brand-content h1{color:#fff;font-size:42px;line-height:1.12;letter-spacing:-.035em}.auth-brand-content p{color:#dcebef;font-size:17px;line-height:1.7}.auth-page .login-card{min-height:100vh;padding:40px;background:#f7f9fc}.auth-page .login-main{width:100%;max-width:440px;padding:38px!important;border:1px solid var(--hcm-border);border-radius:22px;box-shadow:var(--hcm-shadow);background:#fff}.auth-page .login-main h4{color:var(--hcm-navy);font-size:28px;font-weight:800}.auth-page .login-main>p{color:var(--hcm-muted);margin-bottom:28px}.auth-page .login-main .btn{background:linear-gradient(120deg,var(--hcm-teal-dark),var(--hcm-teal))!important;border:0;min-height:48px}.auth-mobile-brand{display:none;color:var(--hcm-navy);font-weight:800;margin-bottom:24px}
@media(max-width:991px){.auth-brand-panel{display:none}.auth-mobile-brand{display:block}.hcm-quick-grid{grid-template-columns:1fr}.page-header .header-wrapper{padding:0 16px!important}.hcm-header-title{display:none}}
@media(max-width:575px){.auth-page .login-card{padding:20px}.auth-page .login-main{padding:28px 22px!important}.hcm-dashboard-hero{padding:26px 22px}.hcm-dashboard-hero h2{font-size:25px}.page-title{padding:10px 18px!important}.page-title .row>.col-6:first-child,.page-title .row>.col-6:last-child{flex:0 0 100%;max-width:100%}.page-title h5{font-size:18px;white-space:normal}.page-title .breadcrumb{justify-content:flex-start!important;margin-top:4px!important;font-size:11px}}

/* DataTables: controls and row actions are intentionally scoped so form buttons stay untouched. */
.dt-ext.table-responsive{padding:0!important;background:#fff;border:1px solid var(--hcm-border)!important;border-radius:14px!important;overflow-x:auto!important;overflow-y:hidden!important}
.dt-ext .dataTables_wrapper{min-width:100%;padding:16px 16px 12px;color:var(--hcm-muted)}
.dt-ext .dataTables_wrapper:after{content:"";display:block;clear:both}
.dt-ext .dataTables_wrapper .dataTables_length{float:left;margin:0 0 14px}
.dt-ext .dataTables_wrapper .dataTables_filter{float:right;margin:0 0 14px;text-align:right}
.dt-ext .dataTables_wrapper .dataTables_length label,.dt-ext .dataTables_wrapper .dataTables_filter label{display:flex;align-items:center;gap:8px;margin:0;color:var(--hcm-muted);font-size:12px;font-weight:600}
.dt-ext .dataTables_wrapper .dataTables_length select{width:auto;min-width:68px;height:36px;min-height:36px;padding:4px 26px 4px 9px;background-color:#fff}
.dt-ext .dataTables_wrapper .dataTables_filter input{width:210px;height:36px;min-height:36px;margin:0!important;padding:6px 10px!important;background:#fff}
.dt-ext table.dataTable{width:100%;margin:0!important;border:0!important;border-collapse:separate!important;border-spacing:0!important}
.dt-ext .dataTables_scrollHead,.dt-ext .dataTables_scrollBody{width:100%!important}
.dt-ext .dataTables_scrollHeadInner{box-sizing:content-box!important}
.dt-ext .dataTables_scrollHead table.dataTable,.dt-ext .dataTables_scrollBody table.dataTable{table-layout:auto!important}
.dt-ext .dataTables_scrollHead table.dataTable{margin-bottom:0!important}
.dt-ext .dataTables_scrollBody table.dataTable{margin-top:0!important}
.dt-ext table.dataTable th,.dt-ext table.dataTable td{box-sizing:border-box!important}
.dt-ext table.dataTable.no-footer{border-bottom:0!important}
.dt-ext table.dataTable thead th,.dt-ext table.dataTable thead td{padding:12px!important;background:#f2f6f9!important;color:#334e68!important;border-top:1px solid var(--hcm-border)!important;border-bottom:1px solid var(--hcm-border)!important;font-size:11px;font-weight:750;line-height:1.35;letter-spacing:.045em;white-space:nowrap}
.dt-ext table.dataTable thead th.sorting,.dt-ext table.dataTable thead th.sorting_asc,.dt-ext table.dataTable thead th.sorting_desc,.dt-ext table.dataTable thead td.sorting,.dt-ext table.dataTable thead td.sorting_asc,.dt-ext table.dataTable thead td.sorting_desc{padding-right:28px!important}
.dt-ext table.dataTable tbody td{padding:10px 12px!important;color:#334e68;font-size:12px;line-height:1.4;border-top:0!important;border-bottom:1px solid #edf1f5!important;white-space:nowrap}
.dt-ext table.dataTable tbody tr:last-child td{border-bottom:0!important}.dt-ext table.dataTable tbody tr.odd{background:#fff!important}.dt-ext table.dataTable tbody tr.even{background:#fbfcfe!important}.dt-ext table.dataTable tbody tr:hover{background:#edf9f7!important}
.dt-ext table.dataTable tbody td.dataTables_empty{padding:36px 16px!important;color:var(--hcm-muted);text-align:center}
.dt-ext .dataTables_wrapper .dataTables_info{clear:both;float:left;padding:14px 0 4px!important;color:var(--hcm-muted);font-size:12px}
.dt-ext .dataTables_wrapper .dataTables_paginate{float:right;margin:10px 0 0!important;padding:0!important;border:0!important;white-space:nowrap}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button{display:inline-flex!important;align-items:center;justify-content:center;min-width:32px;height:32px;margin:0 2px!important;padding:0 8px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#52667a!important;font-size:12px}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#e7f7f4!important;border-color:#ccece6!important;color:var(--hcm-teal-dark)!important}.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--hcm-teal)!important;border-color:var(--hcm-teal)!important;color:#fff!important}.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.42;cursor:not-allowed!important}
.hcm-table-actions{padding:0 16px}.hcm-table-actions:empty{display:none}.hcm-table-actions .dt-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px!important}.hcm-table-actions .dt-buttons .btn{min-height:34px!important;margin:0!important;padding:6px 11px!important;border:1px solid #d9e2ec!important;border-radius:8px!important;background:#fff!important;color:#40566d!important;font-size:12px!important;box-shadow:none!important}.hcm-table-actions .dt-buttons .btn:hover{border-color:var(--hcm-teal)!important;background:#e7f7f4!important;color:var(--hcm-teal-dark)!important}
.dt-ext table.dataTable .btn.btn-xs{display:inline-flex;align-items:center;justify-content:center;min-width:27px!important;min-height:27px!important;height:27px;padding:3px 7px!important;margin:1px 2px!important;border-radius:7px!important;font-size:11px!important;line-height:1!important;box-shadow:none!important;vertical-align:middle}.dt-ext table.dataTable .btn.btn-xs i{margin:0!important;font-size:12px!important}
.dt-ext table.dataTable .btnaction2{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;margin:1px 3px 1px 0!important;border:1px solid #dce5ed;border-radius:8px;background:#f7f9fb;color:#52667a!important;font-size:14px!important;text-decoration:none!important;transition:.18s ease}.dt-ext table.dataTable .btnaction2:hover{border-color:#b9e2db;background:#e7f7f4;color:var(--hcm-teal-dark)!important;transform:translateY(-1px)}
.dt-ext table.dataTable td p{display:inline-flex;align-items:center;gap:2px;margin:4px 0 0!important}.dt-ext table.dataTable input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--hcm-teal)}
@media(max-width:767px){.dt-ext .dataTables_wrapper{padding:12px}.dt-ext .dataTables_wrapper .dataTables_length,.dt-ext .dataTables_wrapper .dataTables_filter{float:none;display:block;width:100%;text-align:left}.dt-ext .dataTables_wrapper .dataTables_filter label{justify-content:space-between}.dt-ext .dataTables_wrapper .dataTables_filter input{width:min(220px,65vw)}.dt-ext .dataTables_wrapper .dataTables_info,.dt-ext .dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dt-ext .dataTables_wrapper .dataTables_paginate{display:flex;justify-content:center;flex-wrap:wrap;gap:3px}}
