/*===STYLE INDEX Start===*/
/*--01. MP CORE: Fonts / Root Tokens | Reset / Base Elements | Controls / Buttons / Icons | Application Shell--*/
/*--01. MP CORE: Sections / Hero | Header / User Drawer | Page Header / Intro / Footer--*/
/*--02. MP GRID: Grid / Columns / Offsets--*/
/*--03. MP ELEMENTS: Text / Background / Border | Buttons / Dropdown | Table | Card / Badge / Status--*/
/*--03. MP ELEMENTS: Message / Modal / Block / Toast | Tabs / Notifications--*/
/*--04. MP XSELECT: XSelect / Search / Options--*/
/*--05. MP XCAROUSEL: Carousel / Gallery / Image Viewer--*/
/*--06. MP MENU: Navigation / Drawer / Sidebar--*/
/*--07. REUSABLE UI COMPONENTS: Layout / Foundation | Typography / Content | Forms / Validation--*/
/*--07. REUSABLE UI COMPONENTS: Filters / Toolbar | Messages / Progress | Cards / KPIs | Data Table / Pagination--*/
/*--07. REUSABLE UI COMPONENTS: Website / Content | E-Commerce Presentation | Composition / Utilities | Section CTA--*/
/*--08. RESPONSIVE: MIN WIDTH ASCENDING | MAX WIDTH DESCENDING | ACCESSIBILITY; responsive rules are at file end--*/
/*--Edit shared UI here; project-specific CSS belongs in mp-ui-xcustom.css--*/
/*===STYLE INDEX End===*/

/*===01. MP CORE Start===*/
/*--Fonts / Root Tokens Start--*/
@font-face{font-family:"MxFF_Primary";src:url("../fonts/Noto-Sans.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:"MxFF_Heading";src:url("../fonts/Roboto-Serif.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
:root {
    /*--UI Colors Start--*/
    --mp-ui-primary:#076DB8;
    --mp-ui-primary-hover:#0560A3;
    --mp-ui-primary-active:#044F87;
    --mp-ui-primary-contrast:#fff;
    --mp-ui-primary-hover-contrast:#fff;
    --mp-ui-secondary:#FF6600;
    --mp-ui-secondary-hover:#E65C00;
    --mp-ui-secondary-contrast:#000;
    --mp-ui-secondary-hover-contrast:#000;
    --mp-ui-theme-1:#008C95;
    --mp-ui-theme-1-hover:#007780;
    --mp-ui-theme-1-contrast:#000;
    --mp-ui-theme-1-hover-contrast:#fff;
    --mp-ui-theme-2:#2E8B57;
    --mp-ui-theme-2-hover:#267849;
    --mp-ui-theme-2-contrast:#000;
    --mp-ui-theme-2-hover-contrast:#fff;
    --mp-ui-theme-3:#5B6470;
    --mp-ui-theme-3-hover:#4D5560;
    --mp-ui-theme-3-contrast:#fff;
    --mp-ui-theme-3-hover-contrast:#fff;
    /*--UI Colors End--*/
    /*--UI Section BG Start--*/
    --mp-site-bg-white:var(--mp-white);
    --mp-site-bg-soft:var(--mp-surface-muted);
    --mp-site-bg-dark:var(--mp-dark);
    --mp-site-bg-primary:var(--mp-ui-primary);
    /*--UI Section BG End--*/
    /*--UI Emphasis / Subtle Colors Start--*/
    --mp-ui-primary-text-emphasis:color-mix(in srgb,var(--mp-ui-primary) 55%,#000);
    --mp-ui-primary-bg-subtle:color-mix(in srgb,var(--mp-ui-primary) 15%,#fff);
    --mp-ui-primary-border-subtle:color-mix(in srgb,var(--mp-ui-primary) 35%,#fff);
    --mp-ui-secondary-text-emphasis:color-mix(in srgb,var(--mp-ui-secondary) 55%,#000);
    --mp-ui-secondary-bg-subtle:color-mix(in srgb,var(--mp-ui-secondary) 15%,#fff);
    --mp-ui-secondary-border-subtle:color-mix(in srgb,var(--mp-ui-secondary) 35%,#fff);
    --mp-ui-theme-1-text-emphasis:color-mix(in srgb,var(--mp-ui-theme-1) 55%,#000);
    --mp-ui-theme-1-bg-subtle:color-mix(in srgb,var(--mp-ui-theme-1) 15%,#fff);
    --mp-ui-theme-1-border-subtle:color-mix(in srgb,var(--mp-ui-theme-1) 35%,#fff);
    --mp-ui-theme-2-text-emphasis:color-mix(in srgb,var(--mp-ui-theme-2) 55%,#000);
    --mp-ui-theme-2-bg-subtle:color-mix(in srgb,var(--mp-ui-theme-2) 15%,#fff);
    --mp-ui-theme-2-border-subtle:color-mix(in srgb,var(--mp-ui-theme-2) 35%,#fff);
    --mp-ui-theme-3-text-emphasis:color-mix(in srgb,var(--mp-ui-theme-3) 55%,#000);
    --mp-ui-theme-3-bg-subtle:color-mix(in srgb,var(--mp-ui-theme-3) 15%,#fff);
    --mp-ui-theme-3-border-subtle:color-mix(in srgb,var(--mp-ui-theme-3) 35%,#fff);
    /*--UI Emphasis / Subtle Colors End--*/
    /*--Standard Colors Start--*/
    --mp-white:#FFF;
    --mp-black:#000;
    --mp-gold: #ffd700;
    --mp-gold-hover: #e6c200;
    --mp-gold-contrast: #1a1a1a;
    --mp-gold-hover-contrast: #1a1a1a;

    --mp-primary:#0d6efd;
    --mp-primary-hover:#0b5ed7;
    --mp-primary-contrast:#fff;
    --mp-primary-hover-contrast:#fff;
    --mp-secondary:#6c757d;
    --mp-secondary-hover:#5c636a;
    --mp-secondary-contrast:#fff;
    --mp-secondary-hover-contrast:#fff;
    --mp-success:#198754;
    --mp-success-hover:#267849;
    --mp-success-contrast:#fff;
    --mp-success-hover-contrast:#fff;
    --mp-info:#0dcaf0;
    --mp-info-hover:#007680;
    --mp-info-contrast:#212529;
    --mp-info-hover-contrast:#fff;
    --mp-warning:#ffc107;
    --mp-warning-hover:#B97800;
    --mp-warning-contrast:#212529;
    --mp-warning-hover-contrast:#000;
    --mp-danger:#dc3545;
    --mp-danger-hover:#AD2222;
    --mp-danger-contrast:#fff;
    --mp-danger-hover-contrast:#fff;
    --mp-light:#f8f9fa;
    --mp-light-hover:#E8EAEC;
    --mp-light-contrast:#212529;
    --mp-light-hover-contrast:#212529;
    --mp-dark:#212529;
    --mp-dark-hover:#25292D;
    --mp-dark-contrast:#fff;
    --mp-dark-hover-contrast:#fff;
    /*--Standard Colors End--*/
    /*--Emphasis Colors Start--*/
    --mp-gold-text-emphasis: #664d03;
    --mp-primary-text-emphasis:#052c65;
    --mp-secondary-text-emphasis:#2b2f32;
    --mp-success-text-emphasis:#0a3622;
    --mp-info-text-emphasis:#055160;
    --mp-warning-text-emphasis:#664d03;
    --mp-danger-text-emphasis:#58151c;
    --mp-light-text-emphasis:#495057;
    --mp-dark-text-emphasis:#495057;
    /*--Emphasis Colors End--*/
    /*--Subtle Background Colors Start--*/
    --mp-gold-bg-subtle: #f7efd0;
    --mp-primary-bg-subtle:#cfe2ff;
    --mp-secondary-bg-subtle:#e2e3e5;
    --mp-success-bg-subtle:#d1e7dd;
    --mp-info-bg-subtle:#cff4fc;
    --mp-warning-bg-subtle:#fff3cd;
    --mp-danger-bg-subtle:#f8d7da;
    --mp-light-bg-subtle:#fcfcfd;
    --mp-dark-bg-subtle:#ced4da;
    /*--Subtle Background Colors End--*/
    /*--Subtle Border Colors Start--*/
    --mp-gold-border-subtle: #ead9a0;
    --mp-primary-border-subtle:#9ec5fe;
    --mp-secondary-border-subtle:#c4c8cb;
    --mp-success-border-subtle:#a3cfbb;
    --mp-info-border-subtle:#9eeaf9;
    --mp-warning-border-subtle:#ffe69c;
    --mp-danger-border-subtle:#f1aeb5;
    --mp-light-border-subtle:#e9ecef;
    --mp-dark-border-subtle:#adb5bd;
    /*--Subtle Border Colors End--*/
    /*--Foundation Start--*/
    --mp-body-bg:#fff;
    --mp-body-text:var(--mp-dark);
    --mp-text-muted:var(--mp-secondary);
    --mp-surface-bg:var(--mp-body-bg);
    --mp-surface-muted:#f5f6f7;
    --mp-surface-header:#f2f3f5;
    --mp-border-color:#d6d6d6;
    --mp-border-color-subtle:var(--mp-light-border-subtle);
    --mp-border-color-strong:#b8bcc2;
    --mp-border-width:1px;
    --mp-disabled-bg:#f2f2f2;
    --mp-disabled-opacity:.55;
    --mp-hover-bg:color-mix(in srgb,var(--mp-ui-primary) 7%,#fff);
    --mp-selected-bg:var(--mp-ui-primary-bg-subtle);
    /*--Foundation End--*/
    /*--Typography Start--*/
    --mp-font-family-base:"MxFF_Primary",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --mp-font-family-heading:"MxFF_Heading",var(--mp-font-family-base);

    --mp-font-size-base:16px;
    --mp-font-size-xs:11px;
    --mp-font-size-sm:12px;
    --mp-font-size-ui:13px;
    --mp-font-size-md:14px;
    --mp-font-size-body-sm:15px;
    --mp-font-size-title:18px;
    --mp-font-size-subtitle:16px;

    --mp-font-weight-normal:400;
    --mp-font-weight-medium:500;
    --mp-font-weight-semibold:600;
    --mp-font-weight-bold:700;
    --mp-line-height-base:1.5;
    --mp-line-height-section-title:1.2;
    --mp-line-height-section-hero-title:1.2;
    --mp-line-height-compact:1.4;
    --mp-line-height-relaxed:1.75;

    /*--Letter Spacing Start--*/
--mp-letter-spacing-tight:-.02em;
--mp-letter-spacing-normal:normal;
--mp-letter-spacing-wide:.08em;
/*--Letter Spacing End--*/

    /*--Typography End--*/
    /*--Spacing Start--*/
    --mp-space-xs:4px;
    --mp-space-sm:8px;
    --mp-space-md:12px;
    --mp-space-lg:16px;
    --mp-space-xl:24px;
    --mp-space-2xl:32px;
    --mp-space-3xl:48px;
    --mp-space-4xl:64px;
    /*--Spacing End--*/
    /*--Radius Start--*/
    --mp-radius-control:2px;
    --mp-radius-surface:4px;
    --mp-radius-md:8px;
    --mp-radius-lg:12px;
    --mp-radius-xl:16px;
    --mp-radius-pill:999px;
    --mp-badge-radius:10px;
    /*--Radius End--*/
    /*--Focus Start--*/
    --mp-control-focus-border:#80bdff;
    --mp-control-focus-shadow:rgba(13,110,253,.25);
    --mp-focus-ring:0 0 0 2px var(--mp-control-focus-shadow);
    /*--Focus End--*/
    /*--Shadow Start--*/
    --mp-shadow-sm:0 4px 16px rgba(0,0,0,.12);
    --mp-shadow-md:0 6px 18px rgba(0,0,0,.15);
    --mp-shadow-lg:0 8px 28px rgba(0,0,0,.18);
    /*--Shadow End--*/
    /*--Overlay / Layering Start--*/
    --mp-z-page-loader:2000;
    --mp-backdrop-bg:rgba(0,0,0,.45);
    --mp-z-menu-backdrop:1020;
    --mp-z-menu:1030;
    --mp-z-modal-backdrop:1040;
    --mp-z-modal:1050;
    --mp-z-xselect:1080;
    --mp-z-dropdown:1090;
    --mp-z-block:1100;
    --mp-z-toast:1200;
    --mp-z-image-viewer:1300;
    /*--Overlay / Layering End--*/
    /*--Motion Start--*/
    --mp-transition-base:.15s ease-in-out;
    /*--Motion End--*/
    /*--Grid Start--*/
    --mp-grid-gap-x:var(--mp-space-lg);
    --mp-grid-gap-y:var(--mp-space-lg);
    --mp-app-shell-container-max-width:1440px;
    --mp-app-shell-container-padding:var(--mp-space-lg);
    /*--Grid End--*/
    /*--Controls Start--*/
    --mp-control-height:28px;
    --mp-control-padding-y:4px;
    --mp-control-padding-x:6px;
    --mp-control-bg:var(--mp-surface-bg);
    --mp-control-text:var(--mp-light-text-emphasis);
    --mp-control-border:#c9c9c9;
    --mp-check-size:16px;
    /*--Controls End--*/
    /*--Scrollbar Start--*/
    --mp-scrollbar-size:10px;
    --mp-scrollbar-track:transparent;
    --mp-scrollbar-thumb:#c4c8cb;
    --mp-scrollbar-thumb-hover:#a6acb2;
    /*--Scrollbar End--*/
}
/*--Fonts / Root Tokens End--*/
/*--Reset / Base Elements Start--*/
html{box-sizing:border-box;margin:0;padding:0;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:var(--mp-font-family-base);font-size:var(--mp-font-size-base);line-height:var(--mp-line-height-base);color:var(--mp-body-text);background:var(--mp-body-bg);}
button,input,select,textarea{font:inherit;}
 
html.mp-ui-loading{cursor:wait;}
html.mp-ui-loading body{overflow:hidden;}
html.mp-ui-loading::before{content:"";position:fixed;inset:0;z-index:var(--mp-z-page-loader);background:var(--mp-backdrop-bg);}
html.mp-ui-loading body::before{content:"";position:fixed;top:50%;left:50%;z-index:calc(var(--mp-z-page-loader) + 1);width:34px;height:34px;margin:-30px 0 0 -17px;border:3px solid rgba(255,255,255,.35);border-top-color:var(--mp-white);border-radius:50%;animation:mp-ui-loading-spin .7s linear infinite;}
html.mp-ui-loading body::after{content:"Loading, please wait...";position:fixed;top:calc(50% + 22px);left:50%;z-index:calc(var(--mp-z-page-loader) + 1);transform:translateX(-50%);color:var(--mp-white);font-size:var(--mp-font-size-sm);font-weight:var(--mp-font-weight-medium);white-space:nowrap;}
@keyframes mp-ui-loading-spin{to{transform:rotate(360deg);}}

*{scrollbar-width:thin;scrollbar-color:var(--mp-scrollbar-thumb) var(--mp-scrollbar-track);}
*::-webkit-scrollbar{width:var(--mp-scrollbar-size);height:var(--mp-scrollbar-size);}
*::-webkit-scrollbar-track{background:var(--mp-scrollbar-track);}
*::-webkit-scrollbar-thumb{background:var(--mp-scrollbar-thumb);border:2px solid transparent;border-radius:var(--mp-radius-pill);background-clip:content-box;}
*::-webkit-scrollbar-thumb:hover{background:var(--mp-scrollbar-thumb-hover);border:2px solid transparent;background-clip:content-box;}
*::-webkit-scrollbar-corner{background:transparent;}

h1,h2,h3,h4,h5,h6{margin:0 0 var(--mp-space-md);font-weight:var(--mp-font-weight-semibold);line-height:var(--mp-line-height-base);color:inherit;}
h1{font-size:2rem;}
h2{font-size:1.75rem;}
h3{font-size:1.5rem;}
h4{font-size:1.25rem;}
h5{font-size:1.1rem;}
h6{font-size:1rem;}
p{margin:0 0 var(--mp-space-md);}
p:last-child{margin-bottom:0;}
label{display:inline-block;margin-bottom:var(--mp-space-xs);font-weight:var(--mp-font-weight-semibold);color:var(--mp-control-text);}

a{color:var(--mp-ui-primary);text-decoration:none;}
a:hover{color:var(--mp-ui-primary-hover);text-decoration:underline;}
a:active{color:var(--mp-ui-primary-active);}
a:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:2px;}

ul,ol{margin:0 0 var(--mp-space-md);padding-left:var(--mp-space-xl);}
.mp-list-unstyled{margin:0;padding:0;list-style:none;}
.mp-list-inline{display:flex;flex-wrap:wrap;gap:var(--mp-space-sm);margin:0;padding:0;list-style:none;}

input[type="checkbox"],input[type="radio"]{width:var(--mp-check-size);height:var(--mp-check-size);margin:0;accent-color:var(--mp-ui-primary);vertical-align:middle;cursor:pointer;}
input[type="checkbox"]:disabled,input[type="radio"]:disabled{opacity:var(--mp-disabled-opacity);cursor:not-allowed;}
input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:2px;}
label:has(> input[type="checkbox"]),label:has(> input[type="radio"]){display:inline-flex;align-items:center;gap:var(--mp-space-sm);min-height:var(--mp-control-height);margin-bottom:0;font-weight:var(--mp-font-weight-normal);cursor:pointer;user-select:none;}
label:has(> input[type="checkbox"]:disabled),label:has(> input[type="radio"]:disabled){color:var(--mp-text-muted);cursor:not-allowed;}

input[type="file"]{display:block;width:100%;min-height:var(--mp-control-height);padding:0;border:var(--mp-border-width) solid var(--mp-control-border);border-radius:var(--mp-radius-control);background:var(--mp-control-bg);color:var(--mp-control-text);font-size:var(--mp-font-size-ui);cursor:pointer;}
input[type="file"]::file-selector-button{min-height:var(--mp-control-height);margin-right:var(--mp-space-sm);padding:var(--mp-control-padding-y) var(--mp-control-padding-x);border:0;border-right:var(--mp-border-width) solid var(--mp-control-border);background:var(--mp-surface-muted);color:var(--mp-body-text);font:inherit;cursor:pointer;}
input[type="file"]:hover::file-selector-button{background:var(--mp-hover-bg);}
input[type="file"]:focus{outline:0;border-color:var(--mp-control-focus-border);box-shadow:var(--mp-focus-ring);}
input[type="file"]:disabled{background:var(--mp-disabled-bg);opacity:var(--mp-disabled-opacity);cursor:not-allowed;}
input[type="file"]:disabled::file-selector-button{cursor:not-allowed;}

img{max-width:100%;height:auto;}
.mp-img-fluid{display:block;width:100%;height:auto;}
.mp-img-thumbnail{padding:var(--mp-space-xs);background:var(--mp-surface-bg);border:var(--mp-border-width) solid var(--mp-border-color);border-radius:var(--mp-radius-surface);}
.mp-img-rounded{border-radius:var(--mp-radius-surface);}
.mp-img-circle{border-radius:50%;aspect-ratio:1/1;object-fit:cover;}
.mp-img-cover{width:100%;height:100%;object-fit:cover;}
.mp-img-contain{width:100%;height:100%;object-fit:contain;}

.mp-img-title{margin:0 0 var(--mp-space-sm);font-size:var(--mp-font-size-ui);font-weight:var(--mp-font-weight-semibold);}
.mp-img-avatar{width:120px;height:120px;object-fit:cover;}
.mp-img-frame{width:100%;height:160px;overflow:hidden;background:var(--mp-surface-muted);}
.mp-img-frame .mp-img-cover,.mp-img-frame .mp-img-contain{width:100%;height:100%;}
.mp-img-figure{margin:0;}
.mp-img-caption{margin-top:var(--mp-space-xs);color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);text-align:center;}
/*--Reset / Base Elements End--*/
/*--Controls / Buttons / Icons Start--*/
.mp-btn{--mp-btn-bg:var(--mp-surface-bg);--mp-btn-border:var(--mp-control-border);--mp-btn-text:var(--mp-body-text);--mp-btn-hover-bg:var(--mp-ui-primary-hover);--mp-btn-hover-border:var(--mp-ui-primary-hover);--mp-btn-hover-text:var(--mp-ui-primary-hover-contrast);--mp-btn-active-bg:var(--mp-btn-hover-bg);--mp-btn-active-border:var(--mp-btn-hover-border);--mp-btn-active-text:var(--mp-btn-hover-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--mp-space-xs);min-height:var(--mp-control-height);padding:var(--mp-control-padding-y) var(--mp-space-md);border:var(--mp-border-width) solid var(--mp-btn-border);border-radius:var(--mp-radius-control);background:var(--mp-btn-bg);color:var(--mp-btn-text);font-weight:var(--mp-font-weight-medium);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;transition:background-color var(--mp-transition-base),border-color var(--mp-transition-base),color var(--mp-transition-base),box-shadow var(--mp-transition-base);}
.mp-btn:visited{color:var(--mp-btn-text);}
.mp-btn:hover{background:var(--mp-btn-hover-bg);border-color:var(--mp-btn-hover-border);color:var(--mp-btn-hover-text);text-decoration:none;}
.mp-btn:active{background:var(--mp-btn-active-bg);border-color:var(--mp-btn-active-border);color:var(--mp-btn-active-text);}
.mp-btn:focus-visible{outline:none;box-shadow:var(--mp-focus-ring);}
.mp-btn:disabled,.mp-btn[aria-disabled="true"]{opacity:var(--mp-disabled-opacity);cursor:not-allowed;pointer-events:none;}

.mp-btn-sm{min-height:24px;padding:2px var(--mp-space-sm);font-size:var(--mp-font-size-sm);}
.mp-btn-lg{min-height:36px;padding:6px var(--mp-space-lg);font-size:var(--mp-font-size-base);}

.mp-action-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;}
.mp-action-group .mp-btn{flex:0 0 auto;white-space:nowrap;}

.mp-icon{display:block;width:16px;height:16px;flex:0 0 16px;pointer-events:none;}
.mp-btn-sm .mp-icon{width:14px;height:14px;flex-basis:14px;}
.mp-btn-lg .mp-icon{width:18px;height:18px;flex-basis:18px;}

input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
select,
textarea{display:block;width:100%;min-height:var(--mp-control-height);padding:var(--mp-control-padding-y) var(--mp-control-padding-x);border:var(--mp-border-width) solid var(--mp-control-border);border-radius:var(--mp-radius-control);background:var(--mp-control-bg);color:var(--mp-control-text);outline:none;transition:border-color var(--mp-transition-base),box-shadow var(--mp-transition-base);}

input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus{border-color:var(--mp-control-focus-border);box-shadow:var(--mp-focus-ring);}

input:disabled,select:disabled,textarea:disabled{background:var(--mp-disabled-bg);cursor:not-allowed;}
input[readonly],textarea[readonly]{background:var(--mp-disabled-bg);cursor:text;}
textarea{resize:vertical;}
/*--Controls / Buttons / Icons End--*/
/*--Application Shell Start--*/
.mp-topbar{background:var(--mp-dark);color:var(--mp-dark-contrast);font-size:var(--mp-font-size-sm);}
.mp-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--mp-space-md);min-height:32px;padding:var(--mp-space-xs) var(--mp-space-md);}
.mp-topbar-start,.mp-topbar-end{display:flex;align-items:center;gap:var(--mp-space-md);min-width:0;}
.mp-topbar a{color:inherit;text-decoration:none;opacity:.9;}
.mp-topbar a:hover{opacity:1;text-decoration:underline;}

.mp-app-shell{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;min-width:0;min-height:0;margin:0;border:0;border-radius:0;background:var(--mp-body-bg);box-shadow:none;}
.mp-app-main{flex:1 1 0;min-width:0;min-height:0;overflow:auto;background:var(--mp-body-bg);}
.mp-accent-bar{height:3px;flex:0 0 auto;background:var(--mp-ui-primary);}

.mp-app-shell.mp-app-shell-container>.mp-app-header,.mp-app-shell.mp-app-shell-container>.mp-accent-bar{width:100vw;margin-inline:calc(50% - 50vw);}
.mp-app-shell.mp-app-shell-container>.mp-app-header{padding-inline:max(var(--mp-app-shell-container-padding),calc((100vw - var(--mp-app-shell-container-max-width))/2 + var(--mp-app-shell-container-padding)));}

.mp-app-shell.mp-app-shell-container>.mp-app-footer{width:100vw;margin-inline:calc(50% - 50vw);padding-inline:max(var(--mp-app-shell-container-padding),calc((100vw - var(--mp-app-shell-container-max-width))/2 + var(--mp-app-shell-container-padding)));}
.mp-app-shell.mp-app-shell-container>.mp-app-footer>*{overflow:visible;text-overflow:clip;}

.mp-app-shell.mp-app-shell-container>.mp-app-main>section{width:100vw;margin-inline:calc(50% - 50vw);padding-inline:max(var(--mp-app-shell-container-padding),calc((100vw - var(--mp-app-shell-container-max-width))/2 + var(--mp-app-shell-container-padding)));}
/*--Application Shell End--*/
/*--Sections / Hero Start--*/
.mp-section{padding-block:var(--mp-section-padding,var(--mp-space-3xl));}
.mp-section-shell{padding-block:var(--mp-section-padding,clamp(72px,8vw,112px));}
.mp-section-header,.mp-section-content,.mp-section-media,.mp-section-footer{min-width:0;}
.mp-section-header{max-width:var(--mp-section-header-width,720px);}
.mp-section-header .mp-eyebrow{letter-spacing:var(--mp-letter-spacing-wide);display:block;margin-bottom:var(--mp-space-sm);color:var(--mp-section-eyebrow-color,var(--mp-ui-primary));}
.mp-section-title{margin:0;color:var(--mp-section-title-color,inherit);font-family:var(--mp-font-family-heading,var(--mp-font-family-base));font-size:var(--mp-section-title-size,clamp(28px,3vw,42px));font-weight:var(--mp-font-weight-semibold);line-height:var(--mp-line-height-section-title);}
.mp-section-description{letter-spacing:var(--mp-letter-spacing-normal);font-size:var(--mp-section-description-size,15px);line-height:var(--mp-line-height-base);}
.mp-section-header+.mp-section-content{margin-top:var(--mp-space-xl);}
.mp-section-media img{display:block;width:100%;height:auto;border-radius:var(--mp-radius-surface);}
.mp-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mp-space-sm);margin-top:var(--mp-space-lg);}
.mp-section-footer{margin-top:var(--mp-space-xl);}

.mp-section-actions-center{justify-content:center;}
.mp-section-actions-right{justify-content:flex-end;}
.mp-section-footer>.mp-section-actions{margin-top:0;}

.mp-section-center>.mp-section-header{margin-inline:auto;text-align:center;}
.mp-section-center>.mp-section-header .mp-section-actions{justify-content:center;}
.mp-section-split{display:grid;grid-template-columns:var(--mp-section-columns,minmax(0,1fr) minmax(0,1fr));align-items:center;gap:var(--mp-section-gap,var(--mp-space-2xl));}
.mp-section-split>.mp-section-header+.mp-section-content{margin-top:0;}
.mp-section-split>.mp-section-footer{grid-column:1/-1;margin-top:0;}
.mp-section-reverse>.mp-section-header{order:2;}
.mp-section-reverse>.mp-section-content{order:1;}
.mp-section-reverse>.mp-section-footer{order:3;}

.mp-section-hero{--mp-section-padding:clamp(32px,4vw,58px);--mp-section-columns:minmax(0,1fr) minmax(0,.9fr);--mp-section-gap:clamp(28px,3.5vw,52px);--mp-section-title-size:clamp(36px,3.8vw,52px);--mp-section-description-size:clamp(15px,1.2vw,17px);--mp-section-eyebrow-color:var(--mp-ui-primary);--mp-section-title-color:#102f42;--mp-section-description-color:#526d7d;background:var(--mp-section-hero-bg,linear-gradient(110deg,#eef7fc 0%,#f8fcff 60%,#edf5fa 100%));border-bottom:1px solid #dceaf3;}
.mp-section-hero .mp-section-header .mp-eyebrow{margin-bottom:14px;}
.mp-section-hero .mp-section-title{max-width:660px;line-height:var(--mp-line-height-section-hero-title);}
.mp-section-hero .mp-section-description{max-width:640px;}
.mp-section-hero .mp-section-actions{gap:var(--mp-space-md);margin-top:26px;}
.mp-section-hero .mp-section-actions .mp-btn{min-height:46px;padding:10px 20px;border-radius:var(--mp-radius-control);font-size:var(--mp-font-size-md);font-weight:700;}
.mp-section-hero .mp-section-actions .mp-btn-ui-primary{box-shadow:0 6px 18px rgba(7,109,184,.14);}
.mp-section-hero .mp-section-media{aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(7,109,184,.12);border-radius:var(--mp-radius-xl);background:#edf4f8;box-shadow:0 16px 38px rgba(20,49,67,.1);}
.mp-section-hero .mp-section-media img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center;}

.mp-section-hero.mp-section-split{row-gap:var(--mp-space-xl);}
.mp-section-hero-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mp-space-lg);padding-top:20px;border-top:1px solid rgba(7,109,184,.15);}
.mp-section-hero-highlight{display:flex;align-items:center;gap:var(--mp-space-md);min-width:0;}
.mp-section-hero-highlight-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:#e0f0fb;color:var(--mp-ui-primary);}
.mp-section-hero-highlight-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;}
.mp-section-hero-highlight strong{display:block;color:#102f42;font-size:var(--mp-font-size-ui);font-weight:700;line-height:var(--mp-line-height-compact);}
.mp-section-hero-highlight small{display:block;margin-top:3px;color:#526d7d;font-size:var(--mp-font-size-xs);line-height:var(--mp-line-height-base);}

.mp-section-compact{--mp-section-padding:clamp(24px,3vw,40px);}
.mp-section-spacious{--mp-section-padding:clamp(56px,6vw,88px);}
.mp-section-xl{--mp-section-padding:clamp(72px,8vw,112px);}
.mp-section-xxl{--mp-section-padding:clamp(88px,10vw,144px);}

.mp-section-bg-white{background:var(--mp-site-bg-white,#fff);color:var(--mp-body-text);}
.mp-section-bg-soft{background:var(--mp-site-bg-soft,var(--mp-surface-muted));color:var(--mp-body-text);}
.mp-section-bg-dark{background:var(--mp-site-bg-dark,var(--mp-dark));color:var(--mp-white);--mp-section-title-color:var(--mp-white);--mp-section-description-color:#c4d9e8;--mp-section-eyebrow-color:#ffab76;}
.mp-section-bg-primary{background:var(--mp-site-bg-primary,var(--mp-ui-primary));color:var(--mp-white);--mp-section-title-color:var(--mp-white);--mp-section-description-color:#c4d9e8;--mp-section-eyebrow-color:#ffab76;}

.mp-section-plain{border:0;}
/*--Sections / Hero End--*/
/*--Header / User Drawer Start--*/
.mp-app-header{display:flex;align-items:center;min-height:44px;padding:2px var(--mp-space-sm);border-bottom:var(--mp-border-width) solid var(--mp-border-color);background:var(--mp-surface-bg);}
.mp-app-header-start{display:flex;align-items:center;gap:6px;flex:1;min-width:0;}
.mp-app-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;}
.mp-app-header .mp-brand-logo{display:block;width:auto;max-width:132px;max-height:34px;}
.mp-app-header .mp-brand-icon{display:none;width:30px;height:30px;object-fit:contain;}
.mp-app-header-separator{width:1px;height:24px;flex:0 0 auto;margin-inline:2px;background:var(--mp-border-color-strong);}

.mp-app-header .mp-menu-trigger{width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--mp-ui-primary);}
.mp-app-header .mp-menu-trigger svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.mp-app-header .mp-menu-trigger:hover{background:var(--mp-hover-bg);color:var(--mp-ui-primary-hover);}
.mp-app-header .mp-menu-trigger:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:2px;box-shadow:var(--mp-focus-ring);}

.mp-app-context{display:flex;align-items:center;gap:var(--mp-space-xs);min-width:0;overflow:hidden;white-space:nowrap;}
.mp-app-context-link{display:inline-flex;align-items:center;min-height:28px;padding:0;border-radius:var(--mp-radius-control);text-decoration:none;white-space:nowrap;}
.mp-app-context-company{gap:var(--mp-space-xs);min-width:0;overflow:hidden;color:var(--mp-body-text);font-size:var(--mp-font-size-ui);font-weight:var(--mp-font-weight-semibold);text-overflow:ellipsis;}
.mp-app-context-company .mp-icon{width:14px;height:14px;flex:0 0 14px;color:var(--mp-text-muted);}
.mp-app-context-separator{flex:0 0 auto;margin-inline:3px;color:var(--mp-border-color);}
.mp-app-context-year{flex:0 0 auto;color:var(--mp-text-muted);font-size:var(--mp-font-size-ui);font-weight:var(--mp-font-weight-medium);}

.mp-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto;}
.mp-app-action{display:inline-flex;align-items:center;justify-content:center;position:relative;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mp-body-text);font:inherit;cursor:pointer;}
.mp-app-action:hover{background:var(--mp-hover-bg);color:var(--mp-ui-primary);}
.mp-app-action:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:2px;box-shadow:var(--mp-focus-ring);}

.mp-app-action-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;}
.mp-app-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mp-app-action-badge{position:absolute;top:-7px;right:-7px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--mp-radius-pill);background:var(--mp-danger);color:var(--mp-danger-contrast);font-size:10px;font-weight:var(--mp-font-weight-bold);}

.mp-app-user{width:32px;height:32px;}
.mp-app-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--mp-ui-primary-bg-subtle);color:var(--mp-ui-primary-text-emphasis);font-size:var(--mp-font-size-xs);font-weight:var(--mp-font-weight-bold);}
.mp-app-user-photo{display:block;object-fit:cover;}

#UserDrawer .mp-menu-panel-head{background:var(--mp-ui-primary);color:var(--mp-ui-primary-contrast);border-bottom:0;}
#UserDrawer .mp-menu-close{color:var(--mp-ui-primary-contrast);}
#UserDrawer .mp-menu-close:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:var(--mp-ui-primary-contrast);}

.mp-user-summary{display:flex;align-items:center;flex-direction:column;padding:14px var(--mp-space-md);border-bottom:var(--mp-border-width) solid var(--mp-border-color-subtle);background:var(--mp-surface-muted);text-align:center;}
.mp-user-summary-photo{width:60px;height:60px;margin-bottom:var(--mp-space-sm);border:2px solid var(--mp-ui-primary-border-subtle);background:var(--mp-surface-bg);object-fit:cover;}
.mp-user-summary-name{color:var(--mp-body-text);font-size:var(--mp-font-size-base);font-weight:var(--mp-font-weight-semibold);}
.mp-user-summary-meta{margin-top:2px;color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);}
.mp-user-summary-meta a{color:inherit;text-decoration:none;}
.mp-user-summary-meta a:hover{color:var(--mp-ui-primary);text-decoration:none;}

.mp-user-logout{color:var(--mp-danger);}
.mp-user-logout:hover{background:var(--mp-danger-bg-subtle);color:var(--mp-danger-text-emphasis);}
/*--Header / User Drawer End--*/
/*--Page Header / Intro / Footer Start--*/
.mp-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--mp-space-sm);min-height:42px;margin-bottom:var(--mp-space-sm);padding:5px 10px;border-bottom:var(--mp-border-width) solid var(--mp-border-color);background:var(--mp-surface-muted);}
.mp-page-heading{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0;}
.mp-page-title{margin:0;color:var(--mp-ui-primary);font-size:var(--mp-font-size-title);font-weight:var(--mp-font-weight-semibold);}
.mp-page-description{overflow:hidden;color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);text-overflow:ellipsis;white-space:nowrap;}
.mp-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--mp-space-xs);flex:0 1 auto;min-width:0;flex-wrap:wrap;}
.mp-page-actions .mp-btn{flex:0 0 auto;white-space:nowrap;}

