:root{--bs-primary: #635BFF;--bs-primary-rgb: 99, 91, 255;--bs-primary-hover: #5249fe;--bs-primary-subtle: #DDDBFF;--bs-primary-bg-subtle: rgba(99, 91, 255, .1);--bs-secondary: #16CDC7;--bs-secondary-rgb: 22, 205, 199;--bs-secondary-hover: #1cc3bd;--bs-secondary-subtle: #A6F7F5;--bs-secondary-bg-subtle: rgba(22, 205, 199, .1);--bs-success: #36c76c;--bs-success-subtle: #EBFAF0;--bs-warning: #F8C20A;--bs-warning-subtle: #FFF9E5;--bs-danger: #ff6692;--bs-danger-subtle: #FFCCDB;--bs-info: #46caeb;--bs-info-subtle: rgba(70, 202, 235, .15);--theme-body-bg: #F4F7FB;--surface-white: #FFFFFF;--heading-color: #29343d;--body-color: #5a6a85;--muted-color: #7c8fac;--border-color: #e0e6eb;--border-light: #eff4fa;--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--card-radius: 12px;--card-radius-lg: 16px;--btn-radius: 8px;--input-radius: 8px;--card-shadow: 0px 2px 4px -1px rgba(175, 182, 201, .2);--card-shadow-hover: 0 10px 20px rgba(99, 91, 255, .08);--primary-glow: 0px 17px 20px -8px rgba(77, 91, 236, .28);--dropdown-shadow: rgba(145, 158, 171, .2) 0px 0px 2px 0px, rgba(145, 158, 171, .12) 0px 12px 24px -4px;--topbar-height: 72px;--mini-sidebar-width: 80px;--sub-sidebar-width: 240px;--total-sidebar-width: 320px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}body{background-color:var(--theme-body-bg);color:var(--body-color);font-size:14px;line-height:1.5;min-height:100vh;overflow-x:hidden}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-weight:700;line-height:1.25}a{color:var(--bs-primary);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.matdash-card{background:var(--surface-white);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid rgba(224,230,235,.7);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.matdash-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.matdash-card-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.matdash-card-body{padding:24px}.btn-primary{background-color:var(--bs-primary);color:#fff;border:none;border-radius:var(--btn-radius);padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 10px #635bff33}.btn-primary:hover{background-color:var(--bs-primary-hover);transform:translateY(-1px);box-shadow:var(--primary-glow)}.btn-secondary{background-color:var(--bs-secondary);color:#fff;border:none;border-radius:var(--btn-radius);padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background-color:var(--bs-secondary-hover)}.btn-outline{background:transparent;color:var(--heading-color);border:1px solid var(--border-color);border-radius:var(--btn-radius);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.btn-outline:hover{background-color:#f8fafc;border-color:var(--bs-primary);color:var(--bs-primary)}.badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.badge-primary{background-color:var(--bs-primary-subtle);color:var(--bs-primary)}.badge-secondary{background-color:var(--bs-secondary-subtle);color:#0b9e99}.badge-success{background-color:var(--bs-success-subtle);color:#1e8749}.badge-warning{background-color:var(--bs-warning-subtle);color:#b38600}.badge-danger{background-color:var(--bs-danger-subtle);color:#cf2352}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--heading-color);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;font-size:14px;color:var(--heading-color);background-color:#fff;border:1px solid var(--border-color);border-radius:var(--input-radius);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{border-color:var(--bs-primary);box-shadow:0 0 0 3px #635bff26}.matdash-table{width:100%;border-collapse:collapse}.matdash-table th{text-align:left;padding:14px 16px;font-size:13px;font-weight:700;color:var(--muted-color);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.matdash-table td{padding:14px 16px;font-size:14px;color:var(--heading-color);border-bottom:1px solid var(--border-light);vertical-align:middle}.matdash-table tr:hover td{background-color:#f8fafc}.main-page-wrapper{margin-left:320px;flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh;transition:margin-left .2s ease-in-out}@media (max-width: 991.98px){.main-page-wrapper{margin-left:0!important}}.d-none{display:none!important}.d-flex{display:flex!important}.d-block{display:block!important}.d-inline-flex{display:inline-flex!important}@media (min-width: 576px){.d-sm-inline{display:inline!important}.d-sm-flex{display:flex!important}.d-sm-none{display:none!important}}@media (min-width: 768px){.d-md-flex{display:flex!important}.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (min-width: 992px){.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.d-lg-block{display:block!important}}