.mp-bootstrap-app{--mp-surface:#fff;--mp-line:#e5eaf1;--mp-ink:#172337;--mp-muted:#65748b;--mp-radius:6px;color:var(--mp-ink);font-size:14px;line-height:1.55;background:#f5f7fb}
.mp-bootstrap-app,.mp-bootstrap-app *{box-sizing:border-box}
.mp-bootstrap-app .mp-app{min-width:0;max-width:100%}
.mp-bootstrap-app .mp-main{min-width:0;overflow-x:clip}
.mp-bootstrap-app .mp-main>.container-fluid{max-width:1500px;margin-inline:auto}
.mp-bootstrap-app .mp-page-content{min-width:0;display:flow-root}
.mp-bootstrap-app .mp-card,.mp-bootstrap-app .card,.mp-bootstrap-app .mp-premium-panel{border:1px solid var(--mp-line);border-radius:var(--mp-radius);background:var(--mp-surface);box-shadow:0 3px 16px rgba(30,48,78,.045)}
.mp-bootstrap-app .mp-card-head,.mp-bootstrap-app .card-header{background:linear-gradient(120deg,#fff,#f9fbff);border-bottom:1px solid var(--mp-line);padding:17px 20px}
.mp-bootstrap-app .mp-card-head h2{font-size:17px;line-height:1.35;margin:3px 0 0;font-weight:700}
.mp-bootstrap-app .mp-card-head p{margin:5px 0 0;color:var(--mp-muted);font-size:13px}
.mp-bootstrap-app .mp-page-title{font-size:clamp(20px,2vw,27px);letter-spacing:-.025em;font-weight:750}
.mp-bootstrap-app .mp-top{z-index:1020;min-height:66px;box-shadow:0 1px 0 rgba(20,35,60,.03)}
.mp-bootstrap-app .mp-sidebar{width:250px;flex:0 0 250px;max-width:85vw}
.mp-bootstrap-app .mp-side-nav .nav-link{display:flex;align-items:center;gap:10px;min-height:40px;border-radius:5px;font-size:13px}
.mp-bootstrap-app .mp-side-nav .nav-link:focus-visible,.mp-bootstrap-app a:focus-visible,.mp-bootstrap-app button:focus-visible{outline:2px solid #497ee8;outline-offset:2px}
.mp-bootstrap-app :is(.form-control,.form-select){width:100%;max-width:100%;min-height:39px;border-radius:5px;border:1px solid #dbe2eb;background-color:#fff;font-size:14px;box-shadow:none}
.mp-bootstrap-app textarea.form-control{min-height:105px}
.mp-bootstrap-app :is(.form-control,.form-select):focus{border-color:#6c91e5;box-shadow:0 0 0 3px rgba(79,125,226,.12)}
.mp-bootstrap-app .btn,.mp-bootstrap-app .mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:5px;font-size:13px;font-weight:650;text-decoration:none;white-space:normal}
.mp-bootstrap-app .btn-sm{min-height:32px}
.mp-bootstrap-app :is(.table-responsive,.mp-table-wrap,.mp-pro-table){width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mp-bootstrap-app .table{width:100%;margin-bottom:0;font-size:13px;vertical-align:middle}
.mp-bootstrap-app .table thead th{padding:12px 14px;background:#f6f8fc;color:#59697f;font-size:11px;font-weight:750;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--mp-line)}
.mp-bootstrap-app .table tbody td{padding:12px 14px;border-bottom:1px solid #eef1f5}
.mp-bootstrap-app .table tbody tr:last-child td{border-bottom:0}
.mp-bootstrap-app .mp-form label{min-width:0}
.mp-bootstrap-app .mp-auth-layout{width:100%;margin-inline:0}
.mp-bootstrap-app .mp-auth-content{min-width:0}
.mp-bootstrap-app .mp-auth-form{max-width:100%}
.mp-bootstrap-app img,.mp-bootstrap-app svg{max-width:100%}
@media(max-width:991.98px){.mp-bootstrap-app .mp-sidebar{width:min(310px,85vw);flex-basis:auto}.mp-bootstrap-app .mp-main>.container-fluid{padding-inline:16px!important}.mp-bootstrap-app .mp-page-title-row{margin-bottom:18px!important}}
@media(max-width:575.98px){.mp-bootstrap-app .mp-main>.container-fluid{padding-inline:12px!important}.mp-bootstrap-app .mp-card-head,.mp-bootstrap-app .card-header{padding:14px}.mp-bootstrap-app .mp-page-title{font-size:21px}.mp-bootstrap-app .mp-user-manager-tools{align-items:stretch!important}.mp-bootstrap-app .mp-management-search{width:100%}.mp-bootstrap-app .mp-management-search input{flex:1 1 100%;min-width:0}.mp-bootstrap-app .mp-auth-container{padding-inline:12px}.mp-bootstrap-app .mp-auth-layout{row-gap:18px!important}}
@media(prefers-reduced-motion:reduce){.mp-bootstrap-app *, .mp-bootstrap-app *::before,.mp-bootstrap-app *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


body.mp-frontend-page .mp-shell .mp-dashboard-grid > .col {min-width:0;display:flex;flex-direction:column}
body.mp-frontend-page .mp-shell .mp-dashboard-grid > .col > .mp-card.card.shadow-sm.mb-3 {width:100%;height:100%;margin-bottom:0!important;min-width:0;display:flex;flex-direction:column}
body.mp-frontend-page .mp-shell .mp-dashboard-grid > .col > .mp-card > .mp-card-head {flex:0 0 auto}
body.mp-frontend-page .mp-shell .mp-dashboard-grid .mp-admin-role-grid {margin:0;padding:16px 18px;min-width:0}
body.mp-frontend-page .mp-shell .mp-dashboard-grid .mp-admin-role-grid > .col {min-width:0}
body.mp-frontend-page .mp-shell .mp-dashboard-grid .mp-admin-workflow {padding:16px 18px;min-width:0}
body.mp-frontend-page .mp-shell .mp-dashboard-grid .mp-quick-grid {margin:0;min-width:0}
body.mp-frontend-page .mp-shell .mp-dashboard-grid .mp-quick-grid > .col {min-width:0}
body.mp-frontend-page .mp-shell .mp-card.card.shadow-sm.mb-3:not(.mp-auth-form) {max-width:100%}
@media(max-width:575.98px){body.mp-frontend-page .mp-shell .mp-dashboard-grid .mp-admin-role-grid,body.mp-frontend-page .mp-shell .mp-dashboard-grid .mp-admin-workflow{padding:12px}}