.mp-page-intro{position:relative;padding:clamp(28px,4vw,52px) 0;}
.mp-page-intro-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(24px,3vw,48px);align-items:center;}
.mp-page-intro-main,.mp-page-intro-side{min-width:0;}
.mp-page-intro-main .mp-list-inline{margin-bottom:10px;}
.mp-page-intro-kicker{display:inline-block;margin-bottom:10px;font-size:var(--mp-font-size-sm);font-weight:700;text-transform:uppercase;}
.mp-page-intro-title{margin:0;font-size:clamp(30px,4vw,54px);line-height:var(--mp-line-height-base);font-weight:700;}
.mp-page-intro-text{max-width:860px;margin:16px 0 0;font-size:var(--mp-font-size-base);line-height:var(--mp-line-height-relaxed);}
.mp-page-intro-actions{display:flex;flex-wrap:wrap;gap:var(--mp-space-md);margin-top:24px;}
.mp-page-intro-note{display:flex;gap:var(--mp-space-lg);align-items:flex-start;padding:22px 0 22px 22px;border-left:3px solid var(--mp-ui-secondary);}
.mp-page-intro-note-no{flex:0 0 auto;color:var(--mp-ui-secondary);font-size:var(--mp-font-size-md);font-weight:700;line-height:var(--mp-line-height-base);}
.mp-page-intro-note strong{display:block;margin:0 0 8px;font-size:var(--mp-font-size-body-sm);font-weight:700;line-height:var(--mp-line-height-base);}
.mp-page-intro-note p{margin:0;color:var(--mp-text-muted);font-size:var(--mp-font-size-md);line-height:var(--mp-line-height-base);}

.mp-app-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--mp-space-md);flex:0 0 auto;margin-top:auto;min-height:30px;padding:3px var(--mp-space-md);border-top:var(--mp-border-width) solid var(--mp-border-color-subtle);background:var(--mp-surface-muted);color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);white-space:nowrap;overflow:hidden;}
.mp-app-footer>*{overflow:hidden;text-overflow:ellipsis;}
.mp-app-footer-login{min-width:0;}
.mp-app-footer-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto;}
.mp-app-footer-meta a{color:inherit;text-decoration:none;}
.mp-app-footer-meta a:hover{color:var(--mp-ui-primary);text-decoration:none;}
.mp-app-footer-separator{color:var(--mp-border-color);}
/*--Page Header / Intro / Footer End--*/
/*===01. MP CORE End===*/

