@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;}
}