*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.ant-layout{background:#f8fafc;min-width:0;min-height:100vh}.ant-layout.ant-layout-has-sider{flex-direction:row!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.ant-layout.ant-layout-has-sider>.ant-layout-sider{flex:none!important;min-width:0!important}.ant-layout.ant-layout-has-sider>.ant-layout{flex-direction:column!important;flex:1!important;width:0!important;min-width:0!important;max-width:100%!important;display:flex!important}.ant-layout-header{overflow:hidden;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.ant-layout-content{overflow-x:hidden;box-sizing:border-box!important;flex:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}.ant-card{border:1px solid #e2e8f0;min-width:0;max-width:100%;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.ant-card-body{box-sizing:border-box;min-width:0;max-width:100%}.ant-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.ant-table{max-width:100%}.admin-page-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;max-width:100%;display:flex}.admin-page-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;min-width:0;max-width:100%;display:flex}.admin-kpi-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:100%;display:grid}.admin-kpi-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:16px 18px;box-shadow:0 1px 3px #0f172a08}@media (width<=1100px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.admin-kpi-grid{grid-template-columns:1fr}}@media (width<=767px){.ant-layout-content{margin:12px 10px!important;padding:0!important}.ant-card-head{flex-wrap:wrap;gap:8px;padding:12px 16px}.ant-card-head-wrapper{flex-wrap:wrap;row-gap:8px}.ant-card-extra{width:100%;margin-left:0}.ant-card-body{padding:14px 12px!important}.portal-header-username{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}}@media (width<=991px){.ant-layout-content{margin:16px 14px!important}}@media print{.ant-layout-sider,.ant-layout-header,.no-print,.student-header,.student-bottom-dock,.ant-btn,.ant-select,.ant-picker{display:none!important}.ant-layout,.ant-layout-content,body{background:#fff!important;margin:0!important;padding:0!important}.print-only{display:block!important}.ant-card{box-shadow:none!important;border:none!important}}.print-only{display:none}.matrix-day-cell:hover{transform:translateY(-1px);border-color:#0284c7!important;box-shadow:0 2px 8px #0284c726!important}.ant-message{z-index:999999!important;top:24px!important}.ant-message-notice-content{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;align-items:center!important;padding:10px 18px!important;font-size:13.5px!important;font-weight:600!important;display:inline-flex!important;box-shadow:0 10px 25px -3px #0f172a14,0 4px 10px -2px #0f172a0a!important}.ant-notification{z-index:999999!important}.ant-notification-notice{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:16px 20px!important;position:relative!important;overflow:hidden!important;box-shadow:0 20px 40px -6px #0f172a1a,0 8px 16px -4px #0f172a0a!important}.ant-notification-notice-success{border-left:4.5px solid #10b981!important}.ant-notification-notice-error{border-left:4.5px solid #ef4444!important}.ant-notification-notice-warning{border-left:4.5px solid #f59e0b!important}.ant-notification-notice-info{border-left:4.5px solid #0284c7!important}.ant-notification-notice-message{color:#0f172a!important;letter-spacing:-.01em!important;margin-bottom:4px!important;font-size:14.5px!important;font-weight:700!important}.ant-notification-notice-description{color:#475569!important;font-size:13px!important;line-height:1.5!important}.ant-notification-notice-close{color:#94a3b8!important;transition:color .2s!important;top:14px!important;right:14px!important}.ant-notification-notice-close:hover{color:#0f172a!important}.ant-notification-notice .anticon{font-size:20px!important}.uts-wa-widget-container{z-index:9999;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);position:fixed;bottom:24px;right:24px}.uts-wa-float-btn{cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #25d36666,0 2px 8px #0000001f;color:#fff!important}.uts-wa-float-btn:hover{transform:translateY(-3px)scale(1.06);box-shadow:0 12px 30px #25d3668c,0 4px 12px #0000002e}.uts-wa-float-btn:active{transform:translateY(0)scale(.96)}.uts-wa-icon{color:#fff;font-size:26px;line-height:1}.uts-wa-popover{-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1.5px solid #e2e8f0f2;border-radius:20px;flex-direction:column;width:320px;display:flex;position:absolute;bottom:64px;right:0;overflow:hidden;box-shadow:0 20px 48px -8px #0f172a38,0 6px 16px #25d36624}.uts-wa-popover.student-popover{width:345px;max-height:82vh;overflow-y:auto}.uts-wa-popover-head{color:#fff;background:linear-gradient(135deg,#075e54 0%,#128c7e 100%);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.uts-wa-head-title{align-items:center;gap:6px;font-size:14.5px;font-weight:800;display:flex}.uts-wa-head-sub{opacity:.88;margin-top:1px;font-size:11px}.uts-wa-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:background .15s;display:flex}.uts-wa-close-btn:hover{background:#ffffff59}.uts-wa-popover-body{flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.uts-wa-student-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.uts-wa-student-avatar{color:#0284c7;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.uts-wa-student-details{flex-direction:column;min-width:0;display:flex}.uts-wa-student-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.uts-wa-student-name{color:#0f172a;font-size:13px;font-weight:700}.uts-wa-code-tag{border-radius:4px!important;margin:0!important;padding:0 4px!important;font-size:10.5px!important;font-weight:700!important;line-height:18px!important}.uts-wa-student-meta{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.uts-wa-topics-container{flex-direction:column;gap:6px;display:flex}.uts-wa-topics-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:700}.uts-wa-topics-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.uts-wa-topic-chip{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:6px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.uts-wa-topic-chip:hover{background:#f1f5f9;border-color:#94a3b8}.uts-wa-topic-chip.active{color:#065f46;background:#ecfdf5;border-color:#10b981;font-weight:700;box-shadow:0 1px 4px #10b98126}.uts-wa-preview-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:7px 9px}.uts-wa-preview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:10px;font-weight:700}.uts-wa-preview-text{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.uts-wa-contacts-list{flex-direction:column;gap:8px;display:flex}.uts-wa-contact-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.uts-wa-contact-card:hover{background:#fff;border-color:#25d366;transform:translateY(-1px);box-shadow:0 4px 12px #25d3662e}.uts-wa-contact-info{flex-direction:column;display:flex}.uts-wa-contact-name{color:#0f172a;font-size:13.5px;font-weight:700}.uts-wa-contact-role{color:#0284c7;font-size:11.5px;font-weight:600}.uts-wa-action-badge{color:#fff;background:#25d366;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}@media (width<=768px){.uts-wa-widget-container.is-student-mode{bottom:78px;right:16px}.uts-wa-popover.student-popover{width:calc(100vw - 32px);max-width:350px;bottom:58px}}@media (width<=480px){.uts-wa-widget-container:not(.is-student-mode){bottom:18px;right:16px}.uts-wa-float-btn{width:48px;height:48px}.uts-wa-icon{font-size:24px}.uts-wa-popover:not(.student-popover){width:290px;bottom:58px}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.custom-phone-input{width:100%}.custom-phone-input .PhoneInput{align-items:center;display:flex}.custom-phone-input .PhoneInputCountry{background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;height:40px;margin-right:8px;padding:4px 8px}.custom-phone-input .PhoneInputInput{color:#000000e0;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:6px;flex:1;min-width:0;height:40px;padding:4px 11px;font-size:14px;line-height:1.57143;transition:all .2s}.custom-phone-input .PhoneInputInput:hover{border-color:#4096ff}.custom-phone-input .PhoneInputInput:focus{border-color:#1677ff;outline:0;box-shadow:0 0 0 2px #0591ff1a}.custom-phone-input .PhoneInputInput:disabled{color:#00000040;box-shadow:none;cursor:not-allowed;background-color:#f5f5f5;border-color:#d9d9d9}.custom-phone-input .PhoneInputCountrySelectArrow{opacity:.5}.student-header-root{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0f172a0a}.student-brand-group{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.student-brand-icon{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#034694 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 12px #0284c740}.student-brand-title{color:#0f172a;letter-spacing:-.3px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:800}.student-portal-tag{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.student-top-nav{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:4px;display:flex}.student-nav-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.student-nav-tab:hover{color:#0f172a;background:#fffc}.student-nav-tab.active{color:#0284c7;background:#fff;font-weight:700;box-shadow:0 2px 8px #0f172a14}.student-nav-tab.active .student-nav-icon{color:#0284c7}.student-nav-icon{font-size:15px}.student-header-right{align-items:center;gap:12px;display:flex}.student-user-button{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;transition:all .2s;display:inline-flex}.student-user-button:hover{background:#f1f5f9;border-color:#cbd5e1}.student-user-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13.5px;font-weight:700;overflow:hidden}.student-content-canvas{box-sizing:border-box;max-width:1080px;min-height:calc(100vh - 68px);margin:0 auto;padding:28px 24px}.student-bottom-dock{-webkit-backdrop-filter:blur(16px);z-index:1000;box-sizing:border-box;background:#fffffff2;border-top:1px solid #e2e8f0;height:64px;padding:0 12px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0f}.student-bottom-dock-inner{justify-content:space-around;align-items:center;max-width:500px;height:100%;margin:0 auto;display:flex}.student-dock-item{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.student-dock-icon{font-size:20px;transition:all .2s}.student-dock-item.active{color:#0284c7;font-weight:800}.student-dock-item.active .student-dock-icon{color:#0284c7;transform:translateY(-2px)}@media (width<=768px){.student-header-root{height:60px;padding:0 16px}.student-top-nav{display:none}.student-brand-title{font-size:14.5px}.student-portal-tag,.student-user-name{display:none}.student-content-canvas{padding:16px 14px 84px}.student-bottom-dock{display:block}}.ant-layout-sider-dark,.ant-layout-sider-dark .ant-menu.ant-menu-dark{background:#0b132b!important}.ant-menu-dark .ant-menu-item{color:#94a3b8!important;border-radius:8px!important;width:calc(100% - 16px)!important;margin:3px 8px!important;font-weight:600!important;transition:all .15s!important}.ant-menu-dark .ant-menu-item:hover{color:#fff!important;background:#ffffff0f!important}.ant-menu-dark .ant-menu-item-selected{color:#fff!important;background:#0284c7!important;font-weight:700!important;box-shadow:0 2px 10px #0284c747!important}.ant-menu-dark .ant-menu-submenu-title{color:#94a3b8!important;border-radius:8px!important;width:calc(100% - 16px)!important;margin:3px 8px!important;font-weight:600!important;transition:all .15s!important}.ant-menu-dark .ant-menu-submenu-title:hover{color:#fff!important;background:#ffffff0f!important}.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#38bdf8!important;font-weight:700!important}.ant-menu-dark .ant-menu-item-group-title{color:#475569!important;letter-spacing:.8px!important;text-transform:uppercase!important;padding:14px 16px 4px!important;font-size:10px!important;font-weight:800!important}.sider-collapse-trigger:hover{background:#ffffff0f;color:#fff!important}.sider-menu-scroll::-webkit-scrollbar{width:5px}.sider-menu-scroll::-webkit-scrollbar-track{background:0 0}.sider-menu-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sider-menu-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-content-scroll::-webkit-scrollbar{width:6px;height:6px}.app-content-scroll::-webkit-scrollbar-track{background:#f1f5f9}.app-content-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.app-content-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ant-tooltip.ant-menu-inline-collapsed-tooltip{pointer-events:none;z-index:1050!important;left:86px!important}.ant-tooltip.ant-menu-inline-collapsed-tooltip .ant-tooltip-inner{color:#fff!important;background:#0f172a!important;border:1px solid #ffffff1a!important;border-radius:6px!important;padding:5px 10px!important;font-size:12px!important;font-weight:600!important;box-shadow:0 4px 14px #00000038!important}.ant-tooltip.ant-menu-inline-collapsed-tooltip .ant-tooltip-arrow:before{background:#0f172a!important}