/*===02. MP GRID Start===*/
/*--Grid / Columns / Offsets Start--*/
.mp-container{width:100%;max-width:var(--mp-app-shell-container-max-width);margin-inline:auto;padding-inline:var(--mp-app-shell-container-padding);}
.mp-app-shell-container,.mp-app-shell-container-fluid{width:100%;padding-inline:var(--mp-app-shell-container-padding);margin-inline:auto;}
.mp-app-shell-container{max-width:var(--mp-app-shell-container-max-width);}

.mp-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--mp-grid-gap-x);row-gap:var(--mp-grid-gap-y)}
.mp-row>*{--mp-col-span:12;--mp-col-start:auto;min-width:0;grid-column:var(--mp-col-start)/span var(--mp-col-span)}

.mp-col-1{--mp-col-span:1}.mp-col-2{--mp-col-span:2}.mp-col-3{--mp-col-span:3}.mp-col-4{--mp-col-span:4}
.mp-col-5{--mp-col-span:5}.mp-col-6{--mp-col-span:6}.mp-col-7{--mp-col-span:7}.mp-col-8{--mp-col-span:8}
.mp-col-9{--mp-col-span:9}.mp-col-10{--mp-col-span:10}.mp-col-11{--mp-col-span:11}.mp-col-12{--mp-col-span:12}

.mp-offset-0{--mp-col-start:auto}.mp-offset-1{--mp-col-start:2}.mp-offset-2{--mp-col-start:3}.mp-offset-3{--mp-col-start:4}
.mp-offset-4{--mp-col-start:5}.mp-offset-5{--mp-col-start:6}.mp-offset-6{--mp-col-start:7}.mp-offset-7{--mp-col-start:8}
.mp-offset-8{--mp-col-start:9}.mp-offset-9{--mp-col-start:10}.mp-offset-10{--mp-col-start:11}.mp-offset-11{--mp-col-start:12}
/*--Grid / Columns / Offsets End--*/
/*===02. MP GRID End===*/

/*===03. MP ELEMENTS Start===*/
/*--Text / Background / Border Start--*/
.mp-text-justify{text-align:justify !important;}

.mp-text-letter-spacing-tight{letter-spacing:var(--mp-letter-spacing-tight);}
.mp-text-letter-spacing-normal{letter-spacing:var(--mp-letter-spacing-normal);}
.mp-text-letter-spacing-wide{letter-spacing:var(--mp-letter-spacing-wide);}


.mp-text-ui-primary{color:var(--mp-ui-primary)!important;}
.mp-text-ui-secondary{color:var(--mp-ui-secondary)!important;}
.mp-text-ui-theme-1{color:var(--mp-ui-theme-1)!important;}
.mp-text-ui-theme-2{color:var(--mp-ui-theme-2)!important;}
.mp-text-ui-theme-3{color:var(--mp-ui-theme-3)!important;}
.mp-text-gold{color:var(--mp-gold)!important;}
.mp-text-primary{color:var(--mp-primary)!important;}
.mp-text-secondary{color:var(--mp-secondary)!important;}
.mp-text-success{color:var(--mp-success)!important;}
.mp-text-info{color:var(--mp-info)!important;}
.mp-text-warning{color:var(--mp-warning)!important;}
.mp-text-danger{color:var(--mp-danger)!important;}
.mp-text-light{color:var(--mp-light)!important;}
.mp-text-dark{color:var(--mp-dark)!important;}
.mp-text-muted{color:var(--mp-text-muted)!important;}
.mp-text-small{font-size:var(--mp-font-size-sm)!important;}
.mp-text-center{text-align:center!important;}

.mp-bg-ui-primary{background-color:var(--mp-ui-primary)!important;}
.mp-bg-ui-secondary{background-color:var(--mp-ui-secondary)!important;}
.mp-bg-ui-theme-1{background-color:var(--mp-ui-theme-1)!important;}
.mp-bg-ui-theme-2{background-color:var(--mp-ui-theme-2)!important;}
.mp-bg-ui-theme-3{background-color:var(--mp-ui-theme-3)!important;}
.mp-bg-gold{background-color:var(--mp-gold)!important;}
.mp-bg-primary{background-color:var(--mp-primary)!important;}
.mp-bg-secondary{background-color:var(--mp-secondary)!important;}
.mp-bg-success{background-color:var(--mp-success)!important;}
.mp-bg-info{background-color:var(--mp-info)!important;}
.mp-bg-warning{background-color:var(--mp-warning)!important;}
.mp-bg-danger{background-color:var(--mp-danger)!important;}
.mp-bg-light{background-color:var(--mp-light)!important;}
.mp-bg-dark{background-color:var(--mp-dark)!important;}
.mp-bg-ui-primary-subtle{background-color:var(--mp-ui-primary-bg-subtle)!important;}
.mp-bg-ui-secondary-subtle{background-color:var(--mp-ui-secondary-bg-subtle)!important;}
.mp-bg-ui-theme-1-subtle{background-color:var(--mp-ui-theme-1-bg-subtle)!important;}
.mp-bg-ui-theme-2-subtle{background-color:var(--mp-ui-theme-2-bg-subtle)!important;}
.mp-bg-ui-theme-3-subtle{background-color:var(--mp-ui-theme-3-bg-subtle)!important;}
.mp-bg-primary-subtle{background-color:var(--mp-primary-bg-subtle)!important;}
.mp-bg-secondary-subtle{background-color:var(--mp-secondary-bg-subtle)!important;}
.mp-bg-success-subtle{background-color:var(--mp-success-bg-subtle)!important;}
.mp-bg-info-subtle{background-color:var(--mp-info-bg-subtle)!important;}
.mp-bg-warning-subtle{background-color:var(--mp-warning-bg-subtle)!important;}
.mp-bg-danger-subtle{background-color:var(--mp-danger-bg-subtle)!important;}
.mp-bg-light-subtle{background-color:var(--mp-light-bg-subtle)!important;}
.mp-bg-dark-subtle{background-color:var(--mp-dark-bg-subtle)!important;}
.mp-bg-transparent{background-color:transparent!important;}

.mp-border{border:var(--mp-border-width) solid var(--mp-border-color)!important;}
.mp-border-0{border:0!important;}
.mp-border-ui-primary{border-color:var(--mp-ui-primary)!important;}
.mp-border-ui-secondary{border-color:var(--mp-ui-secondary)!important;}
.mp-border-ui-theme-1{border-color:var(--mp-ui-theme-1)!important;}
.mp-border-ui-theme-2{border-color:var(--mp-ui-theme-2)!important;}
.mp-border-ui-theme-3{border-color:var(--mp-ui-theme-3)!important;}
.mp-border-primary{border-color:var(--mp-primary)!important;}
.mp-border-secondary{border-color:var(--mp-secondary)!important;}
.mp-border-success{border-color:var(--mp-success)!important;}
.mp-border-info{border-color:var(--mp-info)!important;}
.mp-border-warning{border-color:var(--mp-warning)!important;}
.mp-border-danger{border-color:var(--mp-danger)!important;}
.mp-border-light{border-color:var(--mp-light)!important;}
.mp-border-dark{border-color:var(--mp-dark)!important;}
.mp-border-subtle{border-color:var(--mp-border-color-subtle)!important;}
/*--Text / Background / Border End--*/
/*--Buttons / Dropdown Start--*/
.mp-btn-ui-primary{--mp-btn-bg:var(--mp-ui-primary);--mp-btn-border:var(--mp-ui-primary);--mp-btn-text:var(--mp-ui-primary-contrast);--mp-btn-hover-bg:var(--mp-ui-primary-hover);--mp-btn-hover-border:var(--mp-ui-primary-hover);--mp-btn-hover-text:var(--mp-ui-primary-hover-contrast);--mp-btn-active-bg:var(--mp-ui-primary-active);--mp-btn-active-border:var(--mp-ui-primary-active);--mp-btn-active-text:var(--mp-ui-primary-contrast);}
.mp-btn-ui-secondary{--mp-btn-bg:var(--mp-ui-secondary);--mp-btn-border:var(--mp-ui-secondary);--mp-btn-text:var(--mp-white);--mp-btn-hover-bg:var(--mp-ui-secondary-hover);--mp-btn-hover-border:var(--mp-ui-secondary-hover);--mp-btn-hover-text:var(--mp-ui-secondary-hover-contrast);}
.mp-btn-ui-theme-1{--mp-btn-bg:var(--mp-ui-theme-1);--mp-btn-border:var(--mp-ui-theme-1);--mp-btn-text:var(--mp-ui-theme-1-contrast);--mp-btn-hover-bg:var(--mp-ui-theme-1-hover);--mp-btn-hover-border:var(--mp-ui-theme-1-hover);--mp-btn-hover-text:var(--mp-ui-theme-1-hover-contrast);}
.mp-btn-ui-theme-2{--mp-btn-bg:var(--mp-ui-theme-2);--mp-btn-border:var(--mp-ui-theme-2);--mp-btn-text:var(--mp-ui-theme-2-contrast);--mp-btn-hover-bg:var(--mp-ui-theme-2-hover);--mp-btn-hover-border:var(--mp-ui-theme-2-hover);--mp-btn-hover-text:var(--mp-ui-theme-2-hover-contrast);}
.mp-btn-ui-theme-3{--mp-btn-bg:var(--mp-ui-theme-3);--mp-btn-border:var(--mp-ui-theme-3);--mp-btn-text:var(--mp-ui-theme-3-contrast);--mp-btn-hover-bg:var(--mp-ui-theme-3-hover);--mp-btn-hover-border:var(--mp-ui-theme-3-hover);--mp-btn-hover-text:var(--mp-ui-theme-3-hover-contrast);}

.mp-btn-primary{--mp-btn-bg:var(--mp-primary);--mp-btn-border:var(--mp-primary);--mp-btn-text:var(--mp-primary-contrast);--mp-btn-hover-bg:var(--mp-primary-hover);--mp-btn-hover-border:var(--mp-primary-hover);--mp-btn-hover-text:var(--mp-primary-hover-contrast);}
.mp-btn-secondary{--mp-btn-bg:var(--mp-secondary);--mp-btn-border:var(--mp-secondary);--mp-btn-text:var(--mp-secondary-contrast);--mp-btn-hover-bg:var(--mp-secondary-hover);--mp-btn-hover-border:var(--mp-secondary-hover);--mp-btn-hover-text:var(--mp-secondary-hover-contrast);}
.mp-btn-success{--mp-btn-bg:var(--mp-success);--mp-btn-border:var(--mp-success);--mp-btn-text:var(--mp-success-contrast);--mp-btn-hover-bg:var(--mp-success-hover);--mp-btn-hover-border:var(--mp-success-hover);--mp-btn-hover-text:var(--mp-success-hover-contrast);}
.mp-btn-info{--mp-btn-bg:var(--mp-info);--mp-btn-border:var(--mp-info);--mp-btn-text:var(--mp-info-contrast);--mp-btn-hover-bg:var(--mp-info-hover);--mp-btn-hover-border:var(--mp-info-hover);--mp-btn-hover-text:var(--mp-info-hover-contrast);}
.mp-btn-warning{--mp-btn-bg:var(--mp-warning);--mp-btn-border:var(--mp-warning);--mp-btn-text:var(--mp-warning-contrast);--mp-btn-hover-bg:var(--mp-warning-hover);--mp-btn-hover-border:var(--mp-warning-hover);--mp-btn-hover-text:var(--mp-warning-hover-contrast);}
.mp-btn-danger{--mp-btn-bg:var(--mp-danger);--mp-btn-border:var(--mp-danger);--mp-btn-text:var(--mp-danger-contrast);--mp-btn-hover-bg:var(--mp-danger-hover);--mp-btn-hover-border:var(--mp-danger-hover);--mp-btn-hover-text:var(--mp-danger-hover-contrast);}
.mp-btn-light{--mp-btn-bg:var(--mp-light);--mp-btn-border:var(--mp-border-color);--mp-btn-text:var(--mp-light-contrast);--mp-btn-hover-bg:var(--mp-light-hover);--mp-btn-hover-border:var(--mp-control-border);--mp-btn-hover-text:var(--mp-light-hover-contrast);}
.mp-btn-dark{--mp-btn-bg:var(--mp-dark);--mp-btn-border:var(--mp-dark);--mp-btn-text:var(--mp-dark-contrast);--mp-btn-hover-bg:var(--mp-dark-hover);--mp-btn-hover-border:var(--mp-dark-hover);--mp-btn-hover-text:var(--mp-dark-hover-contrast);}

.mp-btn-outline-ui-primary{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-ui-primary);--mp-btn-text:var(--mp-ui-primary);--mp-btn-hover-bg:var(--mp-ui-primary);--mp-btn-hover-border:var(--mp-ui-primary);--mp-btn-hover-text:var(--mp-ui-primary-contrast);}
.mp-btn-outline-ui-secondary{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-ui-secondary);--mp-btn-text:var(--mp-ui-secondary);--mp-btn-hover-bg:var(--mp-ui-secondary);--mp-btn-hover-border:var(--mp-ui-secondary);--mp-btn-hover-text:var(--mp-ui-secondary-contrast);}
.mp-btn-outline-ui-theme-1{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-ui-theme-1);--mp-btn-text:var(--mp-ui-theme-1);--mp-btn-hover-bg:var(--mp-ui-theme-1);--mp-btn-hover-border:var(--mp-ui-theme-1);--mp-btn-hover-text:var(--mp-ui-theme-1-contrast);}
.mp-btn-outline-ui-theme-2{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-ui-theme-2);--mp-btn-text:var(--mp-ui-theme-2);--mp-btn-hover-bg:var(--mp-ui-theme-2);--mp-btn-hover-border:var(--mp-ui-theme-2);--mp-btn-hover-text:var(--mp-ui-theme-2-contrast);}
.mp-btn-outline-ui-theme-3{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-ui-theme-3);--mp-btn-text:var(--mp-ui-theme-3);--mp-btn-hover-bg:var(--mp-ui-theme-3);--mp-btn-hover-border:var(--mp-ui-theme-3);--mp-btn-hover-text:var(--mp-ui-theme-3-contrast);}
.mp-btn-outline-primary{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-primary);--mp-btn-text:var(--mp-primary);--mp-btn-hover-bg:var(--mp-primary);--mp-btn-hover-border:var(--mp-primary);--mp-btn-hover-text:var(--mp-primary-contrast);}
.mp-btn-outline-secondary{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-secondary);--mp-btn-text:var(--mp-secondary);--mp-btn-hover-bg:var(--mp-secondary);--mp-btn-hover-border:var(--mp-secondary);--mp-btn-hover-text:var(--mp-secondary-contrast);}
.mp-btn-outline-success{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-success);--mp-btn-text:var(--mp-success);--mp-btn-hover-bg:var(--mp-success);--mp-btn-hover-border:var(--mp-success);--mp-btn-hover-text:var(--mp-success-contrast);}
.mp-btn-outline-info{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-info);--mp-btn-text:var(--mp-info-text-emphasis);--mp-btn-hover-bg:var(--mp-info);--mp-btn-hover-border:var(--mp-info);--mp-btn-hover-text:var(--mp-info-contrast);}
.mp-btn-outline-warning{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-warning);--mp-btn-text:var(--mp-warning-text-emphasis);--mp-btn-hover-bg:var(--mp-warning);--mp-btn-hover-border:var(--mp-warning);--mp-btn-hover-text:var(--mp-warning-contrast);}
.mp-btn-outline-danger{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-danger);--mp-btn-text:var(--mp-danger);--mp-btn-hover-bg:var(--mp-danger);--mp-btn-hover-border:var(--mp-danger);--mp-btn-hover-text:var(--mp-danger-contrast);}
.mp-btn-outline-light{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-light-border-subtle);--mp-btn-text:var(--mp-dark);--mp-btn-hover-bg:var(--mp-light);--mp-btn-hover-border:var(--mp-light-border-subtle);--mp-btn-hover-text:var(--mp-light-contrast);}
.mp-btn-outline-dark{--mp-btn-bg:transparent;--mp-btn-border:var(--mp-dark);--mp-btn-text:var(--mp-dark);--mp-btn-hover-bg:var(--mp-dark);--mp-btn-hover-border:var(--mp-dark);--mp-btn-hover-text:var(--mp-dark-contrast);}

.mp-btn-link{--mp-btn-bg:transparent;--mp-btn-border:transparent;--mp-btn-text:var(--mp-ui-primary);--mp-btn-hover-bg:transparent;--mp-btn-hover-border:transparent;--mp-btn-hover-text:var(--mp-ui-primary-hover);padding-inline:var(--mp-space-xs);}
.mp-btn-link:hover{text-decoration:underline;}

.mp-dropdown{position:relative;display:inline-block;}
.mp-dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--mp-space-sm);}
.mp-dropdown-toggle::after{content:"";width:6px;height:6px;flex:0 0 6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--mp-transition-base);}
.mp-dropdown.mp-show .mp-dropdown-toggle::after{transform:translateY(2px) rotate(225deg);}
.mp-dropdown-menu{display:none;position:absolute;top:calc(100% + var(--mp-space-xs));left:0;z-index:var(--mp-z-dropdown);min-width:180px;margin:0;padding:var(--mp-space-xs) 0;list-style:none;background:var(--mp-surface-bg);border:var(--mp-border-width) solid var(--mp-border-color);border-radius:var(--mp-radius-surface);box-shadow:var(--mp-shadow-md);}
.mp-dropdown.mp-show .mp-dropdown-menu{display:block;}
.mp-dropdown-menu > li{margin:0;}
.mp-dropdown-item,.mp-dropdown-item:visited{display:block;width:100%;padding:var(--mp-space-sm) var(--mp-space-md);border:0;background:transparent;color:var(--mp-body-text);text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;}
.mp-dropdown-item:hover,.mp-dropdown-item:focus-visible{background:var(--mp-hover-bg);color:var(--mp-body-text);text-decoration:none;}
.mp-dropdown-item:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:-2px;}
.mp-dropdown-item:active{background:var(--mp-ui-primary);color:var(--mp-ui-primary-contrast);}
.mp-dropdown-item:disabled,.mp-dropdown-item[aria-disabled="true"]{opacity:var(--mp-disabled-opacity);cursor:not-allowed;pointer-events:none;}
.mp-dropdown-divider{height:0;margin:var(--mp-space-xs) 0;border:0;border-top:var(--mp-border-width) solid var(--mp-border-color-subtle);}
/*--Buttons / Dropdown End--*/
/*--Table Start--*/
.mp-table{
    --mp-table-bg:var(--mp-surface-bg);
    --mp-table-text:var(--mp-body-text);
    --mp-table-border:var(--mp-border-color);
    --mp-table-head-bg:var(--mp-surface-header);
    --mp-table-head-text:var(--mp-body-text);
    --mp-table-stripe-bg:var(--mp-light);
    --mp-table-hover-bg:var(--mp-hover-bg);
    --mp-table-selected-bg:var(--mp-selected-bg);
    --mp-table-ui-primary-bg:var(--mp-ui-primary-bg-subtle);
    --mp-table-ui-secondary-bg:var(--mp-ui-secondary-bg-subtle);
    --mp-table-ui-theme-1-bg:var(--mp-ui-theme-1-bg-subtle);
    --mp-table-ui-theme-2-bg:var(--mp-ui-theme-2-bg-subtle);
    --mp-table-ui-theme-3-bg:var(--mp-ui-theme-3-bg-subtle);
    --mp-table-primary-bg:var(--mp-primary-bg-subtle);
    --mp-table-secondary-bg:var(--mp-secondary-bg-subtle);
    --mp-table-success-bg:var(--mp-success-bg-subtle);
    --mp-table-info-bg:var(--mp-info-bg-subtle);
    --mp-table-warning-bg:var(--mp-warning-bg-subtle);
    --mp-table-danger-bg:var(--mp-danger-bg-subtle);
    --mp-table-light-bg:var(--mp-light-bg-subtle);
    --mp-table-dark-bg:var(--mp-dark-bg-subtle);
    --mp-table-cell-padding-x:10px;
    --mp-table-cell-padding-y:7px;
    --mp-table-font-size:var(--mp-font-size-ui);
    --mp-table-z-frozen:2;
    --mp-table-z-sticky:3;
    --mp-table-z-corner:4;
    width:100%;
    border-spacing:0;
    border-collapse:separate;
    background:var(--mp-table-bg);
    color:var(--mp-table-text);
    font-size:var(--mp-table-font-size);
}

