@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1220;--bg-2:#111827;--panel:#121a2b;--panel-2:#172033;--text:#edf2f7;--muted:#9aa6bf;--line:rgba(255,255,255,.08);--primary:#ef4444;--primary-2:#dc2626;--success:#22c55e;--warning:#f59e0b;--shadow:0 18px 40px rgba(0,0,0,.28);--radius:18px;}
html,body{height:100%;}body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;background:radial-gradient(circle at top left, rgba(239,68,68,.16), transparent 28%),radial-gradient(circle at top right, rgba(239,68,68,.08), transparent 22%),linear-gradient(180deg,#09101c 0%,#0b1220 45%,#0d1526 100%)!important;color:var(--text)!important;letter-spacing:.01em;}#wrapper{background:transparent;}#content-wrapper{background:transparent!important}.container,.container-fluid,.card,.modal-content,.dropdown-menu,.collapse-inner,.stat-card,.login-card{backdrop-filter:blur(8px)}
.sidebar{width:280px!important;background:linear-gradient(180deg, rgba(11,18,32,.98), rgba(17,24,39,.96))!important;border-right:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.sidebar .sidebar-brand{height:auto!important;padding:22px 18px 18px;margin:14px 14px 18px;border-radius:22px;background:linear-gradient(135deg, rgba(239,68,68,.18), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);justify-content:flex-start!important;gap:14px}.sidebar .sidebar-brand .img-profile{width:56px!important;height:56px!important;object-fit:cover;border:2px solid rgba(239,68,68,.45);box-shadow:0 10px 24px rgba(239,68,68,.2)}.brand-meta{display:flex;flex-direction:column;line-height:1.15;text-align:left}.brand-title{font-size:1rem;font-weight:800;color:#fff}.brand-subtitle{font-size:.78rem;color:#fca5a5;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.text-menu-header{display:block;margin:14px 18px 8px;color:#94a3b8;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.sidebar .nav-item{margin:0 12px 6px}.sidebar .nav-link{border-radius:14px;padding:13px 14px!important;color:#e5e7eb!important;font-size:.98rem!important;font-weight:600;display:flex;align-items:center;gap:12px;min-height:48px;transition:all .2s ease}.sidebar .nav-link i{font-size:1rem!important;width:20px;text-align:center;color:#fca5a5}.sidebar .nav-link:hover,.sidebar .nav-item.active .nav-link{background:linear-gradient(135deg, rgba(239,68,68,.2), rgba(239,68,68,.08));color:#fff!important;transform:translateX(2px)}.sidebar .collapse-inner{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06);border-radius:16px!important;padding:10px!important}.sidebar .collapse-item{color:#dbe1ec!important;border-radius:12px;padding:10px 12px!important;font-size:.94rem}.sidebar .collapse-item:hover{background:rgba(239,68,68,.15)!important;color:#fff!important}.nav-item2{margin:12px 16px 0!important;border-radius:16px;background:linear-gradient(135deg, rgba(239,68,68,.16), rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.08)}.nav-item2 .nav-link2{display:block;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}.nav-item2 b{font-size:1.1rem}.sidebar-divider{border-top:1px solid rgba(255,255,255,.08)!important}
#content{padding-top:18px}.topbar{margin:0 18px 18px;min-height:78px;background:rgba(18,26,43,.78)!important;border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:var(--shadow)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px 0;padding:0 2px}.page-heading h1,.page-heading h2,.page-heading h3,.page-heading .h3{color:#fff!important;font-weight:800!important;letter-spacing:-.03em;margin-bottom:6px!important}.page-heading p,.muted{color:var(--muted)!important;font-size:.98rem!important}
.card,.select-page-card,.table-responsive,.modal-content{background:linear-gradient(180deg, rgba(18,26,43,.9), rgba(14,20,35,.94))!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:var(--shadow)!important}.card-header{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0))!important;border-bottom:1px solid rgba(255,255,255,.06)!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important}.card-body{padding:22px!important}.text-primary,.card-header h6,.card-header .m-0,.text-gray-800{color:#fff!important}.text-gray-600,.text-muted{color:var(--muted)!important}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:0 0 22px}.stat-card{padding:20px;border-radius:20px;background:linear-gradient(135deg, rgba(239,68,68,.15), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.07)}.stat-label{display:block;font-size:.86rem;color:#b9c2d0;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.stat-value{display:block;margin:10px 0 8px;font-size:2rem;line-height:1;font-weight:800;color:#fff}.stat-help{display:block;color:#97a6ba;font-size:.9rem}
.form-control,.custom-select,select,input[type="text"],input[type="password"],input[type="number"],input[type="date"],textarea{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;border-radius:14px!important;min-height:48px;font-size:1rem!important;box-shadow:none!important}.form-control::placeholder,input::placeholder,textarea::placeholder{color:#9aa6bf!important;opacity:1}.form-control:focus,select:focus,input:focus,textarea:focus{border-color:rgba(239,68,68,.65)!important;box-shadow:0 0 0 4px rgba(239,68,68,.12)!important}.input-group{align-items:stretch;gap:12px;flex-wrap:wrap}.input-group>.form-control{flex:1 1 320px!important;width:auto!important}.input-group-text{background:rgba(255,255,255,.04)!important;color:#fca5a5!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important}.btn,.swal-button,.btn-icon-split .text,.btn-icon-split .icon{border-radius:14px!important;font-weight:700!important}.btn{min-height:46px;padding:11px 18px!important;border:none!important;box-shadow:none!important}.btn-primary,.btn-success,.btn-danger,.btn-warning,.btn-info{background:linear-gradient(135deg, var(--primary), #b91c1c)!important;color:#fff!important}.btn-secondary,.btn-default{background:rgba(255,255,255,.08)!important;color:#fff!important}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-icon{background:rgba(255,255,255,.04)!important;border-radius:12px!important;padding:8px 10px!important}.btn-icon img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.table-responsive{padding:10px 10px 4px;overflow:auto}.table{color:#eef2f7!important;margin-bottom:0}.table thead th{background:rgba(255,255,255,.03);color:#f8fafc!important;font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-top:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:16px 14px!important;white-space:nowrap}.table tbody td{border-top:1px solid rgba(255,255,255,.06)!important;color:#e5edf7!important;font-size:.98rem!important;padding:16px 14px!important;vertical-align:middle}.table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.018)!important}.table tbody tr:hover{background:rgba(239,68,68,.06)!important}
main[role="main"]{padding:0 20px 20px!important}#main{margin-bottom:16px}h2,h3,h4,h5,h6{color:#fff;font-weight:800}.alert{border:none!important;border-radius:16px!important;padding:16px 18px!important;color:#fff!important;box-shadow:var(--shadow)}.alert-warning{background:linear-gradient(135deg, rgba(245,158,11,.2), rgba(245,158,11,.1))!important}.alert-success{background:linear-gradient(135deg, rgba(34,197,94,.2), rgba(34,197,94,.1))!important}.alert-danger{background:linear-gradient(135deg, rgba(239,68,68,.22), rgba(239,68,68,.12))!important}.modal-header,.modal-footer{border-color:rgba(255,255,255,.08)!important}footer.sticky-footer{background:transparent!important;padding:18px 0 24px!important}footer .copyright a{color:#fca5a5!important;font-weight:700}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 16px}.login-card{width:100%;max-width:480px;padding:28px;background:linear-gradient(180deg, rgba(18,26,43,.94), rgba(11,18,32,.96));border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:var(--shadow)}.login-brand{text-align:center;margin-bottom:20px}.login-brand img{width:82px;height:82px;object-fit:cover;border-radius:22px;border:2px solid rgba(239,68,68,.45);box-shadow:0 18px 32px rgba(239,68,68,.18)}.login-brand h1{font-size:1.85rem;margin:18px 0 8px;font-weight:800;color:#fff}.login-brand p{margin:0;color:#a8b4c8;font-size:1rem;line-height:1.55}.login-card .form-group{margin-bottom:15px}.login-card .btn-block{width:100%}.password-toggle-icon{min-width:56px}
.image-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.image-container{padding:12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);text-align:center}.image-container p{color:#fff;font-weight:700;margin-bottom:10px}.image-container img{width:100%;height:150px;object-fit:cover;border-radius:14px}.image-container.selected{outline:2px solid rgba(239,68,68,.65);box-shadow:0 0 0 6px rgba(239,68,68,.10)}.select-page-card{padding:0}
@media (max-width:991px){.sidebar{width:6.5rem!important}.sidebar .brand-meta,.text-menu-header,.nav-item2{display:none!important}.sidebar .nav-link span{font-size:.74rem!important}.topbar{margin:14px}main[role="main"]{padding:0 14px 16px!important}}@media (max-width:768px){.page-heading{flex-direction:column;align-items:flex-start}.table thead th,.table tbody td{font-size:.92rem!important;padding:12px 10px!important}.login-card{padding:22px}}