@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--msbeau-text:#a2647e;--msbeau-top:#f9e9f0;--msbeau-border:#ddaec2;--msbeau-button:#c98da4;--msbeau-page:#fbf6f8}
body,button,input,select,textarea,.content-wrapper,.main-footer{font-family:Inter,Arial,sans-serif!important;font-size:14px;color:var(--msbeau-text)!important}
body :is(h1,h2,h3,h4,h5,h6,p,label,span,small,strong,b,td,th,a,button,input,select,textarea,i,div,li),a:visited,a:hover,a:active,input::placeholder{color:var(--msbeau-text)!important}
.main-header{background:var(--msbeau-top)!important;border-bottom:1px solid var(--msbeau-border)!important;min-height:76px}
.main-sidebar,.main-sidebar .sidebar,.brand-link,.main-footer{background:#ffffff!important;box-shadow:none!important}
.main-sidebar{width:220px;border-right:1px solid #e8e3e7}
.main-sidebar .brand-link{width:220px;font-size:18px;font-weight:600!important;border-bottom:1px solid var(--msbeau-border)!important;min-height:76px;display:flex;align-items:center;gap:8px;white-space:normal}
.msbeau-brand-mark,.msbeau-login-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--msbeau-top);border-radius:12px;width:42px;height:42px;flex-shrink:0}
.brand-text{font-size:16px;font-weight:600!important}
.main-sidebar .nav-link{border-radius:8px!important;font-size:14px;padding:11px 12px}
.main-sidebar .nav-link:hover,.main-sidebar .nav-link.active,.main-sidebar .menu-open>.nav-link{background:var(--msbeau-top)!important;box-shadow:none!important}
.main-sidebar .nav-treeview{background:#ffffff!important;padding-left:14px}
.main-sidebar .nav-treeview .nav-link{font-size:13px}
.main-sidebar .nav-treeview .nav-icon{font-size:6px!important;width:12px!important}
.msbeau-colored-icon{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important;font-size:17px!important}
.content-wrapper,.login-page,.register-page{background:var(--msbeau-page)!important}
.content-header h1{font-size:23px;font-weight:600}
.content-wrapper>.content{padding:16px 26px}
.card{border:1px solid #e8e3e7!important;border-radius:12px!important;box-shadow:none!important;background:#ffffff!important}
.card-header,.card-body,.login-card-body{background:#ffffff!important}
.card-title{font-size:16px;font-weight:600}
.btn:not(.btn-link),.page-item.active .page-link{background:var(--msbeau-button)!important;border-color:var(--msbeau-button)!important;color:var(--msbeau-text)!important;border-radius:8px;min-height:38px}
.btn:hover{background:var(--msbeau-top)!important}
.form-control,.custom-select,.select2-selection{border:1px solid #d7d0d8!important;border-radius:8px!important;min-height:44px;background:#ffffff!important}
.form-control:focus,.btn:focus,a:focus-visible{outline:2px solid var(--msbeau-border);outline-offset:2px;box-shadow:none!important}
.table{font-size:13px}.table th{font-weight:500;background:#faf9fb!important}.table td,.table th{border-color:#e8e3e7!important}
.badge,.bg-primary,.bg-success,.bg-danger,.bg-warning,.bg-info,.bg-secondary,.user-header{background:var(--msbeau-top)!important;color:var(--msbeau-text)!important}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:var(--msbeau-top)!important;border-color:var(--msbeau-border)!important}
.main-footer{font-size:12px;border-top:1px solid #e8e3e7!important;padding:16px 22px}
.main-footer a,.main-footer a:visited,.main-footer a:hover,.main-footer a strong{color:#a2647e!important}
.login-box{width:360px;max-width:calc(100% - 32px)}.login-logo a{display:flex;align-items:center;justify-content:center;gap:12px;font-size:23px}.login-card-body{border-radius:12px;padding:30px}.login-page>.main-footer{margin:24px 0 0;width:100%;text-align:center;background:transparent!important}.login-page>.main-footer .float-right{float:none!important;display:block;margin-top:8px}
@media(min-width:768px){body:not(.sidebar-collapse) .content-wrapper,body:not(.sidebar-collapse) .main-header,body:not(.sidebar-collapse) .main-footer{margin-left:220px}}
@media(max-width:767.98px){.content-wrapper>.content{padding:16px}.main-footer .float-right{float:none!important;display:block;margin-top:8px}}