.mp-table th,.mp-table td{padding:var(--mp-table-cell-padding-y) var(--mp-table-cell-padding-x);border-bottom:var(--mp-border-width) solid var(--mp-table-border);vertical-align:top;}
.mp-table thead th{background:var(--mp-table-head-bg);color:var(--mp-table-head-text);font-weight:var(--mp-font-weight-semibold);text-align:left;}
.mp-table tfoot th,.mp-table tfoot td{background:var(--mp-table-head-bg);font-weight:var(--mp-font-weight-semibold);}
.mp-table caption{padding:var(--mp-table-cell-padding-y) 0;text-align:left;font-weight:var(--mp-font-weight-semibold);}

.mp-table-bordered{border-top:var(--mp-border-width) solid var(--mp-table-border);border-left:var(--mp-border-width) solid var(--mp-table-border);}
.mp-table-bordered th,.mp-table-bordered td{border-right:var(--mp-border-width) solid var(--mp-table-border);}
.mp-table-borderless,.mp-table-borderless th,.mp-table-borderless td{border:0;}

.mp-table tbody tr{--mp-table-row-bg:var(--mp-table-bg);}
.mp-table tbody tr>*{background:var(--mp-table-row-bg);}
.mp-table-striped tbody tr:nth-child(even){--mp-table-row-bg:var(--mp-table-stripe-bg);}
.mp-table-hover tbody tr:hover{--mp-table-row-bg:var(--mp-table-hover-bg);}
.mp-table tbody tr.mp-table-selected{--mp-table-row-bg:var(--mp-table-selected-bg);}

.mp-table tbody tr.mp-table-ui-primary{--mp-table-row-bg:var(--mp-table-ui-primary-bg);}
.mp-table tbody tr.mp-table-ui-secondary{--mp-table-row-bg:var(--mp-table-ui-secondary-bg);}
.mp-table tbody tr.mp-table-ui-theme-1{--mp-table-row-bg:var(--mp-table-ui-theme-1-bg);}
.mp-table tbody tr.mp-table-ui-theme-2{--mp-table-row-bg:var(--mp-table-ui-theme-2-bg);}
.mp-table tbody tr.mp-table-ui-theme-3{--mp-table-row-bg:var(--mp-table-ui-theme-3-bg);}

.mp-table tbody tr.mp-table-primary{--mp-table-row-bg:var(--mp-table-primary-bg);}
.mp-table tbody tr.mp-table-secondary{--mp-table-row-bg:var(--mp-table-secondary-bg);}
.mp-table tbody tr.mp-table-success{--mp-table-row-bg:var(--mp-table-success-bg);}
.mp-table tbody tr.mp-table-info{--mp-table-row-bg:var(--mp-table-info-bg);}
.mp-table tbody tr.mp-table-warning{--mp-table-row-bg:var(--mp-table-warning-bg);}
.mp-table tbody tr.mp-table-danger{--mp-table-row-bg:var(--mp-table-danger-bg);}
.mp-table tbody tr.mp-table-light{--mp-table-row-bg:var(--mp-table-light-bg);}
.mp-table tbody tr.mp-table-dark{--mp-table-row-bg:var(--mp-table-dark-bg);}

.mp-table-compact{--mp-table-cell-padding-x:var(--mp-control-padding-x);--mp-table-cell-padding-y:var(--mp-control-padding-y);--mp-table-font-size:var(--mp-font-size-sm);}
.mp-table-nowrap th,.mp-table-nowrap td{white-space:nowrap;}
.mp-table-middle th,.mp-table-middle td{vertical-align:middle;}

.mp-table-responsive{width:100%;overflow-x:auto;}
.mp-table-scroll{--mp-table-scroll-height:320px;position:relative;width:100%;max-height:var(--mp-table-scroll-height);overflow:auto;}

.mp-table-sticky-header thead th{position:sticky;top:0;z-index:var(--mp-table-z-sticky);background:var(--mp-table-head-bg);}

.mp-table-freeze-first th:first-child,.mp-table-freeze-first td:first-child{position:sticky;left:0;z-index:var(--mp-table-z-frozen);}
.mp-table-freeze-last th:last-child,.mp-table-freeze-last td:last-child{position:sticky;right:0;z-index:var(--mp-table-z-frozen);}
.mp-table-freeze-first thead th:first-child,.mp-table-freeze-last thead th:last-child{z-index:var(--mp-table-z-corner);background:var(--mp-table-head-bg);}
.mp-table-freeze-first tfoot th:first-child,.mp-table-freeze-first tfoot td:first-child,.mp-table-freeze-last tfoot th:last-child,.mp-table-freeze-last tfoot td:last-child{background:var(--mp-table-head-bg);}

.mp-table-group>*{background:var(--mp-table-head-bg);font-weight:var(--mp-font-weight-semibold);}
.mp-table-empty>*{padding:var(--mp-space-lg);text-align:center;color:var(--mp-text-muted);}
/*--Table End--*/
/*--Card / Badge / Status Start--*/
.mp-card{
    --mp-card-bg:var(--mp-surface-bg);
    --mp-card-text:var(--mp-body-text);
    --mp-card-border:var(--mp-border-color);
    --mp-card-header-bg:var(--mp-surface-header);
    --mp-card-header-text:var(--mp-body-text);
    --mp-card-footer-bg:var(--mp-surface-muted);
    --mp-card-footer-text:var(--mp-body-text);
    --mp-card-padding:var(--mp-space-lg);
    --mp-card-padding-y:10px;
    --mp-card-radius:var(--mp-radius-surface);
    background:var(--mp-card-bg);
    color:var(--mp-card-text);
    border:var(--mp-border-width) solid var(--mp-card-border);
    border-radius:var(--mp-card-radius);
}
.mp-card-header{padding:var(--mp-card-padding-y) var(--mp-card-padding);background:var(--mp-card-header-bg);color:var(--mp-card-header-text);border-bottom:var(--mp-border-width) solid var(--mp-card-border);font-weight:var(--mp-font-weight-semibold);}
.mp-card-body{padding:var(--mp-card-padding);}
.mp-card-footer{padding:var(--mp-card-padding-y) var(--mp-card-padding);background:var(--mp-card-footer-bg);color:var(--mp-card-footer-text);border-top:var(--mp-border-width) solid var(--mp-card-border);}
.mp-card > .mp-card-header:first-child{border-radius:var(--mp-card-radius) var(--mp-card-radius) 0 0;}
.mp-card > .mp-card-footer:last-child{border-radius:0 0 var(--mp-card-radius) var(--mp-card-radius);}

.mp-card-compact{--mp-card-padding:var(--mp-space-sm);--mp-card-padding-y:var(--mp-space-sm);}

.mp-card-ui-primary{--mp-card-border:var(--mp-ui-primary-border-subtle);--mp-card-header-bg:var(--mp-ui-primary-bg-subtle);--mp-card-header-text:var(--mp-ui-primary-text-emphasis);--mp-card-footer-bg:var(--mp-ui-primary-bg-subtle);--mp-card-footer-text:var(--mp-ui-primary-text-emphasis);}
.mp-card-ui-secondary{--mp-card-border:var(--mp-ui-secondary-border-subtle);--mp-card-header-bg:var(--mp-ui-secondary-bg-subtle);--mp-card-header-text:var(--mp-ui-secondary-text-emphasis);--mp-card-footer-bg:var(--mp-ui-secondary-bg-subtle);--mp-card-footer-text:var(--mp-ui-secondary-text-emphasis);}
.mp-card-ui-theme-1{--mp-card-border:var(--mp-ui-theme-1-border-subtle);--mp-card-header-bg:var(--mp-ui-theme-1-bg-subtle);--mp-card-header-text:var(--mp-ui-theme-1-text-emphasis);--mp-card-footer-bg:var(--mp-ui-theme-1-bg-subtle);--mp-card-footer-text:var(--mp-ui-theme-1-text-emphasis);}
.mp-card-ui-theme-2{--mp-card-border:var(--mp-ui-theme-2-border-subtle);--mp-card-header-bg:var(--mp-ui-theme-2-bg-subtle);--mp-card-header-text:var(--mp-ui-theme-2-text-emphasis);--mp-card-footer-bg:var(--mp-ui-theme-2-bg-subtle);--mp-card-footer-text:var(--mp-ui-theme-2-text-emphasis);}
.mp-card-ui-theme-3{--mp-card-border:var(--mp-ui-theme-3-border-subtle);--mp-card-header-bg:var(--mp-ui-theme-3-bg-subtle);--mp-card-header-text:var(--mp-ui-theme-3-text-emphasis);--mp-card-footer-bg:var(--mp-ui-theme-3-bg-subtle);--mp-card-footer-text:var(--mp-ui-theme-3-text-emphasis);}

.mp-card-primary{--mp-card-border:var(--mp-primary-border-subtle);--mp-card-header-bg:var(--mp-primary-bg-subtle);--mp-card-header-text:var(--mp-primary-text-emphasis);--mp-card-footer-bg:var(--mp-primary-bg-subtle);--mp-card-footer-text:var(--mp-primary-text-emphasis);}
.mp-card-secondary{--mp-card-border:var(--mp-secondary-border-subtle);--mp-card-header-bg:var(--mp-secondary-bg-subtle);--mp-card-header-text:var(--mp-secondary-text-emphasis);--mp-card-footer-bg:var(--mp-secondary-bg-subtle);--mp-card-footer-text:var(--mp-secondary-text-emphasis);}
.mp-card-success{--mp-card-border:var(--mp-success-border-subtle);--mp-card-header-bg:var(--mp-success-bg-subtle);--mp-card-header-text:var(--mp-success-text-emphasis);--mp-card-footer-bg:var(--mp-success-bg-subtle);--mp-card-footer-text:var(--mp-success-text-emphasis);}
.mp-card-info{--mp-card-border:var(--mp-info-border-subtle);--mp-card-header-bg:var(--mp-info-bg-subtle);--mp-card-header-text:var(--mp-info-text-emphasis);--mp-card-footer-bg:var(--mp-info-bg-subtle);--mp-card-footer-text:var(--mp-info-text-emphasis);}
.mp-card-warning{--mp-card-border:var(--mp-warning-border-subtle);--mp-card-header-bg:var(--mp-warning-bg-subtle);--mp-card-header-text:var(--mp-warning-text-emphasis);--mp-card-footer-bg:var(--mp-warning-bg-subtle);--mp-card-footer-text:var(--mp-warning-text-emphasis);}
.mp-card-danger{--mp-card-border:var(--mp-danger-border-subtle);--mp-card-header-bg:var(--mp-danger-bg-subtle);--mp-card-header-text:var(--mp-danger-text-emphasis);--mp-card-footer-bg:var(--mp-danger-bg-subtle);--mp-card-footer-text:var(--mp-danger-text-emphasis);}
.mp-card-light{--mp-card-border:var(--mp-light-border-subtle);--mp-card-header-bg:var(--mp-light-bg-subtle);--mp-card-header-text:var(--mp-light-text-emphasis);--mp-card-footer-bg:var(--mp-light-bg-subtle);--mp-card-footer-text:var(--mp-light-text-emphasis);}
.mp-card-dark{--mp-card-border:var(--mp-dark-border-subtle);--mp-card-header-bg:var(--mp-dark-bg-subtle);--mp-card-header-text:var(--mp-dark-text-emphasis);--mp-card-footer-bg:var(--mp-dark-bg-subtle);--mp-card-footer-text:var(--mp-dark-text-emphasis);}

.mp-badge,.mp-badge-md{--mp-badge-bg:var(--mp-secondary);--mp-badge-text:var(--mp-secondary-contrast);--mp-badge-border:transparent;display:inline-flex;align-items:center;justify-content:center;padding:2px var(--mp-control-padding-x);border:var(--mp-border-width) solid var(--mp-badge-border);border-radius:var(--mp-badge-radius);background:var(--mp-badge-bg);color:var(--mp-badge-text);font-size:var(--mp-font-size-sm);font-weight:var(--mp-font-weight-semibold);white-space:nowrap;vertical-align:middle;}
.mp-badge-md{padding:4px 8px;font-size:var(--mp-font-size-sm);}
.mp-badge-ui-primary{--mp-badge-bg:var(--mp-ui-primary);--mp-badge-text:var(--mp-ui-primary-contrast);}
.mp-badge-ui-secondary{--mp-badge-bg:var(--mp-ui-secondary);--mp-badge-text:var(--mp-white);}
.mp-badge-ui-theme-1{--mp-badge-bg:var(--mp-ui-theme-1);--mp-badge-text:var(--mp-ui-theme-1-contrast);}
.mp-badge-ui-theme-2{--mp-badge-bg:var(--mp-ui-theme-2);--mp-badge-text:var(--mp-ui-theme-2-contrast);}
.mp-badge-ui-theme-3{--mp-badge-bg:var(--mp-ui-theme-3);--mp-badge-text:var(--mp-ui-theme-3-contrast);}
.mp-badge-primary{--mp-badge-bg:var(--mp-primary);--mp-badge-text:var(--mp-primary-contrast);}
.mp-badge-secondary{--mp-badge-bg:var(--mp-secondary);--mp-badge-text:var(--mp-secondary-contrast);}
.mp-badge-success{--mp-badge-bg:var(--mp-success);--mp-badge-text:var(--mp-success-contrast);}
.mp-badge-info{--mp-badge-bg:var(--mp-info);--mp-badge-text:var(--mp-info-contrast);}
.mp-badge-warning{--mp-badge-bg:var(--mp-warning);--mp-badge-text:var(--mp-warning-contrast);}
.mp-badge-danger{--mp-badge-bg:var(--mp-danger);--mp-badge-text:var(--mp-danger-contrast);}
.mp-badge-light{--mp-badge-bg:var(--mp-light);--mp-badge-text:var(--mp-light-contrast);--mp-badge-border:var(--mp-border-color);}
.mp-badge-dark{--mp-badge-bg:var(--mp-dark);--mp-badge-text:var(--mp-dark-contrast);}
.mp-badge-group{display:flex;align-items:center;gap:var(--mp-space-sm);flex-wrap:wrap;}
.mp-action-group+.mp-badge-group{margin-top:var(--mp-space-sm);}

.mp-status{--mp-status-color:var(--mp-secondary);--mp-status-border:transparent;display:inline-flex;align-items:center;gap:var(--mp-space-xs);color:var(--mp-body-text);font-size:var(--mp-font-size-ui);white-space:nowrap;}
.mp-status::before{content:"";width:var(--mp-space-sm);height:var(--mp-space-sm);flex:0 0 var(--mp-space-sm);border:var(--mp-border-width) solid var(--mp-status-border);border-radius:50%;background:var(--mp-status-color);}
.mp-status-ui-primary{--mp-status-color:var(--mp-ui-primary);}
.mp-status-ui-secondary{--mp-status-color:var(--mp-ui-secondary);}
.mp-status-ui-theme-1{--mp-status-color:var(--mp-ui-theme-1);}
.mp-status-ui-theme-2{--mp-status-color:var(--mp-ui-theme-2);}
.mp-status-ui-theme-3{--mp-status-color:var(--mp-ui-theme-3);}
.mp-status-primary{--mp-status-color:var(--mp-primary);}
.mp-status-secondary{--mp-status-color:var(--mp-secondary);}
.mp-status-success{--mp-status-color:var(--mp-success);}
.mp-status-info{--mp-status-color:var(--mp-info);}
.mp-status-warning{--mp-status-color:var(--mp-warning);}
.mp-status-danger{--mp-status-color:var(--mp-danger);}
.mp-status-light{--mp-status-color:var(--mp-light);--mp-status-border:var(--mp-border-color);}
.mp-status-dark{--mp-status-color:var(--mp-dark);}
/*--Card / Badge / Status End--*/
/*--Message / Modal / Block / Toast Start--*/
.mp-modal,.mp-toast,.mp-message-default,.mp-modal-default,.mp-toast-default{--mp-message-text:var(--mp-body-text);--mp-message-bg:var(--mp-surface-muted);--mp-message-border:var(--mp-border-color);--mp-message-icon:var(--mp-ui-primary);}
:is(.mp-modal,.mp-toast)[data-mp-variant="default"]{--mp-message-text:var(--mp-body-text);--mp-message-bg:var(--mp-surface-muted);--mp-message-border:var(--mp-border-color);--mp-message-icon:var(--mp-ui-primary);}

.mp-message-ui-primary,.mp-modal-ui-primary,.mp-toast-ui-primary,:is(.mp-modal,.mp-toast)[data-mp-variant="ui-primary"]{--mp-message-text:var(--mp-ui-primary-text-emphasis);--mp-message-bg:var(--mp-ui-primary-bg-subtle);--mp-message-border:var(--mp-ui-primary-border-subtle);--mp-message-icon:var(--mp-ui-primary-text-emphasis);}
.mp-message-ui-secondary,.mp-modal-ui-secondary,.mp-toast-ui-secondary,:is(.mp-modal,.mp-toast)[data-mp-variant="ui-secondary"]{--mp-message-text:var(--mp-ui-secondary-text-emphasis);--mp-message-bg:var(--mp-ui-secondary-bg-subtle);--mp-message-border:var(--mp-ui-secondary-border-subtle);--mp-message-icon:var(--mp-ui-secondary-text-emphasis);}
.mp-message-ui-theme-1,.mp-modal-ui-theme-1,.mp-toast-ui-theme-1,:is(.mp-modal,.mp-toast)[data-mp-variant="ui-theme-1"]{--mp-message-text:var(--mp-ui-theme-1-text-emphasis);--mp-message-bg:var(--mp-ui-theme-1-bg-subtle);--mp-message-border:var(--mp-ui-theme-1-border-subtle);--mp-message-icon:var(--mp-ui-theme-1-text-emphasis);}
.mp-message-ui-theme-2,.mp-modal-ui-theme-2,.mp-toast-ui-theme-2,:is(.mp-modal,.mp-toast)[data-mp-variant="ui-theme-2"]{--mp-message-text:var(--mp-ui-theme-2-text-emphasis);--mp-message-bg:var(--mp-ui-theme-2-bg-subtle);--mp-message-border:var(--mp-ui-theme-2-border-subtle);--mp-message-icon:var(--mp-ui-theme-2-text-emphasis);}
.mp-message-ui-theme-3,.mp-modal-ui-theme-3,.mp-toast-ui-theme-3,:is(.mp-modal,.mp-toast)[data-mp-variant="ui-theme-3"]{--mp-message-text:var(--mp-ui-theme-3-text-emphasis);--mp-message-bg:var(--mp-ui-theme-3-bg-subtle);--mp-message-border:var(--mp-ui-theme-3-border-subtle);--mp-message-icon:var(--mp-ui-theme-3-text-emphasis);}

