.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7 form{position:relative}.wpcf7 form>div,.wpcf7 form>p{margin-bottom:1.2em}.wpcf7 .wpcf7-form-control-wrap{width:100%;display:block}.wpcf7 input:not([type=submit]):focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--ast-border-color);outline:0}.wpcf7 input:not([type=submit]),.wpcf7 select,.wpcf7 textarea{width:100%;padding:.75em}.wpcf7 input[type=file]{color:#666;height:auto;border-width:1px;border-style:solid;border-color:var(--ast-border-color);border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{display:inline-block;background:#e9eef2;color:#555;clear:none;cursor:pointer;line-height:0;height:1.2em;margin:-3px 4px 0 0;outline:0;padding:0;border-radius:.2em;text-align:center;vertical-align:middle;width:1.4em;min-width:1.4em;transition:all .2s linear}:root {
--cookieadmin-primary-color: #001d39;
--cookieadmin-primary-hover-color: #985e23;
--cookieadmin-secondary-color: #0046b2;
--cookieadmin-secondary-hover-color: #0065ff;
--cookieadmin-txcolor: #0f172a;
--cookieadmin-green-txtcolor: #3a8356;
--cookieadmin-warning-txtcolor: #9c7930;
--cookieadmin-red-txtcolor: #b55355;
--cookieadmin-green-color: #15a448;
--cookieadmin-warning-color: #e9b306;
--cookieadmin-red-color: #dd2727;
}  .cookieadmin-postbox-container { 
max-width: 92vw;
float: unset;
margin: 10px;
}
.cookieadmin_cookie_modal label, .cookieadmin_cookie_modal input {
padding: 5px;
margin-right: 5px;
font-size: 15px;
}
.cookieadmin_cookie_modal label{
font-weight: 501;
}
.cookieadmin_bottom{
bottom:20px;
}
.cookieadmin_top{
top: 20px;
}
.cookieadmin_right{
right: 15px;
}
.cookieadmin_left{
left:15px;
} @keyframes cookieadmin_slideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes cookieadmin_slideSide {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
} .cookieadmin_consent-header{
display: flex;
background: #12625f4d;
color: black;
padding: 12px;
box-sizing: border-box;
margin: 4px;
align-items: center;
justify-content: space-between;
}
.cookieadmin_consent-contents {
display: flex;
margin: 0px 5px;
}
.cookieadmin_consent_settings {
display: flex;
width: 100%;
flex-direction: column;
background: #ffffff; }
.cookieadmin-contents {
width: 100%;
}
.cookieadmin-setting {
display: flex;
padding: 6px 0px;
justify-content: flex-start;
}
.cookieadmin-setting-head {
width: 100%;
padding: 5px;
align-content: center;
}
.cookieadmin-setting-contents {
align-items: baseline;
padding: 5px;
margin: 5px;
}
.cookieadmin-setting-results {
align-items: baseline;
padding: 5px;
margin: 5px;
width: 80%;
}
.cookieadmin-button{
padding: 5px;
row-gap: 5px;
}  .cookieadmin_law_container{
position: fixed;
width: 25%;
box-sizing: border-box;
z-index: 99999;
display: none;
}
.cookieadmin_consent_btns{
align-content: center;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.cookieadmin_box{ width: 25%;
box-sizing: border-box;
display: none;
}
.cookieadmin_notice_group{
display: flex;
flex-direction: column;
gap: 10px; align-items: flex-start;
}
.cookieadmin_consent_inside{
color: black;
background-color: #FFFFFF;
border: 1px solid #f4f4f4;
padding:15px;
border-radius: 4px;
box-shadow:1px 3px 10px rgba(0, 0, 0, 0.2);
}
#cookieadmin_notice_title{
font-weight: 601;
margin: 0px;
padding-left: 5px;
}
.cookieadmin_notice_con{
font-size: initial;
padding: 0px 6px;
flex: 1;
}
.cookieadmin_cookie_modal{
display: none;
flex-direction: column;
position: fixed;
max-height: 80vh;
background-color: #FFFFFF;
border: 1px solid #F4F4F4;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
z-index: 999999;
}
.cookieadmin_center{
top: 10%;
left: 22%;
max-width: 60vw;
}
.cookieadmin_side{
flex-direction: column;
position: fixed;
width: 35vw;
bottom: 0px;
animation: 0.5s ease-out forwards cookieadmin_slideSide;
max-height: 100vh;
left: 0px;
top: 0px;
border-radius: 0px;
}
.cookieadmin_down{
position: fixed;
max-width: 100%;
max-height: 55vh;
bottom: 0px;
animation: 0.5s ease-out forwards cookieadmin_slideUp;
}
.cookieadmin_modal_overlay{
display: none; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); 
z-index: 1000;
}
.cookieadmin_mod_head{
display: flex;
justify-content: space-between;
}
.cookieadmin_mod_head, .cookieadmin_wrapper{
padding: 15px;
border-bottom: 1px solid #CCCCCC;
}
.cookieadmin_close_pref{
background: none;
border: none;
align-self: baseline;
color: gray;
cursor: pointer;
padding: 0px;
}
.cookieadmin_preference_title{
font-size: 20px;
font-weight: 801;
margin: 9px;
}
.cookieadmin_preference_details{
padding: 0px 10px;
}
.cookieadmin_preference{
overflow: hidden;
height: 83px;
font-size: 15px;
}
.cookieadmin_showmore{
background: none;
border: none;
color: #1863dc;
padding: 0px;
cursor: pointer;
}
.cookieadmin_details_wrapper{
padding: 15px;
height: calc(100% - 6%);
overflow: auto;
scrollbar-width: thin;
}
.cookieadmin_types{
padding: 10px 10px;
border-top: 1px solid #CCCCCC;
}
.cookieadmin_header{
display: flex;
justify-content: space-between;
}
.cookieadmin_header > span > label{
cursor:pointer;
}
.cookieadmin_remark{
display:none;
justify-self:right;
}
.cookieadmin_act{
display: inline;
color: #1863dc;
}
.cookieadmin-nece-cookies{
display:none;
padding:1px;
border-radius: 10px;
margin: 0px 20px;
margin-right: 4rem;
font-size: smaller;
font-size: 1rem;
text-align: center;
}
.cookieadmin_desc{
padding:5px 20px;
font-size: 15px;
padding-right: 4rem;
}
.cookieadmin_footer{
left: 0px;
padding: 15px;
flex-wrap: wrap;
width: 100%;
}
.cookieadmin_modal_footer{
left: 0px;
padding: 15px;
flex-wrap: wrap;
border-top: 1px solid #CCCCCC;
}
.cookieadmin_btn{
background-color: transparent;
border: 1px solid gray;
color: #1863dc;
padding: 0.4rem 0.9rem;
border-radius: 4px;
margin: 2px 5px;
cursor: pointer;
flex: auto;
text-wrap: auto;
}
.cookieadmin_btn:hover{
opacity: 0.8;
}
.cookieadmin_show_pref_cookies{
cursor: pointer;
font-size: 18px;
}
.cookieadmin_re_consent{
display: none;
position: fixed;
bottom: 15px;
left: 15px;
background: linear-gradient(to left, rgb(0, 51, 204) 0%, rgb(102, 102, 255) 100%);
height: 50px;
width: 50px;
border-radius: 50% !important;
cursor: pointer;
border: 0px;
z-index: 99999;
padding: 5px !important;
}
.cookieadmin-cookie-card {
background: ghostwhite;
border-radius: 10px;
padding: 16px;
font-family: 'Open Sans', 'Segoe UI', sans-serif;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
margin: 10px auto;
text-align: left;
}
.cookieadmin-cookie-header {
display: flex;
justify-content: space-between;
font-size: 1rem;
margin-bottom: 6px;
}
.cookieadmin-cookie-name {
font-weight: bold;
color: #333;
}
.cookieadmin-cookie-duration {
font-size: 0.85rem;
}
.cookieadmin-cookie-duration > b {
font-weight: bold;
}
.cookieadmin-cookie-description {
font-size: 0.9rem;
margin-bottom: 12px;
}
.cookieadmin-cookie-tags {
display: flex;
gap: 8px;
}
.cookieadmin-tag {
background: #e0e0e0;
padding: 4px 10px;
border-radius: 12px;
font-size: 0.75rem;
color: #333;
}  .cookieadmin_toggle, .cookieadmin_toggle_disabled {
position: relative;
display: inline-block;
width: 24px;
height: 11px;
} .cookieadmin_toggle input, .cookieadmin_toggle_disabled input {
display: none;
} .cookieadmin_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 21px;
width: 34px;
background-color: gray;
transition: .4s;
border-radius: 34px;
} .cookieadmin_slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 3.2px;
bottom: 3.2px;
background-color: white;
transition: .2s;
border-radius: 50%;
} input:checked+.cookieadmin_slider {
background-color: #3582c4;
} input:checked+.cookieadmin_slider:before {
transform: translateX(13px);
}
input:disabled+.cookieadmin_slider {
background-color: #3582c4;
}
input:disabled+.cookieadmin_slider:before {
transform: translateX(13px);
} .cookieadmin-poweredby{
margin-top: 10px;
}
.cookieadmin-poweredby a img{
height: 15px;
}
.cookieadmin-poweredby a{
color : unset;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-size: 11px;
gap: 2px;
text-decoration: none;
}
.cookieadmin_modal_footer .cookieadmin-poweredby a{
justify-content: end;
} @media (max-width: 767px) {
.cookieadmin_center{
top: 10%;
left: 5%;
max-width: 90vw;
}
.cookieadmin_show_pref_cookies{
font-size: 14px;
}
.cookieadmin_law_container, .cookieadmin_box{
width: 90%;
}
.cookieadmin_side{
width: 100%;
}
} @media (min-width: 768px) and (max-width: 991px) {
.cookieadmin_box{
width: 45%;
}
} @media (min-width: 992px) and (max-width: 1199px) {
.cookieadmin_box{
width: 35%;
}
} @media (min-width: 1200px) and (max-width: 1360px) {
.cookieadmin_box{
width: 30%;
}
} @media (min-width: 768px) {
.cookieadmin_notice_group {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.cookieadmin_notice_con {
flex: 1; }
.cookieadmin_consent_btns {
flex-shrink: 0;
}
}
@media (max-width:480px){
.cookieadmin_consent_inside .cookieadmin_btn {
width: 100%;
margin: 5px 0;
}
.cookieadmin_modal_footer{
padding: 8px;
}
}@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");
:root {
--mtti-primary:#2E7D32;--mtti-primary-dark:#1B5E20;--mtti-primary-light:#43A047;--mtti-primary-xl:#E8F5E9;
--mtti-secondary:#1565C0;--mtti-accent:#FF8F00;--mtti-success:#2E7D32;--mtti-warning:#E65100;--mtti-danger:#C62828;
--sidebar-width:250px;--header-h:56px;
--bg-page:#EFF4EF;--bg-card:#FFF;--bg-subtle:#F7FAF7;--border:#DDE8DD;
--text-1:#1A2B1A;--text-2:#4A5E4A;--text-3:#7A907A;
--shadow-sm:0 1px 4px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);
--shadow-md:0 4px 20px rgba(0,0,0,.09),0 1px 4px rgba(0,0,0,.04);
--shadow-lg:0 8px 32px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.06);
--r-sm:6px;--r-md:10px;--r-lg:16px;--ease:.2s ease;
--text-primary:var(--text-1);--text-secondary:var(--text-2);--text-muted:var(--text-3);
--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);
--primary:var(--mtti-primary);--primary-xl:var(--mtti-primary-xl);--secondary:var(--mtti-secondary);
--accent:var(--mtti-accent);--danger:var(--mtti-danger);
}
[data-theme="dark"]{--bg-page:#0D1A0D;--bg-card:#152015;--bg-subtle:#1C2C1C;--border:#283828;--text-1:#E4F1E4;--text-2:#9FC09F;--text-3:#658065;--shadow-sm:0 1px 4px rgba(0,0,0,.35),0 4px 16px rgba(0,0,0,.25);--shadow-md:0 4px 20px rgba(0,0,0,.45);--shadow-lg:0 8px 32px rgba(0,0,0,.6);} #mtti-portal,#mtti-portal *,.mtti-portal-login,.mtti-portal-login *,.mtti-portal-not-enrolled,.mtti-portal-not-enrolled *{visibility:visible!important;opacity:1!important;box-sizing:border-box!important;}
#mtti-portal{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:14px!important;line-height:1.6!important;color:var(--text-1)!important;background:var(--bg-page)!important;min-height:100vh!important;display:block!important;width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%)!important;overflow-x:hidden!important;position:relative!important;z-index:10!important;padding:0!important;margin-top:0!important;margin-bottom:0!important;}  .entry-content:has(#mtti-portal),.page-content:has(#mtti-portal),article:has(#mtti-portal),.site-content:has(#mtti-portal),.content-area:has(#mtti-portal),.ast-container:has(#mtti-portal),.site-main:has(#mtti-portal){max-width:none!important;padding:0!important;margin:0!important;width:100%!important;}
.entry-header:has(~ .entry-content #mtti-portal){display:none!important;} body.mtti-portal-active .entry-content,
body.mtti-portal-active .ast-container,
body.mtti-portal-active .content-area,
body.mtti-portal-active .site-content,
body.mtti-portal-active #content,
body.mtti-portal-active .site-main,
body.mtti-portal-active .ast-separate-container,
body.mtti-portal-active article.ast-article-single,
body.mtti-portal-active .ast-article-single .entry-content{
max-width:none!important;padding:0!important;margin:0!important;width:100%!important;
}
body.mtti-portal-active .entry-header,
body.mtti-portal-active .ast-article-single .entry-header,
body.mtti-portal-active .post-navigation,
body.mtti-portal-active .ast-single-post-order,
body.mtti-portal-active .entry-footer{display:none!important;}
body.mtti-portal-active #primary{padding:0!important;margin:0!important;max-width:100%!important;width:100%!important;float:none!important;}
body.mtti-portal-active .ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important;} .mtti-portal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;background:linear-gradient(135deg,#1B5E20,#2E7D32)!important;color:white!important;padding:0 22px!important;height:var(--header-h)!important;box-shadow:0 2px 12px rgba(0,0,0,.22)!important;gap:14px!important;width:100%!important;position:sticky!important;top:0!important;z-index:200!important;flex-wrap:nowrap!important;}
.mtti-portal-logo{display:flex!important;align-items:center!important;gap:11px!important;flex-shrink:0!important;}
.mtti-portal-logo img{width:36px!important;height:36px!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.45)!important;display:block!important;}
.mtti-portal-title h1{margin:0!important;font-size:15px!important;font-weight:700!important;color:white!important;}
.mtti-portal-motto{font-size:10px!important;opacity:.72!important;font-style:italic!important;display:block!important;color:white!important;}
.mtti-header-right{display:flex!important;align-items:center!important;gap:9px!important;}
.mtti-portal-user{display:flex!important;align-items:center!important;gap:9px!important;}
.mtti-user-info{text-align:right!important;}
.mtti-user-name{display:block!important;font-weight:600!important;font-size:13px!important;color:white!important;line-height:1.2!important;}
.mtti-user-id{display:block!important;font-size:10px!important;opacity:.78!important;color:white!important;}
.mtti-portal-user img,.mtti-user-avatar img{border-radius:50%!important;border:2px solid rgba(255,255,255,.55)!important;width:34px!important;height:34px!important;}
.mtti-icon-btn{background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.22)!important;color:white!important;width:33px!important;height:33px!important;border-radius:50%!important;cursor:pointer!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important;padding:0!important;font-family:inherit!important;}
.mtti-icon-btn:hover{background:rgba(255,255,255,.27)!important;} .mtti-notif-wrap{position:relative!important;display:inline-flex!important;}
.mtti-notif-badge{position:absolute!important;top:-3px!important;right:-3px!important;background:#E53935!important;color:white!important;font-size:8px!important;font-weight:700!important;width:15px!important;height:15px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid white!important;pointer-events:none!important;}
.mtti-notif-dropdown{position:absolute!important;top:42px!important;right:0!important;width:330px!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-lg)!important;z-index:9999!important;display:none!important;overflow:hidden!important;}
.mtti-notif-dropdown.open{display:block!important;}
.mtti-notif-hdr{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:13px 15px!important;border-bottom:1px solid var(--border)!important;}
.mtti-notif-hdr strong{font-size:13px!important;color:var(--text-1)!important;}
.mtti-notif-mark-all{font-size:11px!important;color:var(--mtti-secondary)!important;background:none!important;border:none!important;cursor:pointer!important;padding:0!important;font-family:inherit!important;}
.mtti-notif-scroll{max-height:310px!important;overflow-y:auto!important;}
.mtti-notif-item{display:flex!important;gap:10px!important;padding:11px 15px!important;border-bottom:1px solid var(--border)!important;cursor:pointer!important;}
.mtti-notif-item:hover{background:var(--bg-subtle)!important;}
.mtti-notif-item.unread{background:rgba(46,125,50,.05)!important;}
.mtti-notif-dot{width:7px!important;height:7px!important;border-radius:50%!important;flex-shrink:0!important;margin-top:5px!important;background:var(--text-3)!important;}
.notif-success{background:#43A047!important;}.notif-warning{background:#FF8F00!important;}.notif-danger{background:#C62828!important;}.notif-info{background:#1565C0!important;}
.mtti-notif-text{flex:1!important;min-width:0!important;}
.mtti-notif-text strong{display:block!important;font-size:12px!important;color:var(--text-1)!important;margin-bottom:2px!important;}
.mtti-notif-text span{font-size:11px!important;color:var(--text-2)!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.mtti-notif-time{font-size:10px!important;color:var(--text-3)!important;white-space:nowrap!important;}
.mtti-notif-empty{padding:28px 20px!important;text-align:center!important;color:var(--text-3)!important;font-size:13px!important;} .mtti-portal-container{display:flex!important;flex-direction:row!important;min-height:calc(100vh - var(--header-h))!important;width:100%!important;}
.mtti-portal-sidebar{width:var(--sidebar-width)!important;min-width:var(--sidebar-width)!important;max-width:var(--sidebar-width)!important;background:linear-gradient(180deg,#1B5E20 0%,#2E7D32 55%,#388E3C 100%)!important;display:flex!important;flex-direction:column!important;padding:14px 0!important;flex-shrink:0!important;position:sticky!important;top:var(--header-h)!important;height:calc(100vh - var(--header-h))!important;overflow-y:auto!important;overflow-x:hidden!important;}
.menu-icon{font-size:15px!important;flex-shrink:0!important;width:22px!important;display:inline-block!important;text-align:center!important;}
.mtti-portal-menu{list-style:none!important;margin:0!important;padding:6px 0!important;flex:1!important;}
.mtti-portal-menu li{margin:0!important;list-style:none!important;}
.mtti-portal-menu a{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 18px!important;color:rgba(255,255,255,.76)!important;text-decoration:none!important;transition:all var(--ease)!important;border-left:3px solid transparent!important;font-size:13px!important;font-weight:500!important;}
.mtti-portal-menu a:hover{background:rgba(255,255,255,.13)!important;color:white!important;border-left-color:rgba(255,255,255,.38)!important;}
.mtti-portal-menu li.active a{background:rgba(255,255,255,.19)!important;color:white!important;border-left-color:white!important;font-weight:700!important;}
.mtti-portal-logout{padding:11px 18px!important;border-top:1px solid rgba(255,255,255,.14)!important;}
.mtti-portal-logout a{color:rgba(255,255,255,.62)!important;text-decoration:none!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:6px!important;}
.mtti-portal-logout a:hover{color:rgba(255,150,150,.9)!important;}
.mtti-portal-main{flex:1!important;padding:26px!important;overflow-y:auto!important;background:var(--bg-page)!important;min-width:0!important;}
.mtti-page-title{margin:0 0 22px!important;font-size:21px!important;font-weight:700!important;color:var(--text-1)!important;} .mtti-stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:14px!important;margin-bottom:24px!important;}
.mtti-stat-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:17px!important;display:flex!important;align-items:center!important;gap:13px!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow var(--ease),transform var(--ease)!important;}
.mtti-stat-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important;}
.mtti-stat-icon{font-size:27px!important;}
.mtti-stat-content{display:flex!important;flex-direction:column!important;}
.mtti-stat-value{font-size:21px!important;font-weight:700!important;line-height:1!important;color:var(--text-1)!important;}
.mtti-stat-label{font-size:11px!important;color:var(--text-3)!important;margin-top:2px!important;font-weight:500!important;}
.mtti-stat-card.warning .mtti-stat-value{color:var(--mtti-warning)!important;}
.mtti-stat-card.success .mtti-stat-value{color:var(--mtti-success)!important;}
.mtti-stat-card.info .mtti-stat-value{color:var(--mtti-secondary)!important;} .mtti-progress-ring-wrap{display:flex!important;align-items:center!important;gap:22px!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:18px!important;box-shadow:var(--shadow-sm)!important;margin-bottom:18px!important;flex-wrap:wrap!important;}
.mtti-ring-svg{flex-shrink:0!important;transform:rotate(-90deg)!important;}
.mtti-ring-track{fill:none!important;stroke:var(--border)!important;stroke-width:8!important;}
.mtti-ring-fill{fill:none!important;stroke:var(--mtti-primary)!important;stroke-width:8!important;stroke-linecap:round!important;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)!important;}
.mtti-ring-label{dominant-baseline:central!important;text-anchor:middle!important;transform:rotate(90deg)!important;transform-origin:50px 50px!important;}
.mtti-ring-pct{font-size:16px!important;font-weight:700!important;fill:var(--text-1)!important;}
.mtti-ring-sub{font-size:8px!important;fill:var(--text-3)!important;}
.mtti-ring-info{flex:1!important;min-width:180px!important;}
.mtti-ring-info h3{margin:0 0 4px!important;font-size:14px!important;color:var(--text-1)!important;}
.mtti-ring-info p{margin:0!important;font-size:12px!important;color:var(--text-3)!important;}
.mtti-progress-bar{height:6px!important;background:var(--border)!important;border-radius:4px!important;overflow:hidden!important;margin:7px 0!important;}
.mtti-progress-fill{height:100%!important;background:linear-gradient(90deg,var(--mtti-primary),var(--mtti-primary-light))!important;border-radius:4px!important;transition:width 1s ease!important;} .mtti-goal-widget{background:linear-gradient(135deg,#1B5E20,#2E7D32)!important;border-radius:var(--r-md)!important;padding:16px 18px!important;color:white!important;margin-bottom:18px!important;}
.mtti-goal-widget h3{margin:0 0 8px!important;font-size:14px!important;font-weight:700!important;color:white!important;}
.mtti-goal-input-row{display:flex!important;gap:7px!important;}
.mtti-goal-input{flex:1!important;padding:8px 12px!important;border-radius:var(--r-sm)!important;border:1px solid rgba(255,255,255,.3)!important;background:rgba(255,255,255,.15)!important;color:white!important;font-size:13px!important;font-family:inherit!important;outline:none!important;}
.mtti-goal-input::placeholder{color:rgba(255,255,255,.55)!important;}
.mtti-goal-btn{padding:8px 14px!important;background:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.3)!important;color:white!important;border-radius:var(--r-sm)!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;font-family:inherit!important;}
.mtti-goal-text{font-size:15px!important;font-weight:600!important;margin-bottom:8px!important;}
.mtti-goal-progress-bar{height:6px!important;background:rgba(255,255,255,.25)!important;border-radius:4px!important;overflow:hidden!important;margin-bottom:8px!important;}
.mtti-goal-progress-fill{height:100%!important;background:white!important;border-radius:4px!important;}
.mtti-goal-status{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:12px!important;opacity:.85!important;}
.mtti-payment-reminder{background:linear-gradient(135deg,#FFF3E0,#FFE0B2)!important;border-left:4px solid var(--mtti-accent)!important;border-radius:var(--r-md)!important;padding:15px 18px!important;margin-bottom:18px!important;display:flex!important;align-items:center!important;gap:13px!important;flex-wrap:wrap!important;} .mtti-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;}
.mtti-dashboard-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:18px!important;box-shadow:var(--shadow-sm)!important;}
.mtti-dashboard-card.full-width{grid-column:1 / -1!important;}
.mtti-dashboard-card h3{margin:0 0 14px!important;font-size:11px!important;font-weight:700!important;color:var(--text-3)!important;text-transform:uppercase!important;letter-spacing:.09em!important;}
.mtti-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:18px!important;box-shadow:var(--shadow-sm)!important;margin-bottom:14px!important;} .mtti-badge{display:inline-block!important;padding:2px 9px!important;background:var(--mtti-primary)!important;color:white!important;font-size:10px!important;font-weight:700!important;border-radius:20px!important;text-transform:uppercase!important;}
.mtti-status-badge{display:inline-block!important;padding:2px 9px!important;font-size:11px!important;font-weight:600!important;border-radius:20px!important;background:var(--bg-subtle)!important;color:var(--text-3)!important;}
.mtti-status-badge.submitted,.mtti-status-badge.completed{background:#E8F5E9!important;color:var(--mtti-success)!important;}
.mtti-status-badge.pending{background:#FFF3E0!important;color:var(--mtti-warning)!important;}
.mtti-status-badge.overdue{background:#FFEBEE!important;color:var(--mtti-danger)!important;}
.mtti-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 19px!important;font-size:13px!important;font-weight:600!important;border:none!important;border-radius:var(--r-sm)!important;cursor:pointer!important;text-decoration:none!important;transition:all var(--ease)!important;font-family:inherit!important;line-height:1.4!important;}
.mtti-btn-primary{background:var(--mtti-primary)!important;color:white!important;box-shadow:0 2px 8px rgba(46,125,50,.25)!important;}
.mtti-btn-primary:hover{background:var(--mtti-primary-dark)!important;color:white!important;}
.mtti-btn-secondary{background:var(--bg-subtle)!important;color:var(--text-2)!important;border:1px solid var(--border)!important;}
.mtti-btn-secondary:hover{background:var(--border)!important;color:var(--text-1)!important;} .grade-a{color:var(--mtti-success)!important;background:rgba(46,125,50,.1)!important;padding:2px 9px!important;border-radius:20px!important;font-weight:700!important;font-size:11px!important;}
.grade-b{color:var(--mtti-secondary)!important;background:rgba(21,101,192,.1)!important;padding:2px 9px!important;border-radius:20px!important;font-weight:700!important;font-size:11px!important;}
.grade-c,.grade-p{color:var(--mtti-warning)!important;background:rgba(230,81,0,.1)!important;padding:2px 9px!important;border-radius:20px!important;font-weight:700!important;font-size:11px!important;}
.grade-d,.grade-r{color:var(--mtti-danger)!important;background:rgba(211,47,47,.1)!important;padding:2px 9px!important;border-radius:20px!important;font-weight:700!important;font-size:11px!important;} .mtti-results-list,.mtti-notices-list{display:flex!important;flex-direction:column!important;gap:7px!important;}
.mtti-result-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:9px 12px!important;background:var(--bg-subtle)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;}
.mtti-result-unit{font-size:13px!important;font-weight:500!important;color:var(--text-1)!important;}
.mtti-result-grade{font-weight:700!important;padding:2px 9px!important;border-radius:20px!important;font-size:11px!important;}
.mtti-notice-item{padding:11px 13px!important;background:var(--bg-subtle)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;border-left:3px solid var(--mtti-primary)!important;margin-bottom:7px!important;}
.mtti-notice-item strong{display:block!important;margin-bottom:3px!important;font-size:13px!important;color:var(--text-1)!important;}
.mtti-notice-item p{margin:0!important;font-size:12px!important;color:var(--text-3)!important;} .mtti-table{width:100%!important;border-collapse:collapse!important;background:var(--bg-card)!important;border-radius:var(--r-md)!important;overflow:hidden!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--border)!important;}
.mtti-table thead{background:var(--mtti-primary)!important;color:white!important;}
.mtti-table th,.mtti-table td{padding:11px 15px!important;text-align:left!important;border-bottom:1px solid var(--border)!important;font-size:13px!important;color:var(--text-1)!important;}
.mtti-table th{color:white!important;}
.mtti-table tbody tr:hover{background:var(--bg-subtle)!important;} .mtti-empty-state{text-align:center!important;padding:48px 20px!important;color:var(--text-3)!important;}
.mtti-empty-state span{font-size:48px!important;display:block!important;margin-bottom:14px!important;}
.mtti-empty-state h3{color:var(--text-2)!important;margin-bottom:7px!important;} .mtti-units-accordion{display:flex!important;flex-direction:column!important;gap:7px!important;}
.mtti-unit-item{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;padding:13px 15px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-shadow:var(--shadow-sm)!important;flex-wrap:wrap!important;gap:9px!important;}
.mtti-unit-name{flex:1!important;min-width:150px!important;font-size:13px!important;color:var(--text-1)!important;}
.mtti-unit-grade{font-weight:700!important;padding:2px 9px!important;border-radius:4px!important;font-size:12px!important;}
.mtti-completed-badge{color:var(--mtti-success)!important;font-size:12px!important;} .mtti-payment-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:14px!important;margin-bottom:24px!important;}
.mtti-summary-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:18px!important;text-align:center!important;box-shadow:var(--shadow-sm)!important;}
.mtti-summary-card span{display:block!important;font-size:12px!important;color:var(--text-3)!important;margin-bottom:5px!important;}
.mtti-summary-card strong{font-size:18px!important;font-weight:700!important;color:var(--text-1)!important;}
.mtti-summary-card.success strong{color:var(--mtti-success)!important;}
.mtti-summary-card.warning strong{color:var(--mtti-warning)!important;}
.mtti-payment-instructions{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:22px!important;box-shadow:var(--shadow-sm)!important;margin-top:22px!important;}
.mtti-instructions-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:18px!important;}
.mtti-instruction-card{background:var(--bg-subtle)!important;border-radius:var(--r-sm)!important;padding:18px!important;}
.mtti-instruction-card h4{margin:0 0 12px!important;color:var(--mtti-primary)!important;}
.mtti-instruction-card ol{margin:0!important;padding-left:17px!important;}
.mtti-instruction-card li{margin-bottom:6px!important;color:var(--text-2)!important;font-size:13px!important;} .mtti-profile-grid{display:grid!important;grid-template-columns:230px 1fr!important;gap:22px!important;}
.mtti-profile-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:26px!important;text-align:center!important;box-shadow:var(--shadow-sm)!important;height:fit-content!important;}
.mtti-profile-card img{width:88px!important;height:88px!important;border-radius:50%!important;margin-bottom:13px!important;border:3px solid var(--border)!important;}
.mtti-profile-card h3{margin:0 0 3px!important;color:var(--text-1)!important;}
.mtti-profile-card p{color:var(--text-3)!important;margin:0 0 11px!important;font-size:13px!important;}
.mtti-profile-details{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:26px!important;box-shadow:var(--shadow-sm)!important;}
.mtti-profile-details h3{margin:0 0 16px!important;padding-bottom:9px!important;border-bottom:1px solid var(--border)!important;color:var(--text-1)!important;}
.mtti-detail-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:13px!important;margin-bottom:22px!important;}
.mtti-detail-grid div{padding:7px 0!important;color:var(--text-1)!important;font-size:13px!important;}
.mtti-detail-grid strong{color:var(--text-3)!important;display:block!important;font-size:10px!important;margin-bottom:2px!important;text-transform:uppercase!important;} .mtti-notices-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important;gap:18px!important;}
.mtti-notice-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:18px!important;box-shadow:var(--shadow-sm)!important;border-left:4px solid var(--mtti-primary)!important;}
.mtti-notice-card.priority-high,.mtti-notice-card.priority-urgent{border-left-color:var(--mtti-danger)!important;}
.mtti-notice-header{display:flex!important;justify-content:space-between!important;margin-bottom:9px!important;}
.mtti-notice-category{font-size:10px!important;color:var(--text-3)!important;text-transform:uppercase!important;}
.mtti-priority-badge{background:var(--mtti-danger)!important;color:white!important;padding:2px 7px!important;border-radius:10px!important;font-size:9px!important;font-weight:700!important;}
.mtti-notice-card h3{margin:0 0 9px!important;font-size:14px!important;color:var(--text-1)!important;}
.mtti-notice-content{color:var(--text-2)!important;font-size:13px!important;line-height:1.7!important;}
.mtti-notice-footer{margin-top:13px!important;font-size:11px!important;color:var(--text-3)!important;} .mtti-calendar-wrap{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:18px!important;box-shadow:var(--shadow-sm)!important;}
.mtti-cal-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important;}
.mtti-cal-nav h3{font-size:15px!important;font-weight:700!important;color:var(--text-1)!important;margin:0!important;}
.mtti-cal-nav-btn{background:var(--bg-subtle)!important;border:1px solid var(--border)!important;color:var(--text-2)!important;width:30px!important;height:30px!important;border-radius:50%!important;cursor:pointer!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:inherit!important;}
.mtti-cal-nav-btn:hover{background:var(--mtti-primary)!important;color:white!important;border-color:var(--mtti-primary)!important;}
.mtti-cal-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:3px!important;}
.mtti-cal-header{text-align:center!important;font-size:9px!important;font-weight:700!important;color:var(--text-3)!important;text-transform:uppercase!important;padding:5px 0!important;}
.mtti-cal-day{min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;border-radius:var(--r-sm)!important;color:var(--text-2)!important;cursor:pointer!important;}
.mtti-cal-day:hover{background:var(--bg-subtle)!important;}
.mtti-cal-day.today{background:var(--mtti-primary)!important;color:white!important;font-weight:700!important;}
.mtti-cal-day.selected{background:var(--mtti-primary-xl)!important;border:1px solid var(--mtti-primary-light)!important;}
.mtti-cal-day.other-month{opacity:.28!important;}
.mtti-cal-day.has-event::after{content:''!important;width:4px!important;height:4px!important;border-radius:50%!important;background:var(--mtti-accent)!important;position:absolute!important;bottom:2px!important;}
.mtti-cal-legend{display:flex!important;gap:13px!important;margin-top:13px!important;flex-wrap:wrap!important;}
.mtti-cal-legend-item{display:flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;color:var(--text-3)!important;}
.mtti-cal-legend-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important;}
.mtti-event-item{display:flex!important;align-items:center!important;gap:9px!important;padding:8px 11px!important;background:var(--bg-subtle)!important;border-radius:var(--r-sm)!important;margin-bottom:5px!important;border-left:3px solid var(--mtti-primary)!important;}
.mtti-event-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important;background:var(--text-3)!important;}
.event-assignment{background:var(--mtti-danger)!important;}.event-class{background:var(--mtti-primary-light)!important;}.event-notice{background:var(--mtti-secondary)!important;}.event-fee{background:var(--mtti-warning)!important;}
.mtti-event-text{flex:1!important;min-width:0!important;}
.mtti-event-text strong{display:block!important;font-size:13px!important;color:var(--text-1)!important;}
.mtti-event-text span{font-size:11px!important;color:var(--text-3)!important;} .mtti-leaderboard{display:flex!important;flex-direction:column!important;gap:5px!important;}
.mtti-lb-row{display:flex!important;align-items:center!important;gap:11px!important;padding:10px 13px!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;font-size:13px!important;}
.mtti-lb-row.you{background:var(--mtti-primary-xl)!important;border-color:var(--mtti-primary-light)!important;}
.mtti-lb-rank{font-weight:700!important;min-width:26px!important;color:var(--text-3)!important;font-size:12px!important;}
.mtti-lb-avatar{font-size:18px!important;}
.mtti-lb-name{flex:1!important;font-weight:500!important;color:var(--text-1)!important;}
.mtti-lb-score{font-weight:700!important;color:var(--mtti-primary)!important;}
.mtti-lb-you-tag{background:white!important;color:var(--mtti-primary)!important;padding:1px 6px!important;border-radius:10px!important;font-size:9px!important;font-weight:700!important;margin-left:5px!important;}
.mtti-live-badge{background:var(--mtti-danger)!important;color:white!important;padding:3px 8px!important;border-radius:20px!important;font-size:10px!important;font-weight:700!important;animation:mtti-pulse 1.5s infinite!important;}
@keyframes mtti-pulse{0%,100%{opacity:1}50%{opacity:.6}} .mtti-chat-page .mtti-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;padding:18px!important;box-shadow:var(--shadow-sm)!important;}
.mtti-chat-textarea{width:100%!important;padding:10px 13px!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;background:var(--bg-subtle)!important;color:var(--text-1)!important;font-size:13px!important;font-family:inherit!important;resize:vertical!important;outline:none!important;}
.mtti-chat-textarea:focus{border-color:var(--mtti-primary)!important;box-shadow:0 0 0 3px rgba(46,125,50,.1)!important;}
.mtti-chat-input{flex:1!important;padding:8px 12px!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;background:var(--bg-subtle)!important;color:var(--text-1)!important;font-size:12px!important;font-family:inherit!important;outline:none!important;}
.mtti-chat-input:focus{border-color:var(--mtti-primary)!important;}
.mtti-threads-list{display:flex!important;flex-direction:column!important;gap:14px!important;}
.mtti-thread-meta{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:8px!important;flex-wrap:wrap!important;}
.mtti-thread-author{font-size:12px!important;font-weight:700!important;color:var(--mtti-primary)!important;}
.mtti-thread-time{font-size:11px!important;color:var(--text-3)!important;}
.mtti-pin-badge{background:#FFF3E0!important;color:#E65100!important;font-size:10px!important;padding:1px 7px!important;border-radius:20px!important;font-weight:600!important;}
.mtti-verified-badge{background:#E8F5E9!important;color:var(--mtti-success)!important;font-size:10px!important;padding:1px 7px!important;border-radius:20px!important;font-weight:600!important;}
.mtti-thread-msg{font-size:14px!important;color:var(--text-1)!important;line-height:1.6!important;margin-bottom:10px!important;white-space:pre-wrap!important;}
.mtti-thread-actions{display:flex!important;align-items:center!important;gap:12px!important;}
.mtti-thread-upvote{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;color:var(--text-3)!important;text-decoration:none!important;background:var(--bg-subtle)!important;border:1px solid var(--border)!important;padding:3px 10px!important;border-radius:20px!important;}
.mtti-thread-upvote:hover{background:var(--mtti-primary-xl)!important;color:var(--mtti-primary)!important;}
.mtti-reply-toggle{background:none!important;border:none!important;color:var(--mtti-secondary)!important;font-size:12px!important;cursor:pointer!important;font-family:inherit!important;padding:3px 0!important;}
.mtti-reply-toggle:hover{text-decoration:underline!important;}
.mtti-reply-item{padding:9px 12px!important;background:var(--bg-subtle)!important;border-radius:var(--r-sm)!important;margin-bottom:7px!important;border-left:3px solid var(--border)!important;}
.mtti-chat-bubble{max-width:85%!important;padding:10px 14px!important;border-radius:12px!important;font-size:13px!important;line-height:1.55!important;}
.mtti-chat-bubble.bot{background:var(--bg-card)!important;color:var(--text-1)!important;align-self:flex-start!important;border:1px solid var(--border)!important;border-bottom-left-radius:3px!important;}
.mtti-chat-bubble.user{background:var(--mtti-primary)!important;color:white!important;align-self:flex-end!important;border-bottom-right-radius:3px!important;}
.mtti-chat-sender{font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.09em!important;opacity:.62!important;margin-bottom:3px!important;}
.mtti-chat-typing{display:flex!important;gap:4px!important;padding:10px 14px!important;align-self:flex-start!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:12px!important;border-bottom-left-radius:3px!important;}
.mtti-typing-dot{width:7px!important;height:7px!important;background:var(--text-3)!important;border-radius:50%!important;animation:mtti-typing 1.2s infinite!important;}
.mtti-typing-dot:nth-child(2){animation-delay:.2s!important;}
.mtti-typing-dot:nth-child(3){animation-delay:.4s!important;}
@keyframes mtti-typing{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}} .mtti-ai-container{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;overflow:hidden!important;box-shadow:var(--shadow-sm)!important;max-width:700px!important;}
.mtti-ai-header{display:flex!important;align-items:center!important;gap:12px!important;padding:15px 18px!important;background:linear-gradient(135deg,#1B5E20,#2E7D32)!important;color:white!important;}
.mtti-ai-header h3{margin:0!important;font-size:14px!important;color:white!important;}
.mtti-ai-header p{margin:0!important;font-size:11px!important;opacity:.78!important;color:white!important;}
.mtti-ai-messages{padding:14px!important;min-height:280px!important;max-height:380px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:11px!important;background:var(--bg-subtle)!important;}
.mtti-ai-quick-btns{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:10px 16px 0!important;}
.mtti-ai-quick{padding:5px 12px!important;background:var(--mtti-primary-xl)!important;border:1px solid var(--border)!important;color:var(--mtti-primary-dark)!important;border-radius:20px!important;font-size:12px!important;cursor:pointer!important;font-weight:500!important;font-family:inherit!important;}
.mtti-ai-quick:hover{background:var(--mtti-primary)!important;color:white!important;}
.mtti-ai-input-row{display:flex!important;gap:7px!important;padding:10px 16px 16px!important;border-top:1px solid var(--border)!important;background:var(--bg-card)!important;}
.mtti-ai-input{flex:1!important;padding:9px 13px!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;background:var(--bg-subtle)!important;color:var(--text-1)!important;font-size:13px!important;font-family:inherit!important;outline:none!important;}
.mtti-ai-input:focus{border-color:var(--mtti-primary)!important;}
.mtti-ai-send{background:var(--mtti-primary)!important;border:none!important;color:white!important;width:38px!important;height:38px!important;border-radius:50%!important;cursor:pointer!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;}
.mtti-ai-send:hover{background:var(--mtti-primary-dark)!important;}
.mtti-ai-send:disabled{opacity:.5!important;cursor:not-allowed!important;} .mtti-modal{position:fixed!important;inset:0!important;background:rgba(0,0,0,.5)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important;}
.mtti-modal-content{background:var(--bg-card)!important;border-radius:var(--r-md)!important;padding:26px!important;width:90%!important;max-width:500px!important;max-height:90vh!important;overflow-y:auto!important;color:var(--text-1)!important;}
.mtti-modal-content h3{margin:0 0 18px!important;color:var(--text-1)!important;}
.mtti-form-group{margin-bottom:16px!important;}
.mtti-form-group label{display:block!important;margin-bottom:5px!important;font-weight:600!important;font-size:13px!important;color:var(--text-2)!important;}
.mtti-form-group input[type="text"],.mtti-form-group input[type="file"],.mtti-form-group textarea,.mtti-form-group select{width:100%!important;padding:9px 11px!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;font-size:13px!important;background:var(--bg-subtle)!important;color:var(--text-1)!important;font-family:inherit!important;}
.mtti-modal-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:22px!important;} .mtti-portal-login,.mtti-portal-not-enrolled{display:flex!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:20px!important;background:linear-gradient(135deg,#1B5E20 0%,#2E7D32 55%,#43A047 100%)!important;}
.mtti-login-card,.mtti-message-card{background:white!important;border-radius:var(--r-lg)!important;padding:38px 34px!important;text-align:center!important;box-shadow:0 20px 60px rgba(0,0,0,.2)!important;max-width:400px!important;width:100%!important;}
.mtti-login-card h2,.mtti-message-card h2{margin:0 0 5px!important;color:var(--mtti-primary)!important;font-size:21px!important;}
.mtti-login-card p,.mtti-message-card p{color:#888!important;margin-bottom:22px!important;font-size:13px!important;} @media print{.no-print,.mtti-portal-sidebar,.mtti-portal-header,.mtti-header-right{display:none!important;}.mtti-portal-main{padding:0!important;}#mtti-portal{width:100%!important;max-width:100%!important;margin-left:0!important;}} @media screen and (max-width:992px){.mtti-profile-grid,.mtti-dashboard-grid,.mtti-detail-grid{grid-template-columns:1fr!important;}} @media screen and (max-width:768px){
#mtti-portal{margin-left:0!important;width:100%!important;max-width:100%!important;}
.mtti-portal-header{padding:0 13px!important;height:52px!important;}
.mtti-portal-motto,.mtti-user-info{display:none!important;}
.mtti-portal-container{flex-direction:column!important;}
.mtti-portal-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;position:static!important;padding:7px 0!important;background:linear-gradient(90deg,#1B5E20,#2E7D32)!important;}
.mtti-portal-menu{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:0!important;padding:3px 7px!important;scrollbar-width:none!important;}
.mtti-portal-menu::-webkit-scrollbar{display:none!important;}
.mtti-portal-menu li{flex-shrink:0!important;}
.mtti-portal-menu a{padding:7px 11px!important;border-left:none!important;border-bottom:3px solid transparent!important;font-size:12px!important;white-space:nowrap!important;}
.mtti-portal-menu li.active a{border-left:none!important;border-bottom-color:white!important;background:rgba(255,255,255,.15)!important;}
.mtti-portal-logout{display:none!important;}
.mtti-portal-main{padding:13px!important;}
.mtti-stats-grid{grid-template-columns:1fr 1fr!important;gap:9px!important;}
.mtti-stat-card{padding:13px!important;flex-direction:column!important;text-align:center!important;gap:5px!important;}
.mtti-dashboard-grid{grid-template-columns:1fr!important;gap:13px!important;}
.mtti-courses-grid,.mtti-notices-grid{grid-template-columns:1fr!important;}
.mtti-profile-grid{grid-template-columns:1fr!important;gap:14px!important;}
.mtti-detail-grid{grid-template-columns:1fr!important;}
.mtti-payment-summary{grid-template-columns:1fr 1fr!important;}
.mtti-table{display:block!important;overflow-x:auto!important;}
.mtti-unit-item{flex-direction:column!important;align-items:flex-start!important;}
.mtti-modal-content{width:95%!important;padding:18px!important;}
.mtti-notif-dropdown{width:300px!important;right:-60px!important;}
.mtti-login-card{padding:28px 18px!important;}
}
@media screen and (max-width:480px){.mtti-stats-grid,.mtti-payment-summary{grid-template-columns:1fr!important;}.mtti-notif-dropdown{width:calc(100vw - 16px)!important;right:-80px!important;}} @media screen and (min-width:769px){
#mtti-portal .mtti-portal-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;}
#mtti-portal .mtti-portal-sidebar{width:var(--sidebar-width)!important;min-width:var(--sidebar-width)!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;}
#mtti-portal .mtti-portal-menu{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;}
#mtti-portal .mtti-portal-menu li{width:100%!important;}
#mtti-portal .mtti-portal-menu a{border-left:3px solid transparent!important;border-bottom:none!important;}
#mtti-portal .mtti-portal-menu li.active a{border-left-color:white!important;border-bottom:none!important;}
#mtti-portal .mtti-portal-main{flex:1!important;min-width:0!important;}
}