.ChangePasswordDialog-module-scss-module__2XB90W__panel{z-index:5;gap:var(--kit-space-4);width:100%;max-width:420px;margin-top:var(--kit-space-4);padding:var(--kit-space-6);border:1px solid var(--kit-gray-500);border-radius:var(--kit-radius-xl);background:var(--kit-white);box-sizing:border-box;font-family:var(--kit-font);color:var(--kit-gray-100);flex-direction:column;display:flex;position:relative;box-shadow:0 12px 32px #0000000f}@media (max-width:576px){.ChangePasswordDialog-module-scss-module__2XB90W__panel{padding:var(--kit-space-5)}}.ChangePasswordDialog-module-scss-module__2XB90W__tabs{border-radius:var(--kit-radius-pill);background:var(--kit-gray-600);grid-template-columns:1fr 1fr;padding:4px;display:grid}.ChangePasswordDialog-module-scss-module__2XB90W__tab{border-radius:var(--kit-radius-pill);height:38px;font-family:var(--kit-font);color:var(--kit-gray-200);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;transition:background-color .15s,color .15s}.ChangePasswordDialog-module-scss-module__2XB90W__tabOn{background:var(--kit-white);color:var(--kit-gray-100);box-shadow:0 1px 3px #00000014}.ChangePasswordDialog-module-scss-module__2XB90W__title{margin:0;font-size:22px;font-weight:800;line-height:28px}.ChangePasswordDialog-module-scss-module__2XB90W__lead{color:var(--kit-gray-200);margin:0;font-size:14px;line-height:22px}.ChangePasswordDialog-module-scss-module__2XB90W__field{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.ChangePasswordDialog-module-scss-module__2XB90W__field input{width:100%;height:44px;padding:0 var(--kit-space-4);border:1.5px solid var(--kit-gray-500);border-radius:var(--kit-radius-md);background:var(--kit-white);font-family:var(--kit-font);color:var(--kit-gray-100);box-sizing:border-box;outline:none;font-size:15px;font-weight:500;transition:border-color .15s}.ChangePasswordDialog-module-scss-module__2XB90W__field input::placeholder{color:var(--kit-gray-400)}.ChangePasswordDialog-module-scss-module__2XB90W__field input:focus{border-color:var(--kit-green)}.ChangePasswordDialog-module-scss-module__2XB90W__labelRow{justify-content:space-between;align-items:center;display:flex}.ChangePasswordDialog-module-scss-module__2XB90W__pwWrap{display:block;position:relative}.ChangePasswordDialog-module-scss-module__2XB90W__pwWrap input{padding-right:44px}.ChangePasswordDialog-module-scss-module__2XB90W__eye{color:var(--kit-gray-300);cursor:pointer;background:0 0;border:none;padding:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ChangePasswordDialog-module-scss-module__2XB90W__eye:hover{color:var(--kit-gray-100)}.ChangePasswordDialog-module-scss-module__2XB90W__link{font-family:var(--kit-font);color:var(--kit-green-strong);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.ChangePasswordDialog-module-scss-module__2XB90W__link:hover{text-decoration:underline}.ChangePasswordDialog-module-scss-module__2XB90W__center{align-self:center}.ChangePasswordDialog-module-scss-module__2XB90W__error{border-radius:var(--kit-radius-md);background:color-mix(in srgb, var(--kit-error) 9%, var(--kit-white));color:var(--kit-error);margin:0;padding:10px 12px;font-size:13px;font-weight:600}.ChangePasswordDialog-module-scss-module__2XB90W__cta.ChangePasswordDialog-module-scss-module__2XB90W__cta.ChangePasswordDialog-module-scss-module__2XB90W__cta{flex:none;width:100%}.ChangePasswordDialog-module-scss-module__2XB90W__google{gap:var(--kit-space-3);flex-direction:column;display:flex}.ChangePasswordDialog-module-scss-module__2XB90W__google:before{content:"hoặc";color:var(--kit-gray-300);background:linear-gradient(var(--kit-gray-500), var(--kit-gray-500)) left center/calc(50% - 26px) 1px no-repeat,linear-gradient(var(--kit-gray-500), var(--kit-gray-500)) right center/calc(50% - 26px) 1px no-repeat;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.ChangePasswordDialog-module-scss-module__2XB90W__google:empty{display:none}.ChangePasswordDialog-module-scss-module__2XB90W__sentIcon{background:var(--kit-green-soft);width:64px;height:64px;color:var(--kit-green-strong);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}
.dashboard-notification-root.notification-wrapper{background:var(--Colors-Blue-200,var(--kit-green-soft));cursor:pointer;z-index:3;border-radius:50%;align-items:center;gap:10px;padding:12px;transition:all .3s;display:flex;position:relative}.dashboard-notification-root.notification-wrapper:hover{background:var(--Colors-Yellow-200,var(--kit-green-soft));border-radius:50%}.dashboard-notification-root.notification-wrapper:hover .notification-button{color:var(--kit-green)}.dashboard-notification-root.notification-wrapper:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.dashboard-notification-root.notification-wrapper .notification-button{cursor:pointer;color:var(--kit-green-strong);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:-12px;padding:12px;transition:all .3s;display:flex}.dashboard-notification-root.notification-wrapper>.notification-button>.notification-icon{width:24px;height:24px;transition:transform .3s}.dashboard-notification-root.notification-wrapper>.notification-badge{text-align:center;border-radius:var(--corner-radius-radius-full,999px);border:var(--stroke-stroke-1,2px) solid var(--Colors-Gray-50,#f6f5f5);background:var(--Colors-Orange-600,#f05b06);color:#fff;z-index:10000;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:20px;transition:transform .3s;display:flex;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.dashboard-notification-root.notification-wrapper>.notification-badge:hover{transform:translate(30%,-30%)scale(1.1)}.dashboard-notification-root .popup-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:769px){.dashboard-notification-root .popup-enter-active{transition-delay:.1s}}.dashboard-notification-root .user-avatar{border-radius:var(--corner-radius-radius-7,16px);border:2px solid var(--Colors-Blue-200,#e7e6e6);aspect-ratio:1;object-fit:cover;background:#e7e6e6;width:48px;height:48px;margin-right:12px}.dashboard-notification-root .popup-leave-active{transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-notification-root .popup-enter-from,.dashboard-notification-root .popup-leave-to{opacity:0}@media (min-width:769px){.dashboard-notification-root .popup-enter-from,.dashboard-notification-root .popup-leave-to{transform:scale(.95)translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dashboard-notification-root .notification-popup-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:flex-start;padding:0;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@media (max-width:768px){.dashboard-notification-root .notification-popup-overlay{justify-content:center;align-items:flex-start;top:70px}}@media (min-width:769px){.dashboard-notification-root .notification-popup-overlay{background:0 0;justify-content:flex-end;align-items:flex-start;padding:0;position:absolute;inset:calc(100% + 8px) -8px auto auto}}.dashboard-notification-root .notification-popup{width:100%;height:100%;box-shadow:none;z-index:10000;transform-origin:top;background:#fff;border-radius:0;flex-direction:column;animation:.3s slideUp;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.dashboard-notification-root .notification-popup{width:100%;height:calc(100vh - 64px);box-shadow:none;border-radius:0 0 24px 24px;max-height:calc(100vh - 64px)}}@media (min-width:769px){.dashboard-notification-root .notification-popup{transform-origin:100% 0;border-radius:24px;width:400px;height:auto;max-height:600px;animation:none;position:static;box-shadow:0 4px 20px #00000026}}.dashboard-notification-root .notification-popup .notification-header{background:#fff;border-bottom:1px solid #f6f5f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 16px 12px;display:flex}@media (min-width:769px){.dashboard-notification-root .notification-popup .notification-header{border-bottom:none;padding:16px 16px 12px}}.dashboard-notification-root .notification-popup .notification-header .header-actions{align-items:center;gap:12px;display:flex}.dashboard-notification-root .notification-popup .notification-header .mobile-close-btn{cursor:pointer;color:#706c6a;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}@media (max-width:768px){.dashboard-notification-root .notification-popup .notification-header .mobile-close-btn{display:none}}.dashboard-notification-root .notification-popup .notification-header .mobile-close-btn:hover{background-color:#f5f5f5}.dashboard-notification-root .notification-popup .notification-header .mobile-close-btn svg{width:24px;height:24px}.dashboard-notification-root .notification-popup .notification-header h2{color:var(--Colors-Gray-950,#2d2c2b);align-items:center;gap:10px;font-family:League Spartan;font-size:16px;font-style:normal;font-weight:500;line-height:18px;display:flex}.dashboard-notification-root .notification-popup .notification-header h2 .notification-count{border-radius:var(--corner-radius-radius-full,999px);border:var(--stroke-stroke-1,2px) solid var(--Colors-Gray-50,#f6f5f5);background:var(--Colors-Orange-600,#f05b06);color:var(--Colors-Gray-White,#fff);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Caption-1,10px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Caption-1-lineheight,12px);padding:var(--spacing-spacing-0,2px) 6px;justify-content:center;align-items:center;gap:10px;display:flex}.dashboard-notification-root .notification-popup .notification-header .read-all-btn{color:var(--Colors-Gray-500,#706c6a);font-family:var(--Type-Font-font-title,Inter);font-size:var(--Typescale-Size-Caption,12px);font-style:normal;font-weight:600;line-height:var(--Typescale-Line-Height-Caption--lineheight,14px);text-decoration-skip-ink:auto;text-underline-offset:auto;text-underline-position:from-font;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.dashboard-notification-root .notification-popup .notification-header .read-all-btn:hover{color:#2d2c2b;background:#f5f5f5}.dashboard-notification-root .notification-popup .notification-divider{border-bottom:1px solid #f6f5f5;margin:0 -16px}.dashboard-notification-root .notification-popup .notification-sections{background:#fff;flex:1;min-height:0;padding:0 16px;overflow:hidden auto}@media (min-width:769px){.dashboard-notification-root .notification-popup .notification-sections{flex:none;max-height:500px}}.dashboard-notification-root .notification-popup .notification-sections::-webkit-scrollbar{width:4px}.dashboard-notification-root .notification-popup .notification-sections::-webkit-scrollbar-track{background:0 0}.dashboard-notification-root .notification-popup .notification-sections::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.dashboard-notification-root .notification-popup .notification-sections::-webkit-scrollbar-thumb:hover{background:#ccc}.dashboard-notification-root .notification-popup .notification-section h3{color:#666;margin:0;padding:16px 24px 8px;font-size:14px;font-weight:600}.dashboard-notification-root .notification-popup .notification-section-label{color:var(--Colors-Gray-800,#464444);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Caption-1,10px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Caption-1-lineheight,12px);padding-top:12px}.dashboard-notification-root .notification-popup .notification-item{cursor:pointer;border-bottom:1px solid #f6f5f5;grid-template-columns:50px minmax(0,1fr);align-items:flex-start;gap:5px;padding:12px 0;display:grid}.dashboard-notification-root .notification-popup .notification-item .notification-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;display:flex}.dashboard-notification-root .notification-popup .notification-item .notification-icon img{width:28px;height:28px}.dashboard-notification-root .notification-popup .notification-item .notification-content{flex-direction:column;gap:12px;display:flex}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-class-badge{text-transform:uppercase;letter-spacing:.02em;color:#1d4ed8;background:#e8f4ff;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-title{color:var(--Colors-Gray-950,#2d2c2b);font-family:var(--Type-Font-Button,Inter);font-size:var(--Typescale-Size-Boby-sm,14px);font-style:normal;font-weight:600;line-height:var(--Typescale-Line-Height-Button-md-lineheight,16px)}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-subtitle{color:var(--Colors-Gray-500,#706c6a);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Boby-xs,12px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Boby-xs-lineheight,18px);margin-top:4px}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-test-card{padding:var(--spacing-spacing-3,12px) var(--spacing-spacing-2,8px);border-radius:var(--corner-radius-radius-6,12px);border:var(--stroke-stroke-1,2px) solid var(--Colors-Gray-50,#f6f5f5);background:#fff;grid-template-columns:30px 1fr 48px;align-self:stretch;align-items:center;gap:10px;display:grid}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-test-card .test-icon{margin-right:10px}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-test-card .test-icon img{width:24px;height:24px}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-test-card .test-title,.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-test-card .test-desc{white-space:nowrap;text-overflow:ellipsis;max-width:180px;display:block;overflow:hidden}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-test-card .test-title{color:var(--Colors-Gray-950,#2d2c2b);font-family:var(--Type-Font-font-title,Inter);font-size:var(--Typescale-Size-Caption,12px);font-style:normal;font-weight:600;line-height:var(--Typescale-Line-Height-Caption--lineheight,14px);margin-bottom:4px}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-test-card .test-desc{color:var(--Colors-Gray-500,#706c6a);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Caption-1,10px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Caption-1-lineheight,12px)}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-action{margin:12px 0 0}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-action .notification-btn{color:var(--Color-button-Primary-button-Text-Text-primary-button,#464444);text-align:center;font-family:var(--Type-Font-Button,Inter);font-size:var(--Typescale-Size-Button-sm,12px);font-style:normal;font-weight:700;line-height:var(--Typescale-Line-Height-Button-sm-lineheight,14px)}.dashboard-notification-root .notification-popup .notification-item .notification-content .notification-time{color:var(--Colors-Gray-500,#706c6a);font-family:var(--Type-Font-font-body,Inter);font-size:var(--Typescale-Size-Caption-1,10px);font-style:normal;font-weight:500;line-height:var(--Typescale-Line-Height-Caption-1-lineheight,12px);align-items:center;gap:4px;display:flex}.dashboard-notification-root .notification-popup .loading-indicator{text-align:center;color:#666;padding:10px;font-size:14px}.dashboard-notification-root .notification-action .cta-button{border-radius:var(--Style-Standard-Corner,10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--Color-button-Primary-button-Surrface-surface-button-primary-base,var(--kit-green));height:40px;box-shadow:0px 3px 0px 0px var(--kit-green);justify-content:center;align-items:center;gap:8px;transition:all .3s;display:flex}.dashboard-notification-root .notification-action .cta-button:hover{box-shadow:none;transform:translateY(3px)}.dashboard-notification-root .notification-action .cta-button:active{background:var(--Color-button-Primary-button-Surrface-surface-button-primary-pressed,var(--kit-green))}