.mp-message-primary,.mp-modal-primary,.mp-toast-primary,:is(.mp-modal,.mp-toast)[data-mp-variant="primary"]{--mp-message-text:var(--mp-primary-text-emphasis);--mp-message-bg:var(--mp-primary-bg-subtle);--mp-message-border:var(--mp-primary-border-subtle);--mp-message-icon:var(--mp-primary-text-emphasis);}
.mp-message-secondary,.mp-modal-secondary,.mp-toast-secondary,:is(.mp-modal,.mp-toast)[data-mp-variant="secondary"]{--mp-message-text:var(--mp-secondary-text-emphasis);--mp-message-bg:var(--mp-secondary-bg-subtle);--mp-message-border:var(--mp-secondary-border-subtle);--mp-message-icon:var(--mp-secondary-text-emphasis);}
.mp-message-success,.mp-modal-success,.mp-toast-success,:is(.mp-modal,.mp-toast)[data-mp-variant="success"]{--mp-message-text:var(--mp-success-text-emphasis);--mp-message-bg:var(--mp-success-bg-subtle);--mp-message-border:var(--mp-success-border-subtle);--mp-message-icon:var(--mp-success-text-emphasis);}
.mp-message-info,.mp-modal-info,.mp-toast-info,:is(.mp-modal,.mp-toast)[data-mp-variant="info"]{--mp-message-text:var(--mp-info-text-emphasis);--mp-message-bg:var(--mp-info-bg-subtle);--mp-message-border:var(--mp-info-border-subtle);--mp-message-icon:var(--mp-info-text-emphasis);}
.mp-message-warning,.mp-modal-warning,.mp-toast-warning,:is(.mp-modal,.mp-toast)[data-mp-variant="warning"]{--mp-message-text:var(--mp-warning-text-emphasis);--mp-message-bg:var(--mp-warning-bg-subtle);--mp-message-border:var(--mp-warning-border-subtle);--mp-message-icon:var(--mp-warning-text-emphasis);}
.mp-message-danger,.mp-message-error,.mp-modal-danger,.mp-modal-error,.mp-toast-danger,.mp-toast-error,:is(.mp-modal,.mp-toast)[data-mp-variant="danger"],:is(.mp-modal,.mp-toast)[data-mp-variant="error"]{--mp-message-text:var(--mp-danger-text-emphasis);--mp-message-bg:var(--mp-danger-bg-subtle);--mp-message-border:var(--mp-danger-border-subtle);--mp-message-icon:var(--mp-danger-text-emphasis);}
.mp-message-light,.mp-modal-light,.mp-toast-light,:is(.mp-modal,.mp-toast)[data-mp-variant="light"]{--mp-message-text:var(--mp-light-text-emphasis);--mp-message-bg:var(--mp-light-bg-subtle);--mp-message-border:var(--mp-light-border-subtle);--mp-message-icon:var(--mp-light-text-emphasis);}
.mp-message-dark,.mp-modal-dark,.mp-toast-dark,:is(.mp-modal,.mp-toast)[data-mp-variant="dark"]{--mp-message-text:var(--mp-dark-text-emphasis);--mp-message-bg:var(--mp-dark-bg-subtle);--mp-message-border:var(--mp-dark-border-subtle);--mp-message-icon:var(--mp-dark-text-emphasis);}

.mp-modal-backdrop {display:none;position:fixed;inset:0;z-index:var(--mp-z-modal-backdrop);background:var(--mp-backdrop-bg);}
.mp-modal-backdrop.mp-show {display:block;animation:mp-modal-backdrop-in .16s ease-out;}

.mp-modal {
    --mp-modal-gap:var(--mp-space-lg);
    display:none;
    position:fixed;
    inset:0;
    z-index:var(--mp-z-modal);
    align-items:center;
    justify-content:center;
    padding:var(--mp-modal-gap);
}

.mp-modal.mp-show {display:flex;}
.mp-modal-dialog {width:100%;max-width:600px;max-height:calc(100vh - var(--mp-modal-gap) - var(--mp-modal-gap));max-height:calc(100dvh - var(--mp-modal-gap) - var(--mp-modal-gap));}
.mp-modal-sm {max-width:420px;}
.mp-modal-lg {max-width:960px;}

.mp-modal-content {display:flex;flex-direction:column;width:100%;max-height:calc(100vh - var(--mp-modal-gap) - var(--mp-modal-gap));max-height:calc(100dvh - var(--mp-modal-gap) - var(--mp-modal-gap));background:var(--mp-surface-bg);border:var(--mp-border-width) solid var(--mp-message-border);border-radius:var(--mp-radius-surface);overflow:hidden;box-shadow:var(--mp-shadow-lg);}
.mp-modal-header {display:flex;align-items:center;justify-content:space-between;gap:var(--mp-space-sm);padding:var(--mp-space-md) var(--mp-space-lg);background:var(--mp-message-bg);border-bottom:var(--mp-border-width) solid var(--mp-message-border);color:var(--mp-message-text);}
.mp-modal-header-content {display:flex;align-items:center;gap:var(--mp-space-sm);min-width:0;}
.mp-modal-icon {flex:0 0 auto;color:var(--mp-message-icon);font-weight:var(--mp-font-weight-bold);}
.mp-modal-title {margin:0;font-size:var(--mp-font-size-base);font-weight:var(--mp-font-weight-semibold);}
.mp-modal-body {padding:var(--mp-space-lg);overflow:auto;}
.mp-modal-heading {margin-bottom:var(--mp-space-sm);font-weight:var(--mp-font-weight-semibold);}
.mp-modal-footer {display:flex;align-items:center;justify-content:flex-end;gap:var(--mp-space-sm);padding:var(--mp-space-md) var(--mp-space-lg);background:var(--mp-surface-muted);border-top:var(--mp-border-width) solid var(--mp-border-color);}
.mp-modal-close,.mp-toast-close{display:inline-flex;align-items:center;justify-content:center;width:var(--mp-control-height);height:var(--mp-control-height);padding:0;border:0;background:transparent;color:var(--mp-text-muted);font-size:20px;cursor:pointer;}
.mp-modal-close:hover,.mp-toast-close:hover{color:var(--mp-body-text);}

.mp-modal.mp-show .mp-modal-content {animation:mp-modal-in .18s cubic-bezier(.2,.8,.2,1);}
.mp-modal.mp-modal-attention .mp-modal-dialog {animation:mp-modal-attention .22s ease-out;}

@keyframes mp-modal-backdrop-in {from {opacity:0;}to {opacity:1;}}
@keyframes mp-modal-in {from {opacity:0;transform:translateY(6px) scale(.985);}to {opacity:1;transform:translateY(0) scale(1);}}
@keyframes mp-modal-attention {0% {transform:scale(1);}45% {transform:scale(1.025);}100% {transform:scale(1);}}

.mp-block-host {position:relative;}
.mp-block {
    --mp-block-bg:var(--mp-backdrop-bg);
    --mp-block-content-bg:var(--mp-surface-bg);
    --mp-block-border:var(--mp-border-color);
    --mp-block-text:var(--mp-control-text);
    --mp-block-spinner:var(--mp-ui-primary);
    --mp-block-spinner-track:var(--mp-border-color-subtle);
    display:none;
    position:absolute;
    inset:0;
    z-index:var(--mp-z-block);
    align-items:center;
    justify-content:center;
    background:var(--mp-block-bg);
}

.mp-block.mp-show {display:flex;}
.mp-block-page {position:fixed;}
.mp-block-content {display:flex;align-items:center;gap:var(--mp-space-sm);max-width:calc(100% - var(--mp-space-lg) - var(--mp-space-lg));padding:var(--mp-space-sm) var(--mp-space-md);background:var(--mp-block-content-bg);border:var(--mp-border-width) solid var(--mp-block-border);border-radius:var(--mp-radius-surface);color:var(--mp-block-text);box-shadow:var(--mp-shadow-sm);}
.mp-block-spinner {width:20px;height:20px;flex:0 0 20px;border:2px solid var(--mp-block-spinner-track);border-top-color:var(--mp-block-spinner);border-radius:50%;animation:mp-block-spin .7s linear infinite;}
.mp-block-transparent {--mp-block-bg:transparent;}
@keyframes mp-block-spin {to {transform:rotate(360deg);}}

.mp-toast {--mp-toast-offset:20px;display:none;position:fixed;top:var(--mp-toast-offset);left:50%;z-index:var(--mp-z-toast);width:calc(100% - var(--mp-space-lg) - var(--mp-space-lg));max-width:420px;transform:translateX(-50%);}
.mp-toast.mp-show {display:block;}
.mp-toast-content {background:var(--mp-surface-bg);border:var(--mp-border-width) solid var(--mp-message-border);border-radius:var(--mp-radius-surface);box-shadow:var(--mp-shadow-lg);overflow:hidden;}
.mp-toast-header {display:flex;align-items:center;justify-content:space-between;gap:var(--mp-space-sm);padding:var(--mp-space-sm) var(--mp-space-md);background:var(--mp-message-bg);border-bottom:var(--mp-border-width) solid var(--mp-message-border);color:var(--mp-message-text);}
.mp-toast-header-content {display:flex;align-items:center;gap:var(--mp-space-sm);min-width:0;}
.mp-toast-icon {flex:0 0 auto;color:var(--mp-message-icon);font-weight:var(--mp-font-weight-bold);}
.mp-toast-title {font-weight:var(--mp-font-weight-semibold);}
.mp-toast-body {padding:var(--mp-space-md);}
.mp-toast-close{flex:0 0 var(--mp-control-height);}
.mp-toast.mp-show .mp-toast-content {animation:mp-toast-in .18s ease-out;}
@keyframes mp-toast-in {from {opacity:0;transform:translateY(-6px);}to {opacity:1;transform:translateY(0);}}
/*--Message / Modal / Block / Toast End--*/
/*--Tabs / Notifications Start--*/
.mp-tabs{
    --mp-tabs-border:var(--mp-border-color);
    --mp-tabs-text:var(--mp-body-text);
    --mp-tabs-hover:var(--mp-ui-primary);
    --mp-tabs-active:var(--mp-ui-primary);
    width:100%;
}

.mp-tabs-list{display:flex;overflow-x:auto;overflow-y:hidden;border-bottom:var(--mp-border-width) solid var(--mp-tabs-border);white-space:nowrap;}
.mp-tab{flex:0 0 auto;padding:var(--mp-space-sm) var(--mp-space-md);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--mp-tabs-text);font-weight:var(--mp-font-weight-medium);cursor:pointer;white-space:nowrap;}
.mp-tab:hover:not(:disabled){color:var(--mp-tabs-hover);}
.mp-tab[aria-selected="true"]{color:var(--mp-tabs-active);border-bottom-color:var(--mp-tabs-active);font-weight:var(--mp-font-weight-semibold);}
.mp-tab:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:-2px;}
.mp-tab:disabled{opacity:var(--mp-disabled-opacity);cursor:not-allowed;}
.mp-tab-content{padding-top:var(--mp-space-md);}
.mp-tab-content[hidden]{display:none;}

#NotificationDrawer .mp-menu-panel-head{background:var(--mp-ui-primary);color:var(--mp-ui-primary-contrast);border-bottom:0;}
#NotificationDrawer .mp-menu-close{color:var(--mp-ui-primary-contrast);}
#NotificationDrawer .mp-menu-close:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:var(--mp-ui-primary-contrast);}

.mp-notification-list{margin:0;padding:0;list-style:none;}
.mp-notification-item{padding:10px 8px;border-bottom:var(--mp-border-width) solid var(--mp-border-color-subtle);}
.mp-notification-item:last-child{border-bottom:0;}
.mp-notification-item:hover{background:var(--mp-hover-bg);}
.mp-notification-title{color:var(--mp-body-text);font-size:var(--mp-font-size-ui);font-weight:var(--mp-font-weight-medium);}
.mp-notification-meta{margin-top:2px;color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);}
/*--Tabs / Notifications End--*/
/*===03. MP ELEMENTS End===*/

/*===04. MP XSELECT Start===*/
/*--XSelect / Search / Options Start--*/
select[data-mp-select][hidden]{display:none!important;}

.mp-xselect{--mp-xselect-control-padding-right:34px;--mp-xselect-list-max-height:240px;position:relative;width:100%;}

.mp-xselect-control{position:relative;display:flex;align-items:center;width:100%;min-height:var(--mp-control-height);padding:var(--mp-control-padding-y) var(--mp-xselect-control-padding-right) var(--mp-control-padding-y) var(--mp-control-padding-x);border:var(--mp-border-width) solid var(--mp-control-border);border-radius:var(--mp-radius-control);background:var(--mp-control-bg);color:var(--mp-control-text);text-align:left;cursor:pointer;transition:border-color var(--mp-transition-base),box-shadow var(--mp-transition-base);}
.mp-xselect-control::after{content:"";position:absolute;right:var(--mp-space-md);top:50%;width:7px;height:7px;border-right:2px solid var(--mp-text-muted);border-bottom:2px solid var(--mp-text-muted);transform:translateY(-65%) rotate(45deg);}
.mp-xselect-control:hover{border-color:var(--mp-text-muted);}
.mp-xselect-control:focus{border-color:var(--mp-control-focus-border);box-shadow:var(--mp-focus-ring);outline:none;}
.mp-xselect-control:disabled{background:var(--mp-disabled-bg);cursor:not-allowed;}
.mp-xselect-control-text{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.mp-xselect-dropdown{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:var(--mp-z-xselect);background:var(--mp-surface-bg);border:var(--mp-border-width) solid var(--mp-border-color);border-radius:var(--mp-radius-surface);box-shadow:var(--mp-shadow-md);overflow:hidden;}
.mp-xselect.mp-show .mp-xselect-dropdown{display:block;}

.mp-xselect-search{display:block;width:calc(100% - var(--mp-space-lg));min-height:var(--mp-control-height);margin:var(--mp-space-sm);padding:var(--mp-control-padding-y) var(--mp-space-sm);border:var(--mp-border-width) solid var(--mp-control-border);border-radius:var(--mp-radius-control);background:var(--mp-control-bg);color:var(--mp-control-text);outline:none;}
.mp-xselect-search:focus{border-color:var(--mp-control-focus-border);box-shadow:var(--mp-focus-ring);}

.mp-xselect-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--mp-space-xs) var(--mp-space-sm);border-top:var(--mp-border-width) solid var(--mp-border-color-subtle);border-bottom:var(--mp-border-width) solid var(--mp-border-color-subtle);background:var(--mp-surface-muted);}
.mp-xselect-action{padding:var(--mp-space-xs);border:0;background:transparent;color:var(--mp-ui-primary);font-size:var(--mp-font-size-ui);cursor:pointer;}
.mp-xselect-action:hover{color:var(--mp-ui-primary-hover);text-decoration:underline;}
.mp-xselect-action:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:1px;}

.mp-xselect-list{max-height:var(--mp-xselect-list-max-height);overflow-x:hidden;overflow-y:auto;padding:var(--mp-space-xs) 0;}
.mp-xselect-option{display:block;width:100%;padding:var(--mp-space-sm) var(--mp-space-md);border:0;border-radius:0;background:transparent;color:var(--mp-body-text);text-align:left;cursor:pointer;}
.mp-xselect-option:hover,.mp-xselect-option.mp-active{background:var(--mp-hover-bg);}
.mp-xselect-option.mp-selected{background:var(--mp-selected-bg);font-weight:var(--mp-font-weight-semibold);}
.mp-xselect-option.mp-selected::after{content:"✓";float:right;font-weight:var(--mp-font-weight-bold);}
.mp-xselect-option:disabled{color:var(--mp-text-muted);background:transparent;cursor:not-allowed;}
.mp-xselect-option[hidden]{display:none;}
/*--XSelect / Search / Options End--*/
/*===04. MP XSELECT End===*/

/*===05. MP XCAROUSEL Start===*/
/*--Carousel / Gallery / Image Viewer Start--*/
.mp-xcarousel{--mp-xcarousel-control-size:38px;--mp-xcarousel-indicator-size:8px;--mp-xcarousel-control-bg:rgba(0,0,0,.48);--mp-xcarousel-control-hover-bg:rgba(0,0,0,.68);position:relative;width:100%;min-width:0;touch-action:pan-y;}
.mp-xcarousel-viewport{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:inherit;}
.mp-xcarousel-track{position:relative;width:100%;min-width:0;}
.mp-xcarousel-slide{position:relative;display:none;width:100%;min-width:0;}
.mp-xcarousel-slide.mp-active{display:block;}
.mp-xcarousel[data-mp-direction="next"] .mp-xcarousel-slide.mp-active{animation:mp-xcarousel-next .24s ease-out;}
.mp-xcarousel[data-mp-direction="prev"] .mp-xcarousel-slide.mp-active{animation:mp-xcarousel-prev .24s ease-out;}
.mp-xcarousel-image{display:block;width:100%;height:auto;}
.mp-xcarousel-prev,.mp-xcarousel-next{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:2;width:var(--mp-xcarousel-control-size);height:var(--mp-xcarousel-control-size);padding:0;border:0;border-radius:50%;background:var(--mp-xcarousel-control-bg);color:var(--mp-white);font-size:24px;transform:translateY(-50%);cursor:pointer;transition:background-color var(--mp-transition-base),opacity var(--mp-transition-base);}
.mp-xcarousel-prev{left:var(--mp-space-sm);}
.mp-xcarousel-next{right:var(--mp-space-sm);}
.mp-xcarousel-prev:hover:not(:disabled),.mp-xcarousel-next:hover:not(:disabled){background:var(--mp-xcarousel-control-hover-bg);}
.mp-xcarousel-prev:focus-visible,.mp-xcarousel-next:focus-visible,.mp-xcarousel-indicator:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:var(--mp-focus-ring);}
.mp-xcarousel-prev:disabled,.mp-xcarousel-next:disabled{opacity:var(--mp-disabled-opacity);cursor:not-allowed;}
.mp-xcarousel-indicators{display:flex;align-items:center;justify-content:center;gap:var(--mp-space-sm);margin-top:var(--mp-space-sm);}
.mp-xcarousel-indicator{width:var(--mp-xcarousel-indicator-size);height:var(--mp-xcarousel-indicator-size);padding:0;border:0;border-radius:50%;background:var(--mp-border-color);cursor:pointer;transition:background-color var(--mp-transition-base),transform var(--mp-transition-base);}
.mp-xcarousel-indicator.mp-active{background:var(--mp-ui-primary);transform:scale(1.2);}

