
:root{
 --djb-admin-navy:#0D1B3D;--djb-admin-navy2:#13284f;--djb-admin-teal:#00A79D;--djb-admin-teal-dark:#007D74;
 --djb-admin-teal-soft:#E9F7F5;--djb-admin-red:#E53935;--djb-admin-red-soft:#FFF1F1;--djb-admin-orange:#FF8C00;
 --djb-admin-green:#1F9D6B;--djb-admin-green-soft:#EAF8F1;--djb-admin-bg:#F2F4F7;--djb-admin-line:#E3E8EF;
 --djb-admin-muted:#647187;--djb-admin-ink:#10203F;--djb-admin-sidebar:236px;--djb-admin-top:58px
}
body.djb-admin-exact{margin:0;background:var(--djb-admin-bg);color:var(--djb-admin-ink);font-family:"Poppins","Segoe UI",Arial,sans-serif}
body.djb-admin-exact *{box-sizing:border-box}
.djb-admin-shell{min-height:100vh;display:grid;grid-template-columns:var(--djb-admin-sidebar) minmax(0,1fr);background:var(--djb-admin-bg)}
.djb-admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:14px 10px 12px;background:#09162f;color:#fff;border-right:1px solid rgba(255,255,255,.05);z-index:30}
.djb-admin-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff}
.djb-admin-brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--djb-admin-teal),#087f78);display:grid;place-items:center;font-weight:900;font-size:15px}
.djb-admin-brand-name{font-size:20px;font-weight:850;letter-spacing:-.5px}.djb-admin-brand-name span{color:#44d3c9}
.djb-admin-brand-sub{margin-top:2px;font-size:9px;color:#8ea0bd;text-transform:uppercase;letter-spacing:1.4px}
.djb-admin-nav-caption{padding:8px 10px 5px;color:#7f91ad;font-size:9px;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}
.djb-admin-nav{display:flex;flex-direction:column;gap:2px}
.djb-admin-nav a{min-height:36px;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:#b8c4d7;text-decoration:none;font-size:12px}
.djb-admin-nav a i{width:18px;text-align:center}.djb-admin-nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.djb-admin-nav a.active{background:rgba(0,167,157,.15);color:#7ee6de;font-weight:800}
.djb-admin-sidebar-bottom{margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding:12px 10px 2px;color:#8ea0bd;font-size:10.5px;line-height:1.5}
.djb-admin-main{min-width:0}.djb-admin-topbar{height:var(--djb-admin-top);position:sticky;top:0;z-index:25;background:#fff;border-bottom:1px solid var(--djb-admin-line);display:flex;align-items:center;padding:0 18px;gap:12px}
.djb-admin-context{font-size:13px;font-weight:800}.djb-admin-top-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.djb-admin-env{background:var(--djb-admin-teal-soft);color:var(--djb-admin-teal-dark);border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:800}
.djb-admin-user{position:relative}.djb-admin-user summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;border:1px solid var(--djb-admin-line);border-radius:9px;padding:4px 8px 4px 5px;background:#fff;font-size:11px;font-weight:700}.djb-admin-user summary::-webkit-details-marker{display:none}
.djb-admin-avatar{width:28px;height:28px;border-radius:8px;background:var(--djb-admin-teal-soft);color:var(--djb-admin-teal-dark);display:grid;place-items:center;font-size:10px;font-weight:900}
.djb-admin-user-menu{position:absolute;right:0;top:42px;min-width:190px;background:#fff;border:1px solid var(--djb-admin-line);border-radius:10px;box-shadow:0 14px 35px rgba(16,32,63,.12);padding:6px;z-index:100}
.djb-admin-user-menu a{display:flex;gap:8px;align-items:center;padding:8px 9px;border-radius:7px;font-size:11px;text-decoration:none;color:var(--djb-admin-ink)}.djb-admin-user-menu a:hover{background:#f7f9fb}
.djb-admin-content{max-width:1600px;margin:0 auto;padding:18px;width:100%}
.djb-admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.djb-admin-page-head .page-title{margin:0;font-size:24px!important;line-height:1.12;letter-spacing:-.6px;font-weight:850}.djb-admin-page-head .page-sub{margin:5px 0 0;font-size:12px!important;color:var(--djb-admin-muted)}

.djb-admin-shell .card,.djb-admin-shell .sk-admin-card,.djb-admin-shell .sk-admin-panel{background:#fff;border:1px solid var(--djb-admin-line)!important;border-radius:12px!important;box-shadow:none!important}
.djb-admin-shell .card-pad{padding:14px!important}
.djb-admin-shell .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.djb-admin-shell .kpi,.djb-admin-shell .sk-admin-stat,.djb-admin-shell .sk-admin-stat-card{padding:13px 14px!important;background:#fff;border:1px solid var(--djb-admin-line)!important;border-radius:12px!important;min-height:82px!important;box-shadow:none!important}
.djb-admin-shell .kpi .value,.djb-admin-shell .sk-admin-stat strong,.djb-admin-shell .sk-admin-stat-card strong{font-size:24px!important;font-weight:900!important;line-height:1}
.djb-admin-shell .kpi .label{font-size:10.5px!important;color:var(--djb-admin-muted);margin-top:6px}
.djb-admin-shell .main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.7fr);gap:12px;margin-top:12px}
.djb-admin-shell .stack{display:flex;flex-direction:column;gap:12px}
.djb-admin-shell .panel-head,.djb-admin-shell .sk-admin-panel-head,.djb-admin-shell .sk-admin-section-head{padding:10px 12px!important;border-bottom:1px solid var(--djb-admin-line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.djb-admin-shell .panel-head h3,.djb-admin-shell .sk-admin-panel-head h2,.djb-admin-shell .sk-admin-section-head h2{font-size:13px!important;margin:0!important}
.djb-admin-shell .section-title{font-size:14px!important;margin:0 0 7px!important}
.djb-admin-shell .small,.djb-admin-shell small{font-size:10.5px!important}.djb-admin-shell .muted,.djb-admin-shell .text-muted{color:var(--djb-admin-muted)!important}

.djb-admin-shell .btn,.djb-admin-shell .sk-admin-btn{min-height:34px!important;padding:0 12px!important;border-radius:8px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.djb-admin-shell .btn-sm{min-height:29px!important;padding:0 9px!important;font-size:10px!important}
.djb-admin-shell .btn-primary,.djb-admin-shell .sk-admin-btn.primary{background:linear-gradient(90deg,#10b8ad,var(--djb-admin-teal-dark))!important;border-color:transparent!important;color:#fff!important}
.djb-admin-shell .btn-outline,.djb-admin-shell .btn-outline-primary{border:1px solid #abdcd7!important;background:#fff!important;color:var(--djb-admin-teal-dark)!important}
.djb-admin-shell .btn-quiet,.djb-admin-shell .btn-outline-secondary,.djb-admin-shell .sk-admin-btn.ghost{background:#f5f7f9!important;border:1px solid var(--djb-admin-line)!important;color:var(--djb-admin-ink)!important}
.djb-admin-shell .btn-outline-danger{background:var(--djb-admin-red-soft)!important;border-color:#ffd0d0!important;color:#b32b2b!important}

.djb-admin-shell input.form-control,.djb-admin-shell select.form-select,.djb-admin-shell .sk-admin-input,.djb-admin-shell .field,.djb-admin-shell .select{height:34px!important;min-height:34px!important;border:1px solid #D4DBE5!important;border-radius:8px!important;background:#fff!important;color:var(--djb-admin-ink)!important;padding:0 10px!important;font-size:11px!important;box-shadow:none!important}
.djb-admin-shell textarea.form-control,.djb-admin-shell textarea.sk-admin-input,.djb-admin-shell .textarea{min-height:76px!important;border:1px solid #D4DBE5!important;border-radius:8px!important;padding:9px 10px!important;font-size:11px!important;box-shadow:none!important}
.djb-admin-shell label,.djb-admin-shell .form-label{font-size:10px!important;font-weight:800;color:#465266;margin-bottom:4px}
.djb-admin-shell .form-check-label{font-size:11px!important;font-weight:500!important}
.djb-admin-shell .input-group-text{height:34px!important;padding:0 9px!important;border-color:#D4DBE5!important;background:#f7f9fb!important;font-size:10.5px!important}
.djb-admin-shell .row.g-2,.djb-admin-shell .row.g-3{--bs-gutter-x:.65rem;--bs-gutter-y:.55rem}
.djb-admin-shell .mb-4{margin-bottom:14px!important}.djb-admin-shell .mb-3{margin-bottom:10px!important}.djb-admin-shell .mt-4{margin-top:14px!important}.djb-admin-shell .mt-3{margin-top:10px!important}

.djb-admin-shell .table-responsive,.djb-admin-shell .sk-admin-table-wrap{overflow:auto}
.djb-admin-shell table.table,.djb-admin-shell table.sk-admin-table{width:100%;border-collapse:collapse;min-width:760px;margin:0!important}
.djb-admin-shell table.table th,.djb-admin-shell table.sk-admin-table th{background:#fbfcfd!important;color:var(--djb-admin-muted)!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.45px;text-align:left;padding:8px 10px!important;border-bottom:1px solid var(--djb-admin-line)!important;white-space:nowrap}
.djb-admin-shell table.table td,.djb-admin-shell table.sk-admin-table td{font-size:10.6px!important;padding:8px 10px!important;border-bottom:1px solid #EDF0F4!important;vertical-align:middle}
.djb-admin-shell table.table tbody tr,.djb-admin-shell table.sk-admin-table tbody tr{height:42px!important}.djb-admin-shell table tbody tr:hover{background:#fcfefd}
.djb-admin-shell .status,.djb-admin-shell .sk-admin-pill,.djb-admin-shell .badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 7px;font-size:9px!important;font-weight:900;text-transform:uppercase;letter-spacing:.25px;white-space:nowrap}
.djb-admin-shell .status.ok,.djb-admin-shell .sk-admin-pill.success{background:#EAF8F1;color:#15774f}.djb-admin-shell .status.pending,.djb-admin-shell .sk-admin-pill.warning{background:#fff2d8;color:#8a5700}.djb-admin-shell .status.alert,.djb-admin-shell .sk-admin-pill.danger{background:#FFF1F1;color:#b33131}

.djb-admin-shell .sk-admin-grid,.djb-admin-shell .cards{gap:10px!important}
.djb-admin-shell .sk-admin-filter-panel,.djb-admin-shell .sk-admin-filter-grid{padding:10px!important;gap:8px!important}
.djb-admin-shell .sk-admin-form-grid{gap:10px!important}
.djb-admin-shell .sk-admin-action-card{padding:12px!important;border:1px solid var(--djb-admin-line)!important;border-radius:10px!important;background:#fff}
.djb-admin-shell .sk-admin-user-hero{padding:14px!important}
.djb-admin-shell .sk-admin-avatar{width:42px!important;height:42px!important;font-size:13px!important}
.djb-admin-shell .sk-admin-pagination{padding:9px 11px!important;font-size:10.5px!important}
.djb-admin-shell .otp-admin-layout,.djb-admin-shell .assistance-case-overview{gap:12px!important}
.djb-admin-shell .otp-admin-kpi,.djb-admin-shell .otp-ticket,.djb-admin-shell .otp-admin-detail,.djb-admin-shell .assistance-provider-option{border:1px solid var(--djb-admin-line)!important;border-radius:10px!important;box-shadow:none!important}
.djb-admin-shell .otp-admin-toolbar,.djb-admin-shell .assistance-toolbar{gap:8px!important}
.djb-admin-shell .otp-ticket{padding:10px!important}.djb-admin-shell .otp-ticket-title{font-size:11px!important}.djb-admin-shell .otp-ticket-meta{font-size:9.5px!important}
.djb-admin-shell .assistance-provider-grid{gap:9px!important}

.djb-admin-dense-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.djb-admin-module{background:#fff;border:1px solid var(--djb-admin-line);border-radius:11px;padding:12px;min-height:92px}
.djb-admin-module strong{display:block;font-size:13px;margin-bottom:5px}.djb-admin-module p{margin:0;color:var(--djb-admin-muted);font-size:10.5px;line-height:1.45}
.djb-admin-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 155px 145px auto;gap:8px;padding:11px;border-bottom:1px solid var(--djb-admin-line);align-items:center}
.djb-admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.djb-admin-action-card{background:#fff;border:1px solid var(--djb-admin-line);border-radius:11px;padding:13px}.djb-admin-action-card h3{margin:0 0 6px;font-size:13px}.djb-admin-action-card p{margin:0 0 9px;font-size:10.5px;color:var(--djb-admin-muted);line-height:1.45}
.djb-admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.djb-admin-form-group label{display:block;font-size:10px;font-weight:800;margin-bottom:5px;color:#465266}.djb-admin-span-2{grid-column:span 2}.djb-admin-span-3{grid-column:1/-1}
.djb-admin-note{border:1px solid #DDE4EC;background:#F8FAFC;border-radius:9px;padding:10px;color:#647187;font-size:10.5px;line-height:1.5}

@media(max-width:1150px){
 :root{--djb-admin-sidebar:74px}.djb-admin-brand-copy,.djb-admin-nav-caption,.djb-admin-nav a span,.djb-admin-sidebar-bottom{display:none}.djb-admin-brand{justify-content:center;padding-inline:0}.djb-admin-nav a{justify-content:center;padding-inline:0}
 .djb-admin-shell .grid-4,.djb-admin-dense-grid{grid-template-columns:repeat(2,1fr)}.djb-admin-action-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
 .djb-admin-shell{display:block}.djb-admin-sidebar{position:relative;width:100%;height:auto;display:none}.djb-admin-main{width:100%}.djb-admin-content{padding:12px}.djb-admin-shell .main-grid{grid-template-columns:1fr}.djb-admin-form-grid{grid-template-columns:1fr 1fr}.djb-admin-span-3{grid-column:1/-1}.djb-admin-toolbar{grid-template-columns:1fr 1fr}.djb-admin-toolbar .field{grid-column:1/-1}
}
@media(max-width:560px){
 .djb-admin-shell .grid-4,.djb-admin-dense-grid,.djb-admin-action-grid{grid-template-columns:1fr}.djb-admin-form-grid{grid-template-columns:1fr}.djb-admin-span-2,.djb-admin-span-3{grid-column:auto}.djb-admin-env,.djb-admin-user-label{display:none}
}
