*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#7367f0;--primary-dark:#5e50ee;--success:#28c76f;--danger:#ea5455;--warning:#ff9f43;--info:#00cfe8;--dark:#4b4b4b;--body-bg:#f8f7fa;--card-bg:#fff;--sidebar-bg:#2f3349;--sidebar-width:260px;--text-muted:#a5a3ae;--border:#ebe9f1;--radius:.5rem;--shadow:0 4px 24px 0 #22292f1a}body{background:var(--body-bg);color:var(--dark);font-family:Inter,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:10px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.card-body{padding:1.5rem}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-title{margin:0;font-size:1rem;font-weight:600}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-info{background:var(--info);color:#fff}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:.3rem .8rem;font-size:.8rem}.btn-block{justify-content:center;width:100%}.btn:disabled{opacity:.65;cursor:not-allowed}.form-group{margin-bottom:1.2rem}.form-label{color:#6e6b7b;margin-bottom:.4rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--dark);background:#fff;outline:none;padding:.6rem 1rem;font-size:.9rem;transition:border .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7367f026}.invalid-feedback{color:var(--danger);margin-top:.3rem;font-size:.8rem}.badge{border-radius:50px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#28c76f26}.badge-danger{color:var(--danger);background:#ea545526}.badge-warning{color:var(--warning);background:#ff9f4326}.badge-info{color:var(--info);background:#00cfe826}.badge-primary{color:var(--primary);background:#7367f026}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.85rem 1.2rem;font-size:.875rem}.alert-danger{color:var(--danger);background:#ea54551a;border:1px solid #ea54554d}.alert-success{color:var(--success);background:#28c76f1a;border:1px solid #28c76f4d}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);background:#f8f7fa;padding:.85rem 1rem;font-size:.78rem;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.9rem 1rem}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fafafa}.stat-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);align-items:center;gap:1.2rem;padding:1.4rem;display:flex}.stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.4rem;display:flex}.stat-icon.primary{color:var(--primary);background:#7367f026}.stat-icon.success{color:var(--success);background:#28c76f26}.stat-icon.danger{color:var(--danger);background:#ea545526}.stat-icon.warning{color:var(--warning);background:#ff9f4326}.stat-icon.info{color:var(--info);background:#00cfe826}.stat-value{font-size:1.8rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.82rem}.spinner{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-dark{border-color:#7367f033;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:100%;max-width:500px;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{font-size:1rem;font-weight:600}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.2rem}.modal-close:hover{color:var(--dark)}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.sidebar{transform:translate(-100%)}}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:1rem}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.fw-600{font-weight:600}.fs-sm{font-size:.85rem}.w-100{width:100%}.ti,.icon-base{vertical-align:middle;flex-shrink:0;width:1em;height:1em;line-height:1;display:inline-block}.btn.btn-icon{justify-content:center;align-items:center;width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:0;display:inline-flex}.btn.btn-icon .ti,.btn.btn-icon .icon-base{margin:0;font-size:1rem}.avatar .ti,.avatar .icon-base,.avatar-initial .ti,.avatar-initial .icon-base{vertical-align:middle;width:1.1em;height:1.1em;margin:0;display:inline-block}.ti.icon-20px,.icon-base.icon-20px{width:20px;height:20px;font-size:20px}.ti.icon-22px,.icon-base.icon-22px{width:22px;height:22px;font-size:22px}.ti.icon-26px,.icon-base.icon-26px{width:26px;height:26px;font-size:26px}.ti.icon-28px,.icon-base.icon-28px{width:28px;height:28px;font-size:28px}.ti.icon-48px,.icon-base.icon-48px{width:48px;height:48px;font-size:48px}.avatar,.avatar-initial,.avatar .avatar-initial{justify-content:center;align-items:center;display:inline-flex}.avatar i.ti,.avatar i.icon-base,.avatar-initial i.ti,.avatar-initial i.icon-base,.btn-icon i.ti,.btn-icon i.icon-base{vertical-align:middle!important;margin:0!important;line-height:1!important;display:inline-block!important;transform:translateY(0)!important}h1 .ti,h2 .ti,h3 .ti,h4 .ti,h5 .ti,h6 .ti,p .ti,small .ti,span .ti,h1 .icon-base,h2 .icon-base,h3 .icon-base,h4 .icon-base,h5 .icon-base,h6 .icon-base,p .icon-base,small .icon-base,span .icon-base{vertical-align:-.125em}