.mp-xcarousel-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:var(--mp-space-md);padding:clamp(24px,5vw,80px);color:var(--mp-white);background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.12));}
.mp-xcarousel-content>*{max-width:680px;margin-top:0;margin-bottom:0;}
.mp-xcarousel-content-left{align-items:flex-start;text-align:left;}
.mp-xcarousel-content-center{align-items:center;text-align:center;background:rgba(0,0,0,.35);}
.mp-xcarousel-content-right{align-items:flex-end;text-align:right;background:linear-gradient(270deg,rgba(0,0,0,.65),rgba(0,0,0,.12));}
.mp-xcarousel-content h2{font-size:clamp(24px,3vw,44px);font-weight:var(--mp-font-weight-bold);}
.mp-xcarousel-content p{font-size:clamp(14px,1.4vw,20px);}
.mp-xcarousel-content .mp-btn{width:max-content;}

.mp-xgallery{--mp-xgallery-thumb-size:72px;--mp-xgallery-control-size:38px;--mp-xgallery-control-bg:rgba(0,0,0,.48);--mp-xgallery-control-hover-bg:rgba(0,0,0,.68);width:100%;min-width:0;touch-action:pan-y;}
.mp-xgallery-main{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;background:var(--mp-surface-muted);border:var(--mp-border-width) solid var(--mp-border-color);border-radius:var(--mp-radius-surface);overflow:hidden;}
.mp-xgallery-view{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:0;border:0;background:transparent;cursor:zoom-in;}
.mp-xgallery-image{display:block;max-width:100%;height:auto;object-fit:contain;}
.mp-xgallery-prev,.mp-xgallery-next{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:2;width:var(--mp-xgallery-control-size);height:var(--mp-xgallery-control-size);padding:0;border:0;border-radius:50%;background:var(--mp-xgallery-control-bg);color:var(--mp-white);font-size:24px;transform:translateY(-50%);cursor:pointer;transition:background-color var(--mp-transition-base),opacity var(--mp-transition-base);}
.mp-xgallery-prev{left:var(--mp-space-sm);}
.mp-xgallery-next{right:var(--mp-space-sm);}
.mp-xgallery-prev:hover:not(:disabled),.mp-xgallery-next:hover:not(:disabled){background:var(--mp-xgallery-control-hover-bg);}
.mp-xgallery-prev:focus-visible,.mp-xgallery-next:focus-visible,.mp-xgallery-view:focus-visible,.mp-xgallery-thumb:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:2px;box-shadow:var(--mp-focus-ring);}
.mp-xgallery-prev:disabled,.mp-xgallery-next:disabled{opacity:var(--mp-disabled-opacity);cursor:not-allowed;}
.mp-xgallery-thumbs{display:flex;max-width:100%;gap:var(--mp-space-sm);margin-top:var(--mp-space-sm);padding-bottom:var(--mp-space-xs);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;}
.mp-xgallery-thumb{flex:0 0 var(--mp-xgallery-thumb-size);width:var(--mp-xgallery-thumb-size);height:var(--mp-xgallery-thumb-size);padding:var(--mp-space-xs);border:2px solid var(--mp-border-color);border-radius:var(--mp-radius-control);background:var(--mp-surface-bg);cursor:pointer;}
.mp-xgallery-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.mp-xgallery-thumb:hover{border-color:var(--mp-ui-primary-border-subtle);}
.mp-xgallery-thumb.mp-active{border-color:var(--mp-ui-primary);}

[data-mp-image-view]{cursor:zoom-in;}
.mp-image-viewer{--mp-image-viewer-control-size:44px;--mp-image-viewer-bg:rgba(0,0,0,.92);--mp-image-viewer-control-bg:rgba(255,255,255,.14);--mp-image-viewer-control-hover-bg:rgba(255,255,255,.24);display:none;position:fixed;inset:0;z-index:var(--mp-z-image-viewer,1300);align-items:center;justify-content:center;padding:var(--mp-space-lg);overflow:hidden;background:var(--mp-image-viewer-bg);color:var(--mp-white);}
.mp-image-viewer.mp-show{display:flex;}
.mp-image-viewer-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;max-width:100vw;max-height:100vh;max-height:100dvh;}
.mp-image-viewer-img{display:block;width:auto;height:auto;max-width:calc(100vw - 120px);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);object-fit:contain;}
.mp-image-viewer-caption{max-width:min(900px,calc(100vw - 120px));margin-top:var(--mp-space-sm);color:var(--mp-white);font-size:var(--mp-font-size-ui);text-align:center;overflow-wrap:anywhere;}
.mp-image-viewer-close,.mp-image-viewer-prev,.mp-image-viewer-next{display:inline-flex;align-items:center;justify-content:center;position:absolute;z-index:2;width:var(--mp-image-viewer-control-size);height:var(--mp-image-viewer-control-size);padding:0;border:0;border-radius:50%;background:var(--mp-image-viewer-control-bg);color:var(--mp-white);cursor:pointer;transition:background-color var(--mp-transition-base);}
.mp-image-viewer-close:hover,.mp-image-viewer-prev:hover:not(:disabled),.mp-image-viewer-next:hover:not(:disabled){background:var(--mp-image-viewer-control-hover-bg);}
.mp-image-viewer-close:focus-visible,.mp-image-viewer-prev:focus-visible,.mp-image-viewer-next:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.mp-image-viewer-prev:disabled,.mp-image-viewer-next:disabled{opacity:var(--mp-disabled-opacity);cursor:not-allowed;}
.mp-image-viewer-close{top:var(--mp-space-lg);right:var(--mp-space-lg);font-size:26px;}
.mp-image-viewer-prev,.mp-image-viewer-next{top:50%;font-size:30px;transform:translateY(-50%);}
.mp-image-viewer-prev{left:var(--mp-space-lg);}
.mp-image-viewer-next{right:var(--mp-space-lg);}
.mp-image-viewer-counter{position:absolute;left:50%;bottom:var(--mp-space-lg);transform:translateX(-50%);padding:var(--mp-space-xs) var(--mp-space-sm);border-radius:var(--mp-radius-pill);background:rgba(0,0,0,.55);font-size:var(--mp-font-size-ui);white-space:nowrap;}

@keyframes mp-xcarousel-next{from{opacity:.35;transform:translateX(14px);}to{opacity:1;transform:translateX(0);}}
@keyframes mp-xcarousel-prev{from{opacity:.35;transform:translateX(-14px);}to{opacity:1;transform:translateX(0);}}
/*--Carousel / Gallery / Image Viewer End--*/
/*===05. MP XCAROUSEL End===*/

/*===06. MP MENU Start===*/
/*--Navigation / Drawer / Sidebar Start--*/
.mp-menu,.mp-menu-panel,.mp-menu-drawer,.mp-sidebar,.mp-navbar-menu{--mp-menu-bg:var(--mp-surface-bg);--mp-menu-border:color-mix(in srgb,var(--mp-ui-primary) 12%,var(--mp-border-color-subtle));--mp-menu-title-bg:color-mix(in srgb,var(--mp-ui-primary) 5%,var(--mp-surface-bg));--mp-menu-hover-bg:color-mix(in srgb,var(--mp-ui-primary) 8%,var(--mp-surface-bg));--mp-menu-open-bg:color-mix(in srgb,var(--mp-ui-primary) 11%,var(--mp-surface-bg));--mp-menu-active-bg:color-mix(in srgb,var(--mp-ui-primary) 16%,var(--mp-surface-bg));}

.mp-menu{display:flex;align-items:center;gap:var(--mp-space-xs);margin:0;padding:0;list-style:none;}
.mp-menu-item{position:relative;min-width:0;}
.mp-menu-link{display:flex;align-items:center;gap:6px;width:100%;min-height:32px;padding:4px 8px;border:0;border-radius:var(--mp-radius-surface);background:transparent;color:var(--mp-body-text);font:inherit;font-size:var(--mp-font-size-ui);font-weight:var(--mp-font-weight-medium);text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--mp-transition-base),color var(--mp-transition-base),box-shadow var(--mp-transition-base);}
.mp-menu-link:hover:not(:disabled):not([aria-disabled="true"]){background:var(--mp-menu-hover-bg);color:var(--mp-ui-primary-hover);text-decoration:none;}
.mp-menu-link.mp-active{background:var(--mp-menu-active-bg);color:var(--mp-ui-primary-text-emphasis);font-weight:var(--mp-font-weight-semibold);}
.mp-menu-link:focus-visible,.mp-menu-trigger:focus-visible,.mp-menu-close:focus-visible{outline:2px solid var(--mp-control-focus-border);outline-offset:1px;box-shadow:var(--mp-focus-ring);}
.mp-menu-link:disabled,.mp-menu-link[aria-disabled="true"]{opacity:var(--mp-disabled-opacity);cursor:not-allowed;pointer-events:none;}

.mp-menu-drawer:not(.mp-menu-end) .mp-menu-panel-body>.mp-menu>.mp-menu-item>.mp-menu-link::before,.mp-sidebar>.mp-menu>.mp-menu-item>.mp-menu-link::before{content:">";width:12px;flex:0 0 12px;color:var(--mp-ui-primary);font-weight:var(--mp-font-weight-bold);text-align:center;}
.mp-menu-drawer:not(.mp-menu-end) .mp-menu-submenu .mp-menu-link::before,.mp-sidebar .mp-menu-submenu .mp-menu-link::before{content:">>";width:18px;flex:0 0 18px;color:var(--mp-text-muted);font-size:10px;font-weight:var(--mp-font-weight-semibold);text-align:center;}
.mp-menu-submenu .mp-menu-link:hover::before,.mp-menu-submenu .mp-menu-link.mp-active::before{color:var(--mp-ui-primary);}

.mp-menu-submenu-toggle::after{content:"";width:6px;height:6px;margin-left:auto;margin-right:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--mp-transition-base);}
.mp-menu-submenu-toggle[aria-expanded="true"]::after{color:var(--mp-ui-primary);transform:rotate(225deg) translate(-1px,-1px);}
.mp-menu-submenu-toggle[aria-expanded="true"]{background:var(--mp-menu-open-bg);color:var(--mp-ui-primary-text-emphasis);font-weight:var(--mp-font-weight-semibold);box-shadow:inset 3px 0 0 var(--mp-ui-primary);}

.mp-menu-submenu{display:none;position:absolute;top:calc(100% + 3px);left:0;z-index:var(--mp-z-dropdown);min-width:210px;margin:0;padding:3px;border:var(--mp-border-width) solid var(--mp-menu-border);border-radius:var(--mp-radius-surface);background:var(--mp-menu-bg);box-shadow:var(--mp-shadow-sm);list-style:none;}
.mp-menu-submenu.mp-show{display:block;}
.mp-menu-submenu .mp-menu-link{min-height:28px;padding:3px 7px;font-size:var(--mp-font-size-ui);font-weight:var(--mp-font-weight-normal);}

.mp-menu-heading{padding:8px 9px 3px;color:var(--mp-text-muted);font-size:var(--mp-font-size-xs);font-weight:var(--mp-font-weight-semibold);text-transform:uppercase;}
.mp-menu-divider{height:var(--mp-border-width);margin:5px 0;background:var(--mp-menu-border);}

.mp-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:var(--mp-border-width) solid transparent;border-radius:var(--mp-radius-surface);background:var(--mp-menu-hover-bg);color:var(--mp-ui-primary);font:inherit;font-size:20px;cursor:pointer;transition:background-color var(--mp-transition-base),border-color var(--mp-transition-base),color var(--mp-transition-base);}
.mp-menu-trigger:hover{border-color:var(--mp-ui-primary-border-subtle);background:transparent;color:var(--mp-ui-primary-hover);}

.mp-menu-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:var(--mp-border-width) solid transparent;border-radius:var(--mp-radius-surface);background:transparent;color:var(--mp-text-muted);font:inherit;font-size:20px;cursor:pointer;transition:background-color var(--mp-transition-base),border-color var(--mp-transition-base),color var(--mp-transition-base);}
.mp-menu-close:hover{border-color:var(--mp-ui-primary-border-subtle);background:var(--mp-menu-hover-bg);color:var(--mp-ui-primary);}

.mp-menu-mobile-only{display:none;}
.mp-menu-mobile-head{display:none;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;gap:var(--mp-space-sm);min-height:46px;padding:6px 9px;border-bottom:var(--mp-border-width) solid var(--mp-menu-border);background:var(--mp-menu-bg);font-weight:var(--mp-font-weight-semibold);}

body.mp-menu-open{overflow:hidden;}
.mp-menu-backdrop{display:none;position:fixed;inset:0;z-index:var(--mp-z-menu-backdrop);background:var(--mp-backdrop-bg);}
.mp-menu-backdrop.mp-show{display:block;}

.mp-navbar-menu{margin-left:auto;}
.mp-navbar-menu>.mp-menu{justify-content:flex-end;}
.mp-navbar-menu>.mp-menu>.mp-menu-item>.mp-menu-link{font-weight:var(--mp-font-weight-medium);}
.mp-navbar-trigger{display:none;}

.mp-menu-drawer{position:fixed;top:0;bottom:0;left:0;z-index:var(--mp-z-menu);width:min(286px,88vw);overflow:auto;overscroll-behavior:contain;background:var(--mp-menu-bg,var(--mp-surface-bg));box-shadow:var(--mp-shadow-lg);transform:translateX(-105%);transition:transform var(--mp-transition-base);}
.mp-menu-drawer.mp-menu-end{left:auto;right:0;transform:translateX(105%);}
.mp-menu-drawer.mp-show{transform:translateX(0);}

.mp-menu-drawer.mp-menu-offset{top:var(--mp-space-md);bottom:var(--mp-space-md);left:var(--mp-space-md);width:min(340px,calc(100vw - var(--mp-space-xl)));border:var(--mp-border-width) solid var(--mp-menu-border);border-radius:var(--mp-radius-surface);}
.mp-menu-drawer.mp-menu-end.mp-menu-offset{left:auto;right:var(--mp-space-md);}

.mp-menu-drawer .mp-menu-mobile-head{display:flex;}
.mp-menu-drawer>.mp-menu{display:block;padding:5px;}
.mp-menu-drawer .mp-menu-submenu{position:static;min-width:0;margin:1px 0 3px 12px;padding:1px 0 2px 5px;border:0;border-left:1px solid var(--mp-ui-primary-border-subtle);border-radius:0;background:transparent;box-shadow:none;}

.mp-menu-panel{display:flex;flex-direction:column;overflow:hidden;}
.mp-menu-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--mp-space-sm);flex:0 0 auto;min-height:48px;padding:6px 9px;border-bottom:var(--mp-border-width) solid var(--mp-menu-border);background:var(--mp-menu-bg);}
.mp-menu-panel-head .mp-brand{display:inline-flex;align-items:center;min-width:0;}
.mp-menu-panel-head .mp-brand-logo{display:block;width:auto;max-width:118px;max-height:34px;}
.mp-menu-panel-title{flex:0 0 auto;padding:6px 9px 4px;border-bottom:var(--mp-border-width) solid var(--mp-menu-border);background:var(--mp-menu-title-bg);color:var(--mp-ui-primary-text-emphasis);font-size:var(--mp-font-size-xs);font-weight:var(--mp-font-weight-semibold);text-transform:uppercase;}
.mp-menu-panel-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 6px 6px;}
.mp-menu-panel-body>.mp-menu{display:block;}
.mp-menu-panel-body .mp-menu-item+.mp-menu-item{margin-top:1px;}
.mp-menu-panel-body .mp-menu-link.mp-active{background:var(--mp-menu-active-bg);color:var(--mp-ui-primary-text-emphasis);box-shadow:inset 2px 0 0 var(--mp-ui-primary);}
.mp-menu-panel-body .mp-menu-submenu .mp-menu-link{min-height:28px;padding:3px 7px;font-size:var(--mp-font-size-ui);}
.mp-menu-panel-footer{flex:0 0 auto;padding:5px 6px;border-top:var(--mp-border-width) solid var(--mp-menu-border);background:var(--mp-menu-title-bg);}
.mp-menu-panel-footer>.mp-menu{display:block;}

.mp-menu-drawer:not(.mp-menu-end) .mp-menu-panel-body>.mp-menu>.mp-menu-item{border-bottom:var(--mp-border-width) solid var(--mp-menu-border);}
.mp-menu-drawer:not(.mp-menu-end) .mp-menu-panel-body>.mp-menu>.mp-menu-item:last-child{border-bottom:0;}

.mp-sidebar{flex:0 0 250px;width:250px;min-width:0;padding:5px 6px;overflow:auto;border-right:var(--mp-border-width) solid var(--mp-menu-border);background:var(--mp-menu-bg);}
.mp-sidebar.mp-collapsed{display:none;}
.mp-sidebar .mp-menu{display:block;}
.mp-sidebar .mp-menu-item+.mp-menu-item{margin-top:1px;}
.mp-sidebar>.mp-menu>.mp-menu-item{border-bottom:var(--mp-border-width) solid var(--mp-menu-border);}
.mp-sidebar>.mp-menu>.mp-menu-item:last-child{border-bottom:0;}
.mp-sidebar .mp-menu-link{min-height:32px;}
.mp-sidebar .mp-menu-link.mp-active{background:var(--mp-menu-active-bg);color:var(--mp-ui-primary-text-emphasis);box-shadow:inset 2px 0 0 var(--mp-ui-primary);}
.mp-sidebar .mp-menu-submenu{position:static;min-width:0;margin:1px 0 3px 12px;padding:1px 0 2px 5px;border:0;border-left:1px solid var(--mp-ui-primary-border-subtle);border-radius:0;background:transparent;box-shadow:none;}
.mp-sidebar .mp-menu-submenu .mp-menu-link{min-height:28px;padding:3px 7px;font-size:var(--mp-font-size-ui);}
/*--Navigation / Drawer / Sidebar End--*/
/*===06. MP MENU End===*/

/*===07. REUSABLE UI COMPONENTS Start===*/
/*--Layout / Foundation Start--*/
.mp-app-shell-flow{height:auto;min-height:100vh;min-height:100dvh;}
.mp-app-shell-flow>.mp-app-main{flex:1 0 auto;min-height:auto;overflow:visible;}
.mp-app-shell-container-narrow{--mp-app-shell-container-max-width:960px;}
.mp-app-shell-container-wide{--mp-app-shell-container-max-width:1680px;}
.mp-flow>*+*{margin-top:var(--mp-space-lg);}
.mp-stack{display:flex;flex-direction:column;gap:var(--mp-space-md);min-width:0;}
.mp-inline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mp-space-sm);min-width:0;}
.mp-cluster{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--mp-space-md);min-width:0;}
.mp-grid{display:grid;grid-template-columns:repeat(var(--mp-grid-columns,2),minmax(0,1fr));gap:var(--mp-grid-gap,var(--mp-space-lg));min-width:0;}
.mp-grid-2{--mp-grid-columns:2;}.mp-grid-3{--mp-grid-columns:3;}.mp-grid-4{--mp-grid-columns:4;}.mp-grid-5{--mp-grid-columns:5;}
.mp-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--mp-grid-min,240px)),1fr));gap:var(--mp-grid-gap,var(--mp-space-lg));}
.mp-split{display:grid;grid-template-columns:var(--mp-split-columns,minmax(0,1fr) minmax(0,1fr));align-items:center;gap:var(--mp-split-gap,var(--mp-space-2xl));}
.mp-split-wide{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);}
.mp-split-reverse>*:first-child{order:2;}
.mp-surface{background:var(--mp-surface-bg);border:var(--mp-border-width) solid var(--mp-border-color);border-radius:var(--mp-radius-lg);}
.mp-surface-muted{background:var(--mp-surface-muted);}
.mp-divider{height:0;margin:var(--mp-space-md) 0;border:0;border-top:var(--mp-border-width) solid var(--mp-border-color-subtle);}
/*--Layout / Foundation End--*/
/*--Typography / Content Start--*/
.mp-display{margin:0;font-size:clamp(2rem,4vw,3.75rem);font-weight:var(--mp-font-weight-bold);line-height:var(--mp-line-height-base);}
.mp-lead{font-size:clamp(1rem,1.25vw,1.125rem);line-height:var(--mp-line-height-base);}
.mp-eyebrow{display:inline-block;margin-bottom:var(--mp-space-sm);color:var(--mp-ui-primary);font-size:var(--mp-font-size-sm);font-weight:var(--mp-font-weight-semibold);text-transform:uppercase;}
.mp-content{max-width:72ch;line-height:var(--mp-line-height-base);overflow-wrap:break-word;}
.mp-content>*+*{margin-top:var(--mp-space-lg);}
.mp-content h2,.mp-content h3{margin-top:var(--mp-space-xl);}
.mp-prose-muted{color:var(--mp-text-muted);}
.mp-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mp-space-xs);margin:0;padding:0;list-style:none;color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);}
.mp-breadcrumb>li+li::before{content:"/";margin-right:var(--mp-space-xs);color:var(--mp-text-muted);}
.mp-breadcrumb a{color:var(--mp-ui-primary);}
.mp-quote{margin:0;padding:var(--mp-space-lg);border-left:4px solid var(--mp-ui-primary);background:var(--mp-surface-muted);border-radius:0 var(--mp-radius-surface) var(--mp-radius-surface) 0;}
.mp-feature-list{display:grid;gap:var(--mp-space-sm);margin:0;padding:0;list-style:none;}
.mp-feature-list>li{display:flex;align-items:flex-start;gap:var(--mp-space-sm);}
.mp-feature-list>li::before{content:"✓";color:var(--mp-feature-list-marker-color,var(--mp-success));font-weight:var(--mp-font-weight-bold);}
/*--Typography / Content End--*/
/*--Forms / Validation Start--*/
.mp-form{display:grid;gap:var(--mp-space-lg);min-width:0;}
.mp-form-row{display:grid;grid-template-columns:repeat(var(--mp-form-columns,2),minmax(0,1fr));gap:var(--mp-space-md);min-width:0;}
.mp-form-group,.mp-field{display:flex;flex-direction:column;gap:var(--mp-space-xs);min-width:0;}
.mp-form-group>label,.mp-field>label,.mp-form-label{margin:0;color:var(--mp-control-text);font-size:var(--mp-font-size-ui);font-weight:var(--mp-font-weight-semibold);}
.mp-form-help,.mp-field-help{color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);}
.mp-form-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--mp-space-sm);}
.mp-input{display:block;width:100%;min-height:var(--mp-control-height);padding:var(--mp-control-padding-y) var(--mp-control-padding-x);border:1px solid var(--mp-control-border);border-radius:var(--mp-radius-control);background:var(--mp-control-bg);color:var(--mp-control-text);}
.mp-input:focus{outline:none;border-color:var(--mp-control-focus-border);box-shadow:var(--mp-focus-ring);}
.mp-input-sm{min-height:24px;font-size:var(--mp-font-size-sm);}
.mp-input-lg,.mp-control-comfortable .mp-input{min-height:40px;padding:9px 12px;font-size:var(--mp-font-size-base);}
.mp-control-comfortable .mp-btn{min-height:40px;padding:9px 16px;}
.mp-is-invalid,.mp-input[aria-invalid="true"]{border-color:var(--mp-danger)!important;}
.mp-is-invalid:focus,.mp-input[aria-invalid="true"]:focus{box-shadow:0 0 0 2px var(--mp-danger-border-subtle);}
.mp-is-valid{border-color:var(--mp-success)!important;}
.mp-field-error{color:var(--mp-danger-text-emphasis);font-size:var(--mp-font-size-sm);}
.mp-field-required::after{content:" *";color:var(--mp-danger);}
.mp-input-group{display:flex;align-items:stretch;width:100%;min-width:0;}
.mp-input-group>:is(.mp-input,input,select,textarea){min-width:0;flex:1 1 auto;width:1%;border-radius:0;}
.mp-input-group>:first-child{border-radius:var(--mp-radius-control) 0 0 var(--mp-radius-control);}
.mp-input-group>:last-child{border-radius:0 var(--mp-radius-control) var(--mp-radius-control) 0;}
.mp-input-prefix,.mp-input-suffix{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--mp-space-md);border:1px solid var(--mp-control-border);background:var(--mp-surface-muted);color:var(--mp-text-muted);white-space:nowrap;}
.mp-input-group>:not(:first-child){margin-left:-1px;}
.mp-input-group>:is(input,select,textarea):focus{position:relative;z-index:1;}
.mp-check-label{display:inline-flex;align-items:center;gap:var(--mp-space-sm);margin:0;font-weight:var(--mp-font-weight-normal);cursor:pointer;}
/*--Forms / Validation End--*/
/*--Filters / Toolbar Start--*/
.mp-filter{display:grid;gap:var(--mp-space-md);padding:var(--mp-space-md);border:1px solid var(--mp-border-color-subtle);border-radius:var(--mp-radius-surface);background:var(--mp-surface-muted);}
.mp-filter-row{display:flex;align-items:end;flex-wrap:wrap;gap:var(--mp-space-md);}
.mp-filter-row>.mp-field,.mp-filter-row>.mp-form-group{flex:1 1 180px;}
.mp-filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mp-space-sm);}
.mp-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--mp-space-sm);min-width:0;}
.mp-toolbar-start,.mp-toolbar-end{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mp-space-sm);min-width:0;}
.mp-toolbar-end{margin-left:auto;}
.mp-toolbar-title{margin:0;font-size:var(--mp-font-size-title);font-weight:var(--mp-font-weight-semibold);}
/*--Filters / Toolbar End--*/
/*--Messages / Progress Start--*/
:where(.mp-message){--mp-message-text:var(--mp-body-text);--mp-message-bg:var(--mp-surface-muted);--mp-message-border:var(--mp-border-color);--mp-message-icon:var(--mp-ui-primary);display:flex;align-items:flex-start;gap:var(--mp-space-sm);padding:var(--mp-space-md) var(--mp-space-lg);border:1px solid var(--mp-message-border);border-radius:var(--mp-radius-surface);background:var(--mp-message-bg);color:var(--mp-message-text);}
.mp-message-icon{flex:0 0 auto;color:var(--mp-message-icon);}
.mp-message-body{flex:1 1 auto;min-width:0;}
.mp-message-title{margin:0 0 var(--mp-space-xs);font-weight:var(--mp-font-weight-semibold);}
.mp-message-dismiss{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer;}
.mp-empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mp-space-md);padding:var(--mp-space-2xl);text-align:center;color:var(--mp-text-muted);}
.mp-empty-state h3{margin:0;color:var(--mp-body-text);}
.mp-progress{height:8px;overflow:hidden;border-radius:var(--mp-radius-pill);background:var(--mp-border-color-subtle);}
.mp-progress-bar{width:var(--mp-progress,0%);height:100%;border-radius:inherit;background:var(--mp-ui-primary);transition:width var(--mp-transition-base);}
.mp-progress-success .mp-progress-bar{background:var(--mp-success);}
.mp-progress-warning .mp-progress-bar{background:var(--mp-warning);}
.mp-progress-danger .mp-progress-bar{background:var(--mp-danger);}
/*--Messages / Progress End--*/
/*--Cards / KPIs Start--*/
.mp-card-raised{box-shadow:var(--mp-shadow-sm);}
.mp-card-hover{transition:transform var(--mp-transition-base),box-shadow var(--mp-transition-base);}
.mp-card-hover:hover{transform:translateY(-2px);box-shadow:var(--mp-shadow-md);}
.mp-card-media{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--mp-surface-muted);border-radius:var(--mp-card-radius,var(--mp-radius-surface)) var(--mp-card-radius,var(--mp-radius-surface)) 0 0;}
.mp-card-media img{display:block;width:100%;height:100%;object-fit:cover;}
.mp-feature-card{display:flex;flex-direction:column;gap:var(--mp-space-sm);min-width:0;padding:var(--mp-space-xl);border:1px solid var(--mp-border-color-subtle);border-radius:var(--mp-radius-lg);background:var(--mp-surface-bg);}
.mp-feature-card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:var(--mp-radius-md);background:var(--mp-ui-primary-bg-subtle);color:var(--mp-ui-primary);}
.mp-feature-card-title{margin:0;font-size:var(--mp-font-size-subtitle);}
.mp-feature-card-description{margin:0;color:var(--mp-text-muted);line-height:var(--mp-line-height-base);}
.mp-feature-card-actions{margin-top:auto;padding-top:var(--mp-space-md);}
.mp-chip{display:inline-flex;align-items:center;gap:var(--mp-space-xs);padding:4px 10px;border:1px solid var(--mp-border-color);border-radius:var(--mp-radius-pill);background:var(--mp-surface-bg);color:var(--mp-control-text);font-size:var(--mp-font-size-sm);font-weight:var(--mp-font-weight-medium);}
.mp-stat{display:flex;flex-direction:column;gap:var(--mp-space-xs);padding:var(--mp-space-lg);border:1px solid var(--mp-border-color-subtle);border-radius:var(--mp-radius-surface);background:var(--mp-surface-bg);}
.mp-stat-label{color:var(--mp-text-muted);font-size:var(--mp-font-size-ui);}
.mp-stat-value{font-size:clamp(1.35rem,2vw,2rem);font-weight:var(--mp-font-weight-bold);line-height:var(--mp-line-height-base);}
.mp-stat-meta{color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);}
/*--Cards / KPIs End--*/
/*--Data Table / Pagination Start--*/
.mp-table-row-actions{display:inline-flex;align-items:center;gap:var(--mp-space-xs);white-space:nowrap;}
.mp-table-empty-state{padding:var(--mp-space-2xl);text-align:center;color:var(--mp-text-muted);}
.mp-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mp-space-xs);margin:0;padding:0;list-style:none;}
.mp-page-item{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:4px 9px;border:1px solid var(--mp-border-color);border-radius:var(--mp-radius-control);background:var(--mp-surface-bg);color:var(--mp-body-text);text-decoration:none;cursor:pointer;}
.mp-page-item:hover{background:var(--mp-hover-bg);color:var(--mp-ui-primary);text-decoration:none;}
.mp-page-item.mp-active,.mp-page-item[aria-current="page"]{border-color:var(--mp-ui-primary);background:var(--mp-ui-primary);color:var(--mp-ui-primary-contrast);}
.mp-page-item:disabled,.mp-page-item[aria-disabled="true"]{opacity:var(--mp-disabled-opacity);cursor:not-allowed;pointer-events:none;}
/*--Data Table / Pagination End--*/
/*--Website / Content Start--*/
.mp-site-card{display:flex;flex-direction:column;min-width:0;}
.mp-site-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.mp-site-card-body{display:flex;flex:1;flex-direction:column;min-width:0;}
.mp-site-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:28px;}
.mp-site-card-link{margin-top:auto;}
.mp-site-number-row{display:grid;grid-template-columns:var(--mp-site-number-row-columns,38px minmax(0,1fr));align-items:var(--mp-site-number-row-align,start);gap:var(--mp-site-number-row-gap,14px);}

.mp-site-header{display:flex;align-items:center;gap:var(--mp-space-lg);min-height:60px;padding:var(--mp-space-sm) var(--mp-app-shell-container-padding);border-bottom:1px solid var(--mp-border-color-subtle);background:var(--mp-surface-bg);}
.mp-site-header-brand{display:inline-flex;align-items:center;flex:0 0 auto;}
.mp-site-header-nav{display:flex;align-items:center;gap:var(--mp-space-md);margin-left:auto;}
.mp-site-header-actions{display:flex;align-items:center;gap:var(--mp-space-sm);}
.mp-site-footer{padding:var(--mp-space-2xl) 0 var(--mp-space-lg);background:var(--mp-dark);color:var(--mp-dark-contrast);}
.mp-site-footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:var(--mp-space-xl);}
.mp-site-footer-links{display:flex;flex-direction:column;gap:var(--mp-space-sm);margin:0;padding:0;list-style:none;}
.mp-site-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--mp-space-md);margin-top:var(--mp-space-xl);padding-top:var(--mp-space-md);border-top:1px solid currentColor;}
.mp-page-banner{padding:var(--mp-space-xl) 0;border-bottom:1px solid var(--mp-border-color-subtle);background:var(--mp-surface-muted);}
.mp-page-banner-title{margin:0;font-size:clamp(1.5rem,2.4vw,2.5rem);}

.mp-media-frame{width:100%;min-width:0;aspect-ratio:var(--mp-media-ratio,3/2);overflow:hidden;border-radius:var(--mp-radius-lg);background:var(--mp-surface-muted);}
.mp-media-frame img,.mp-media-frame video{display:block;width:100%;height:100%;object-fit:cover;}
.mp-media-contain img,.mp-media-contain video{object-fit:contain;}
.mp-ratio-square{--mp-media-ratio:1/1;}.mp-ratio-video{--mp-media-ratio:16/9;}.mp-ratio-3x2{--mp-media-ratio:3/2;}.mp-ratio-4x3{--mp-media-ratio:4/3;}
.mp-steps{display:grid;grid-template-columns:repeat(var(--mp-steps-columns,3),minmax(0,1fr));gap:var(--mp-space-lg);counter-reset:mp-step;}
.mp-step{counter-increment:mp-step;padding:var(--mp-space-xl);border:1px solid var(--mp-border-color-subtle);border-radius:var(--mp-radius-lg);background:var(--mp-surface-bg);}
.mp-step::before{content:counter(mp-step,decimal-leading-zero);display:block;margin-bottom:var(--mp-space-md);color:var(--mp-ui-primary);font-weight:var(--mp-font-weight-bold);}
.mp-cta{padding-block:clamp(40px,5vw,80px);background:var(--mp-ui-primary);color:var(--mp-ui-primary-contrast);}
.mp-cta-layout{display:flex;align-items:center;justify-content:space-between;gap:var(--mp-space-2xl);}
.mp-cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mp-space-sm);flex:0 0 auto;}
/*--Website / Content End--*/
/*--E-Commerce Presentation Start--*/
.mp-product-grid{display:grid;grid-template-columns:repeat(var(--mp-product-columns,4),minmax(0,1fr));gap:var(--mp-space-lg);}
.mp-product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--mp-border-color-subtle);border-radius:var(--mp-radius-lg);background:var(--mp-surface-bg);}
.mp-product-card-media{position:relative;aspect-ratio:var(--mp-product-ratio,1/1);overflow:hidden;background:var(--mp-surface-muted);}
.mp-product-card-media img{display:block;width:100%;height:100%;object-fit:contain;}
.mp-product-card-body{display:flex;flex:1;flex-direction:column;gap:var(--mp-space-sm);padding:var(--mp-space-lg);}
.mp-product-card-title{margin:0;font-size:var(--mp-font-size-base);font-weight:var(--mp-font-weight-semibold);}
.mp-product-card-meta{color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);}
.mp-product-card-actions{display:flex;gap:var(--mp-space-sm);margin-top:auto;padding-top:var(--mp-space-sm);}
.mp-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:var(--mp-space-sm);font-size:1.25rem;font-weight:var(--mp-font-weight-bold);}
.mp-price-old{color:var(--mp-text-muted);font-size:var(--mp-font-size-sm);font-weight:var(--mp-font-weight-normal);text-decoration:line-through;}
.mp-quantity{display:inline-flex;align-items:stretch;min-height:var(--mp-control-height);border:1px solid var(--mp-control-border);border-radius:var(--mp-radius-control);overflow:hidden;}
.mp-quantity>button{min-width:30px;border:0;background:var(--mp-surface-muted);cursor:pointer;}
.mp-quantity>input{width:52px;min-width:0;padding:var(--mp-space-xs);border:0;border-left:1px solid var(--mp-border-color);border-right:1px solid var(--mp-border-color);text-align:center;box-shadow:none;}
/*--E-Commerce Presentation End--*/
/*--Composition / Utilities Start--*/
.mp-d-none{display:none!important;}.mp-d-block{display:block!important;}.mp-d-flex{display:flex!important;}.mp-d-grid{display:grid!important;}
.mp-flex-wrap{flex-wrap:wrap!important;}.mp-flex-column{flex-direction:column!important;}.mp-flex-1{flex:1 1 auto!important;}
.mp-align-center{align-items:center!important;}.mp-justify-between{justify-content:space-between!important;}.mp-justify-center{justify-content:center!important;}
.mp-gap-0{gap:0!important;}.mp-gap-sm{gap:var(--mp-space-sm)!important;}.mp-gap-md{gap:var(--mp-space-md)!important;}.mp-gap-lg{gap:var(--mp-space-lg)!important;}.mp-gap-xl{gap:var(--mp-space-xl)!important;}
.mp-m-0{margin:0!important;}.mp-mt-0{margin-top:0!important;}.mp-mt-sm{margin-top:var(--mp-space-sm)!important;}.mp-mt-md{margin-top:var(--mp-space-md)!important;}.mp-mt-lg{margin-top:var(--mp-space-lg)!important;}.mp-mt-xl{margin-top:var(--mp-space-xl)!important;}
.mp-mb-0{margin-bottom:0!important;}.mp-mb-sm{margin-bottom:var(--mp-space-sm)!important;}.mp-mb-md{margin-bottom:var(--mp-space-md)!important;}.mp-mb-lg{margin-bottom:var(--mp-space-lg)!important;}.mp-mb-xl{margin-bottom:var(--mp-space-xl)!important;}
.mp-p-0{padding:0!important;}.mp-p-sm{padding:var(--mp-space-sm)!important;}.mp-p-md{padding:var(--mp-space-md)!important;}.mp-p-lg{padding:var(--mp-space-lg)!important;}.mp-p-xl{padding:var(--mp-space-xl)!important;}
.mp-w-100{width:100%!important;}.mp-h-100{height:100%!important;}.mp-min-w-0{min-width:0!important;}.mp-max-w-content{max-width:72ch!important;}
.mp-rounded{border-radius:var(--mp-radius-surface)!important;}.mp-rounded-lg{border-radius:var(--mp-radius-lg)!important;}.mp-rounded-pill{border-radius:var(--mp-radius-pill)!important;}
.mp-shadow-sm{box-shadow:var(--mp-shadow-sm)!important;}.mp-shadow-md{box-shadow:var(--mp-shadow-md)!important;}.mp-shadow-none{box-shadow:none!important;}
.mp-text-right{text-align:right!important;}.mp-text-left{text-align:left!important;}.mp-text-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.mp-overflow-auto{overflow:auto!important;}.mp-overflow-hidden{overflow:hidden!important;}.mp-nowrap{white-space:nowrap!important;}
.mp-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
/*--Composition / Utilities End--*/
/*--Section CTA Start--*/
.mp-section-cta{--mp-section-padding:clamp(28px,3vw,42px);--mp-section-columns:minmax(0,1fr) max-content;--mp-section-gap:clamp(20px,3vw,36px);--mp-section-title-size:clamp(26px,2.4vw,32px);--mp-section-description-size:14px;}
.mp-section-cta .mp-section-header{max-width:680px;}
.mp-section-cta .mp-section-header .mp-eyebrow{margin-bottom:8px;}
.mp-section-cta .mp-section-title{line-height:var(--mp-line-height-section-title);}
.mp-section-cta .mp-section-description{max-width:640px;margin-top:10px;line-height:var(--mp-line-height-base);}
.mp-section-cta .mp-section-content{justify-self:end;}
.mp-section-cta .mp-section-actions{justify-content:flex-end;gap:10px;margin-top:0;}
.mp-section-cta .mp-section-actions .mp-btn{min-height:42px;padding:9px 16px;font-size:var(--mp-font-size-ui);font-weight:700;white-space:nowrap;}
.mp-section-cta .mp-btn-ui-secondary:hover,.mp-section-cta .mp-btn-ui-secondary:focus-visible{background:transparent;border-color:var(--mp-white);color:var(--mp-white);}
/*--Section CTA End--*/
/*===07. REUSABLE UI COMPONENTS End===*/

/* ===== RESPONSIVE ===== */
/* MIN WIDTH - ASCENDING */
@media(min-width:640px){
.mp-col-sm-1{--mp-col-span:1}.mp-col-sm-2{--mp-col-span:2}.mp-col-sm-3{--mp-col-span:3}.mp-col-sm-4{--mp-col-span:4}
.mp-col-sm-5{--mp-col-span:5}.mp-col-sm-6{--mp-col-span:6}.mp-col-sm-7{--mp-col-span:7}.mp-col-sm-8{--mp-col-span:8}
.mp-col-sm-9{--mp-col-span:9}.mp-col-sm-10{--mp-col-span:10}.mp-col-sm-11{--mp-col-span:11}.mp-col-sm-12{--mp-col-span:12}
.mp-offset-sm-0{--mp-col-start:auto}.mp-offset-sm-1{--mp-col-start:2}.mp-offset-sm-2{--mp-col-start:3}.mp-offset-sm-3{--mp-col-start:4}
.mp-offset-sm-4{--mp-col-start:5}.mp-offset-sm-5{--mp-col-start:6}.mp-offset-sm-6{--mp-col-start:7}.mp-offset-sm-7{--mp-col-start:8}
.mp-offset-sm-8{--mp-col-start:9}.mp-offset-sm-9{--mp-col-start:10}.mp-offset-sm-10{--mp-col-start:11}.mp-offset-sm-11{--mp-col-start:12}
}
@media(min-width:768px){
.mp-col-md-1{--mp-col-span:1}.mp-col-md-2{--mp-col-span:2}.mp-col-md-3{--mp-col-span:3}.mp-col-md-4{--mp-col-span:4}
.mp-col-md-5{--mp-col-span:5}.mp-col-md-6{--mp-col-span:6}.mp-col-md-7{--mp-col-span:7}.mp-col-md-8{--mp-col-span:8}
.mp-col-md-9{--mp-col-span:9}.mp-col-md-10{--mp-col-span:10}.mp-col-md-11{--mp-col-span:11}.mp-col-md-12{--mp-col-span:12}
.mp-offset-md-0{--mp-col-start:auto}.mp-offset-md-1{--mp-col-start:2}.mp-offset-md-2{--mp-col-start:3}.mp-offset-md-3{--mp-col-start:4}
.mp-offset-md-4{--mp-col-start:5}.mp-offset-md-5{--mp-col-start:6}.mp-offset-md-6{--mp-col-start:7}.mp-offset-md-7{--mp-col-start:8}
.mp-offset-md-8{--mp-col-start:9}.mp-offset-md-9{--mp-col-start:10}.mp-offset-md-10{--mp-col-start:11}.mp-offset-md-11{--mp-col-start:12}
}
@media(min-width:1024px){
.mp-col-lg-1{--mp-col-span:1}.mp-col-lg-2{--mp-col-span:2}.mp-col-lg-3{--mp-col-span:3}.mp-col-lg-4{--mp-col-span:4}
.mp-col-lg-5{--mp-col-span:5}.mp-col-lg-6{--mp-col-span:6}.mp-col-lg-7{--mp-col-span:7}.mp-col-lg-8{--mp-col-span:8}
.mp-col-lg-9{--mp-col-span:9}.mp-col-lg-10{--mp-col-span:10}.mp-col-lg-11{--mp-col-span:11}.mp-col-lg-12{--mp-col-span:12}
.mp-offset-lg-0{--mp-col-start:auto}.mp-offset-lg-1{--mp-col-start:2}.mp-offset-lg-2{--mp-col-start:3}.mp-offset-lg-3{--mp-col-start:4}
.mp-offset-lg-4{--mp-col-start:5}.mp-offset-lg-5{--mp-col-start:6}.mp-offset-lg-6{--mp-col-start:7}.mp-offset-lg-7{--mp-col-start:8}
.mp-offset-lg-8{--mp-col-start:9}.mp-offset-lg-9{--mp-col-start:10}.mp-offset-lg-10{--mp-col-start:11}.mp-offset-lg-11{--mp-col-start:12}
}
@media(min-width:1280px){
.mp-col-xl-1{--mp-col-span:1}.mp-col-xl-2{--mp-col-span:2}.mp-col-xl-3{--mp-col-span:3}.mp-col-xl-4{--mp-col-span:4}
.mp-col-xl-5{--mp-col-span:5}.mp-col-xl-6{--mp-col-span:6}.mp-col-xl-7{--mp-col-span:7}.mp-col-xl-8{--mp-col-span:8}
.mp-col-xl-9{--mp-col-span:9}.mp-col-xl-10{--mp-col-span:10}.mp-col-xl-11{--mp-col-span:11}.mp-col-xl-12{--mp-col-span:12}
.mp-offset-xl-0{--mp-col-start:auto}.mp-offset-xl-1{--mp-col-start:2}.mp-offset-xl-2{--mp-col-start:3}.mp-offset-xl-3{--mp-col-start:4}
.mp-offset-xl-4{--mp-col-start:5}.mp-offset-xl-5{--mp-col-start:6}.mp-offset-xl-6{--mp-col-start:7}.mp-offset-xl-7{--mp-col-start:8}
.mp-offset-xl-8{--mp-col-start:9}.mp-offset-xl-9{--mp-col-start:10}.mp-offset-xl-10{--mp-col-start:11}.mp-offset-xl-11{--mp-col-start:12}
}
@media(min-width:1536px){
.mp-col-xxl-1{--mp-col-span:1}.mp-col-xxl-2{--mp-col-span:2}.mp-col-xxl-3{--mp-col-span:3}.mp-col-xxl-4{--mp-col-span:4}
.mp-col-xxl-5{--mp-col-span:5}.mp-col-xxl-6{--mp-col-span:6}.mp-col-xxl-7{--mp-col-span:7}.mp-col-xxl-8{--mp-col-span:8}
.mp-col-xxl-9{--mp-col-span:9}.mp-col-xxl-10{--mp-col-span:10}.mp-col-xxl-11{--mp-col-span:11}.mp-col-xxl-12{--mp-col-span:12}
.mp-offset-xxl-0{--mp-col-start:auto}.mp-offset-xxl-1{--mp-col-start:2}.mp-offset-xxl-2{--mp-col-start:3}.mp-offset-xxl-3{--mp-col-start:4}
.mp-offset-xxl-4{--mp-col-start:5}.mp-offset-xxl-5{--mp-col-start:6}.mp-offset-xxl-6{--mp-col-start:7}.mp-offset-xxl-7{--mp-col-start:8}
.mp-offset-xxl-8{--mp-col-start:9}.mp-offset-xxl-9{--mp-col-start:10}.mp-offset-xxl-10{--mp-col-start:11}.mp-offset-xxl-11{--mp-col-start:12}
}
/* MAX WIDTH - DESCENDING */
@media(max-width:1199.98px){
.mp-section-split{gap:clamp(24px,3vw,40px);}
.mp-site-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.mp-product-grid{--mp-product-columns:3;}
}
@media(max-width:991.98px){
.mp-section-cta.mp-section-split{grid-template-columns:minmax(0,1fr);gap:20px;}
.mp-section-cta .mp-section-content{justify-self:start;}
.mp-section-cta .mp-section-actions{justify-content:flex-start;}
.mp-section-hero{--mp-section-title-size:clamp(34px,4vw,44px);}
.mp-section-hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.mp-sidebar{display:block;position:fixed;top:0;bottom:0;left:0;z-index:var(--mp-z-menu);width:min(286px,88vw);padding:5px 6px;border-right:0;background:var(--mp-menu-bg);box-shadow:var(--mp-shadow-lg);transform:translateX(-105%);transition:transform var(--mp-transition-base);}
.mp-sidebar.mp-collapsed{display:block;}
.mp-sidebar.mp-show{transform:translateX(0);}
.mp-sidebar .mp-menu-mobile-head{display:flex;}
.mp-grid-5,.mp-grid-4{--mp-grid-columns:2;}
.mp-steps{--mp-steps-columns:2;}

.mp-site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.mp-page-intro-inner{grid-template-columns:1fr;gap:var(--mp-space-xl);align-items:start;}
.mp-page-intro-title{font-size:clamp(28px,5vw,42px);}
.mp-page-intro-text{max-width:none;}
.mp-page-intro-side{max-width:680px;}

.mp-section-hero .mp-section-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;}
.mp-section-hero .mp-section-actions .mp-btn{width:100%;min-width:0;min-height:50px;padding:8px 10px;font-size:var(--mp-font-size-sm);line-height:var(--mp-line-height-compact);white-space:normal;text-align:center;justify-content:center;}

}
@media(max-width:899.98px){}
@media(max-width:767.98px){
.mp-section-split{grid-template-columns:minmax(0,1fr);}
.mp-section-split>.mp-section-header{order:1;}
.mp-section-split>.mp-section-content{order:2;}
.mp-section-split>.mp-section-footer{order:3;}
.mp-section-hero>.mp-section-header{max-width:760px;}
.mp-section-hero .mp-section-media{aspect-ratio:16/10;}
.mp-topbar-inner{gap:var(--mp-space-sm);padding-inline:var(--mp-space-sm);}
.mp-topbar-start,.mp-topbar-end{gap:var(--mp-space-sm);}
.mp-app-header{min-height:42px;padding:2px var(--mp-space-sm);}
.mp-app-header-start{gap:5px;}
.mp-app-header .mp-brand-logo{display:none;}
.mp-app-header .mp-brand-icon{display:block;}
.mp-app-header .mp-brand-logo-only .mp-brand-logo{display:block;width:auto;max-width:95px;max-height:30px;}
.mp-app-header-separator{height:22px;margin-inline:1px;}
.mp-app-context{gap:var(--mp-space-xs);}
.mp-app-context-company{max-width:90px;}
.mp-app-context-company,.mp-app-context-year{font-size:var(--mp-font-size-sm);}
.mp-page-header{align-items:flex-start;flex-direction:column;gap:5px;padding:6px 8px;}
.mp-page-heading{display:block;width:100%;}
.mp-page-title{font-size:17px;}
.mp-page-description{margin-top:2px;white-space:normal;}
.mp-page-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;}
.mp-xcarousel-content{padding:24px;}
.mp-xcarousel-content-right{align-items:flex-start;text-align:left;}
.mp-navbar-trigger{display:inline-flex;margin-left:auto;}
.mp-navbar-menu{position:fixed;top:0;bottom:0;left:0;z-index:var(--mp-z-menu);width:min(286px,88vw);margin:0;overflow:auto;overscroll-behavior:contain;background:var(--mp-menu-bg);box-shadow:var(--mp-shadow-lg);transform:translateX(-105%);transition:transform var(--mp-transition-base);}
.mp-navbar-menu.mp-show{transform:translateX(0);}
.mp-navbar-menu .mp-menu-mobile-head{display:flex;}
.mp-navbar-menu>.mp-menu{display:block;padding:5px;}
.mp-navbar-menu .mp-menu-submenu{position:static;min-width:0;margin:1px 0 3px 12px;padding:1px 0 2px 5px;border:0;border-left:1px solid var(--mp-ui-primary-border-subtle);border-radius:0;background:transparent;box-shadow:none;}
.mp-menu-mobile-only{display:block;}
.mp-menu-drawer.mp-menu-offset{top:var(--mp-space-sm);bottom:var(--mp-space-sm);left:var(--mp-space-sm);width:calc(100vw - 16px);}
.mp-menu-drawer.mp-menu-end.mp-menu-offset{left:auto;right:var(--mp-space-sm);}
.mp-grid-2,.mp-grid-3,.mp-grid-4,.mp-grid-5{--mp-grid-columns:1;}
.mp-form-row{--mp-form-columns:1;}
.mp-split,.mp-split-wide{grid-template-columns:1fr;}
.mp-split-reverse>*:first-child{order:initial;}
.mp-cta-layout{align-items:flex-start;flex-direction:column;gap:var(--mp-space-lg);}
.mp-site-header-nav{display:none;}

.mp-product-grid{--mp-product-columns:2;}
.mp-filter-row>.mp-field,.mp-filter-row>.mp-form-group{flex-basis:220px;}
.mp-d-md-none{display:none!important;}
.mp-d-md-block{display:block!important;}
.mp-flex-md-column{flex-direction:column!important;}
.mp-page-intro{padding:24px 0 30px;}
.mp-page-intro-kicker{margin-bottom:8px;font-size:var(--mp-font-size-xs);}
.mp-page-intro-title{font-size:clamp(24px,7vw,34px);line-height:var(--mp-line-height-base);}
.mp-page-intro-text{margin-top:12px;font-size:var(--mp-font-size-body-sm);line-height:var(--mp-line-height-base);}
.mp-page-intro-actions{flex-direction:column;align-items:stretch;}
.mp-page-intro-actions .mp-btn{width:100%;}
.mp-page-intro-note{padding:16px 0 0 16px;}

.mp-section-cta .mp-section-content{width:100%;min-width:0;justify-self:stretch;}
.mp-section-cta .mp-section-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;margin-top:0;}
.mp-section-cta .mp-section-actions .mp-btn{width:100%;min-width:0;min-height:44px;flex:none;justify-content:center;text-align:center;white-space:normal;}

.mp-section-shell .mp-section-title{font-size:clamp(22px,4.5vw,30px);line-height:1.18;text-wrap:balance;}

}
@media(max-width:639.98px){
.mp-section-cta{--mp-section-padding:30px;--mp-section-title-size:27px;--mp-section-description-size:13px;}

.mp-section-hero{--mp-section-title-size:clamp(30px,7vw,38px);--mp-section-description-size:14px;}
.mp-section-hero .mp-section-description{margin-top:14px;line-height:var(--mp-line-height-base);}
.mp-section-hero .mp-section-actions{gap:10px;margin-top:20px;}
.mp-section-hero .mp-section-media{border-radius:var(--mp-radius-lg);}
.mp-section-hero.mp-section-split{row-gap:20px;}
.mp-section-hero-highlights{gap:14px;padding-top:16px;}
.mp-section-hero-highlight-icon{flex-basis:36px;width:36px;height:36px;font-size:var(--mp-font-size-title);}
.mp-section-hero-highlight strong{font-size:var(--mp-font-size-sm);}
.mp-site-card-head{align-items:flex-start;flex-direction:column;}
.mp-site-card-bottom{align-items:stretch;flex-direction:column;}
.mp-site-card-bottom>.mp-btn{width:100%;}
.mp-app-context{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;line-height:var(--mp-line-height-base);}
.mp-app-context-link{min-height:0;}
.mp-app-context-company{max-width:145px;}
.mp-app-context-year{margin-top:2px;margin-left:18px;font-size:var(--mp-font-size-xs);}
.mp-app-context-separator{display:none;}
.mp-modal{--mp-modal-gap:var(--mp-space-md);}
.mp-modal-dialog{max-width:100%;}
.mp-xselect{--mp-xselect-list-max-height:200px;}
.mp-xcarousel{--mp-xcarousel-control-size:36px;}
.mp-xgallery{--mp-xgallery-thumb-size:60px;--mp-xgallery-control-size:36px;}
.mp-image-viewer{--mp-image-viewer-control-size:40px;padding:var(--mp-space-sm);}
.mp-image-viewer-img{max-width:calc(100vw - 24px);max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);}
.mp-image-viewer-caption{max-width:calc(100vw - 24px);}
.mp-image-viewer-close{top:var(--mp-space-sm);right:var(--mp-space-sm);}
.mp-image-viewer-prev{left:var(--mp-space-sm);}
.mp-image-viewer-next{right:var(--mp-space-sm);}
.mp-image-viewer-counter{bottom:var(--mp-space-sm);}
}
@media(max-width:575.98px){
.mp-site-footer-grid,.mp-steps{grid-template-columns:1fr;}
.mp-product-grid{gap:var(--mp-space-sm);}
.mp-product-card-body{padding:var(--mp-space-md);}
.mp-empty-state{padding:var(--mp-space-xl);}
.mp-form-actions{justify-content:stretch;}
.mp-form-actions>.mp-btn{flex:1 1 auto;}
.mp-d-sm-none{display:none!important;}
.mp-d-sm-block{display:block!important;}
.mp-page-intro{padding:20px 0 26px;}
.mp-page-intro-main .mp-list-inline{gap:6px;margin-bottom:8px;}
.mp-page-intro-note{gap:var(--mp-space-md);padding-left:14px;}
.mp-page-intro-note strong{font-size:var(--mp-font-size-md);}
.mp-page-intro-note p{font-size:var(--mp-font-size-ui);line-height:var(--mp-line-height-base);}
.mp-section-hero .mp-section-actions{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:419.98px){
.mp-section-cta{--mp-section-padding:26px;--mp-section-title-size:25px;}
.mp-section-cta .mp-section-actions{grid-template-columns:minmax(0,1fr);}

.mp-section-hero-highlights{grid-template-columns:1fr;}
.mp-product-grid{--mp-product-columns:1;}
.mp-section-shell .mp-section-title{font-size:clamp(19px,5.1vw,22px);line-height:1.2;}
}
/* ACCESSIBILITY */
@media(prefers-reduced-motion:reduce){
html.mp-ui-loading body::before{animation:none;}
.mp-dropdown-toggle::after,.mp-modal-backdrop.mp-show,.mp-modal.mp-show .mp-modal-content,.mp-modal.mp-modal-attention .mp-modal-dialog,.mp-block-spinner,.mp-toast.mp-show .mp-toast-content{animation:none;transition:none;}
.mp-xcarousel-slide.mp-active{animation:none!important;}
.mp-xcarousel-indicator,.mp-xcarousel-prev,.mp-xcarousel-next,.mp-xgallery-prev,.mp-xgallery-next,.mp-image-viewer-close,.mp-image-viewer-prev,.mp-image-viewer-next{transition:none;}
.mp-menu-link,.mp-menu-submenu-toggle::after,.mp-menu-trigger,.mp-menu-close,.mp-menu-drawer,.mp-navbar-menu,.mp-sidebar{transition:none;}
.mp-card-hover,.mp-progress-bar{transition:none;}
.mp-card-hover:hover{transform:none;}
}
/* ===== END: RESPONSIVE ===== */