@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Segoe UI,sans-serif;background:#f8fafc;margin:0;padding:0}.assist-survey-container{display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;min-height:100vh;flex-wrap:wrap;box-sizing:border-box}.survey-box{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;max-width:720px;width:100%;padding:32px;box-sizing:border-box}.question-title{font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.question-sub{font-size:16px;color:#374151;margin-bottom:24px;text-align:center}.survey-question{background:#f9fafb;border-radius:10px;padding:16px;margin-bottom:24px;border-left:4px solid #3b82f6;font-size:1.2rem;box-sizing:border-box}.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}.radio-item{font-size:15px;display:flex;align-items:center;gap:10px}.submit-button,.reset-button{background:#3b82f6;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s;margin:10px 0;flex:1 1 150px}.submit-button:hover{background:#2563eb}.reset-button{background:#64748b}.reset-button:hover{background:#475569}.button-group{margin-top:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.substance-button{display:block;width:100%;text-align:left;background:#f1f5f9;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:16px;cursor:pointer;transition:background .2s,transform .1s;color:#1f2937}.substance-button:hover{background:#e2e8f0;transform:translateY(-1px)}.result-box{background:#f1f5f9;padding:24px;border-radius:12px;border:1px solid #cbd5e1;margin-top:24px;text-align:center}.result-box h3{font-size:20px;margin-bottom:12px}.result-box p{font-size:16px;margin:8px 0}.result-box .note.warning{color:#dc2626;font-weight:700;font-size:15px;margin-top:16px}.tro-ve{background-color:#3498db;color:#fff;padding:12px 24px;margin:15px 5px 0;border:none;border-radius:6px;cursor:pointer;font-weight:700}.warning{background-color:#fff3cd;color:#856404;padding:16px;border-radius:8px;border:1px solid #ffeeba;margin:20px 0;font-size:16px;white-space:pre-wrap;text-align:center}.back-home-button,.support-request-button{padding:10px 16px;font-size:16px;border-radius:6px;cursor:pointer;font-weight:700;border:none;flex:1 1 160px}.back-home-button{background-color:#007bff;color:#fff}.back-home-button:hover{background-color:#0056b3}.support-request-button{background-color:#f97316;color:#fff;transition:background-color .3s}.support-request-button:hover{background-color:#ea580c}.assist-survey-container{display:flex;justify-content:center;align-items:center;padding:40px 16px;min-height:100vh;background-color:#f1f5f9}.survey-box{background:#fff;border-radius:16px;padding:32px;max-width:520px;width:100%;box-shadow:0 8px 24px #0000001a}.question-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}.question-sub{text-align:center;font-size:15px;margin-bottom:24px}.warning{background:#fff7ed;color:#b45309;padding:16px;border-radius:8px;margin-top:16px;text-align:center;font-size:15px}.warning button{margin-top:12px;display:inline-block;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;margin-right:8px}.warning button:hover{background-color:#2563eb}.survey-question{margin-bottom:20px}.survey-question p{margin-bottom:8px;font-size:16px}.radio-group{display:flex;gap:16px;flex-wrap:wrap}.radio-item{display:flex;align-items:center;gap:6px;font-size:15px}.tieu-de{font-size:18px;font-weight:600;margin-top:16px;margin-bottom:16px}.submit-button{background-color:#3b82f6;color:#fff;padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;margin-top:20px;transition:background-color .3s;width:100%}.submit-button:hover{background-color:#2563eb}.result-box{text-align:center;background:#ecfdf5;border:1px solid #10b981;padding:20px;border-radius:12px}.nguy-co-cao{color:#dc2626;font-weight:700}.nguy-co-thap{color:#16a34a;font-weight:700}.note.warning{color:#b45309;margin-top:12px}.tro-ve{background-color:#64748b;color:#fff;padding:12px 24px;font-size:15px;border:none;border-radius:8px;cursor:pointer;margin-top:16px}.tro-ve:hover{background-color:#475569}html,body,#root{margin:0;padding:0;height:100%;width:100%;min-height:100vh;font-family:Segoe UI,sans-serif;background-color:#f0f4f8;color:#1f2937;box-sizing:border-box;overflow-x:hidden}.wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#f0f4f8}.avatar{width:36px;height:36px;border-radius:50%;border:2px solid #ffffff;transition:transform .2s;display:flex}.avatar:hover{transform:scale(1.1)}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:3rem 2rem;width:100%;box-sizing:border-box;overflow:hidden}.Khao-sat{background-color:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 15px 40px #00000014;max-width:1100px;width:100%;text-align:center;transition:transform .3s ease}.Khao-sat:hover{transform:translateY(-5px)}.intro-text{margin-top:15px;font-size:18px;color:#00050c}.note{font-size:15px;color:#718096;margin-bottom:25px}.survey-cards{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;align-items:stretch;margin-top:25px;gap:100px}.survey-card{width:100%;max-width:350px;min-height:580px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:20px;box-shadow:0 0 10px #0000001a;overflow:hidden;background-color:#fff;transition:transform .3s ease}.survey-card:hover{transform:translateY(-4px);background-color:#f6f9fc;box-shadow:0 10px 24px #0000001a}.survey-image-top{width:100%;height:200px;object-fit:cover;display:block;margin:0 auto;border-top-left-radius:20px;border-top-right-radius:20px}.survey-card h3{margin:16px 0 8px;font-size:22px;font-weight:700;color:#1f2937}.survey-card p{margin:6px 20px;font-size:15px;color:#4a5568;text-align:left}.description{margin:10px 20px;font-size:14px;color:#4a5568;text-align:justify}.start-button{margin:20px auto 24px;padding:12px 20px;background-color:#4b6cb7;color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background .3s ease,transform .2s ease;width:85%;font-size:16px;display:flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap}.start-button:hover{background-color:#182848;transform:translateY(-2px)}.footer{background-color:#2d3748;color:#e2e8f0;text-align:center;padding:20px;font-size:15px;width:100%;border-top:1px solid #4a5568}.survey-details{padding:0 20px;text-align:center;margin-bottom:20px}.survey-summary{font-size:15px;font-weight:500;color:#1f2937;margin-bottom:12px;line-height:1.5;text-align:center}.survey-features{list-style:none;padding:0;margin:0 auto;text-align:left;max-width:260px}.survey-features li{position:relative;padding-left:16px;margin:8px 0;font-size:14px;color:#4a5568;display:flex;align-items:center}.survey-features li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;flex-shrink:0}.survey-features.blue li:before{background-color:#3b82f6}.survey-features.purple li:before{background-color:#a855f7}.tro-ve{background:#4b6cb7;color:#fcfbfb;padding:10px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s;margin-top:-60px}.navbar{position:sticky;top:0;z-index:999;background:linear-gradient(135deg,#0b318f,#021e4a);display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000001a;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0b318fe6}.container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto}.logo-link img{width:200px;height:100px}.nav-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px;flex-wrap:nowrap;white-space:nowrap}.auth-buttons{display:flex;gap:12px}.login{color:#fafcff;background:#2563eb;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:4px}.login:hover{background:#0dc362}.register{color:#fff;background:#2563eb;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:4px}.register:hover{background:#0dc362}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover{color:#0dc362}.dropdown{position:relative;display:inline-block}.dropdown-toggle{color:#fff;text-decoration:none;font-weight:500}.dropdown-menu{display:none;position:absolute;background-color:#0b318f;min-width:200px;box-shadow:0 8px 16px #0003;z-index:1;border:1px solid #ffffff;border-radius:4px;padding:8px 0}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{color:#fff;padding:10px 16px;text-decoration:none;display:block;text-align:left}.dropdown-menu a:hover{background-color:#021e4a}.user-role{padding-top:6px;margin-left:10px}.otp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.otp-modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 25px #0003;animation:fadeIn .3s ease}.otp-modal h3{font-size:22px;color:#4f46e5;margin-bottom:12px;text-align:center}.otp-modal p{font-size:15px;color:#555;margin-bottom:16px;text-align:center}.otp-modal input{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:10px;transition:.3s}.otp-modal input:focus{border-color:#4f46e5;outline:none}.otp-error{color:red;font-size:14px;margin-bottom:10px;text-align:center}.otp-buttons{display:flex;justify-content:space-between;gap:10px}.verify-btn,.close-btn{flex:1;padding:10px;font-size:15px;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.verify-btn{background-color:#4f46e5;color:#fff}.verify-btn:hover{background-color:#4338ca}.close-btn{background-color:#e5e7eb;color:#111827}.close-btn:hover{background-color:#d1d5db}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;overflow-y:auto;z-index:9999}.modal{background:#fff;padding:1.5rem;border-radius:12px;width:100%;max-width:360px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column}.modal h2{text-align:center;margin-bottom:1.25rem;font-size:20px}.form-group{display:flex;flex-direction:column;margin-bottom:1rem;margin-right:19px}.form-group label{font-weight:500;margin-bottom:.05rem;font-size:14px}.form-group input,.form-group select,.custom-datepicker{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:100%}.nutdangky{background-color:#3498db;padding:.6rem;color:#fff;border:none;border-radius:4px;font-size:15px;width:100%;cursor:pointer;margin-top:.5rem}.nutdangky:hover{background-color:#2980b9}.close-button{background:#e53e3e;color:#fff;padding:.6rem;border:none;border-radius:4px;font-size:15px;width:100%;margin-top:.75rem;cursor:pointer}.error{color:red;font-size:13px;margin-top:4px}body{overflow-y:auto!important}.gioitinh{padding-right:239px;display:flex;flex-direction:column;margin-bottom:1rem;margin-right:19px;font-weight:500;margin-bottom:.05rem;font-size:14px}.form-group1 label{font-weight:500;margin-bottom:.05rem;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:50}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:300px;position:relative}.modal-content h3{text-align:center}.form-input{width:100%;margin-bottom:1rem;padding:.5rem;border:1px solid #ddd;border-radius:4px}.login-button{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;width:100%;margin-top:.5rem}.close-button{margin-top:1rem;background:#e53e3e;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px;width:100%}.google-login-container{margin-top:1rem;text-align:center}.google-login-button{display:flex;align-items:center;background-color:#0395f6;color:#fff;border:none;border-radius:6px;padding:.3rem 1rem;font-weight:300;cursor:pointer;width:100%;justify-content:center}.google-logo{width:60px;height:30px;margin-right:8px}.forgot-password-container{margin-top:10px;text-align:right}.forgot-password-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:0;text-align:center}.forgot-password-button:hover{background-color:#fff}.register-container{margin-top:10px;text-align:right}.register-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;padding:0;text-align:center}.register-link:hover{background-color:#fff}.tuvan-container{max-width:1000px;margin:3rem auto;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#fff);border-radius:16px;box-shadow:0 10px 40px #0000000d;font-family:Poppins,Segoe UI,sans-serif}.tuvan-container h2{font-size:2.5rem;font-weight:600;text-align:center;color:#2c3e50;margin-bottom:1.5rem}.greeting{text-align:center;font-size:1.15rem;color:#34495e;margin-bottom:2rem}.doctor-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.doctor-card{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid transparent;transition:all .3s ease;box-shadow:0 6px 20px #0000000d;cursor:pointer;position:relative}.doctor-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.doctor-card.selected{border-color:#3498db;background:#e8f4fd}.doctor-card:before{content:"👨‍⚕️";font-size:2rem;position:absolute;top:1rem;right:1rem}.doctor-card h3{font-size:1.2rem;margin:0 0 .5rem;color:#2c3e50}.doctor-card p{font-size:.95rem;color:#555;margin:.3rem 0}.tuvan-form{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 18px #0000000a;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin-bottom:2rem}.tuvan-form label{flex:1 1 300px;font-weight:500;color:#2c3e50;display:flex;flex-direction:column}.tuvan-form input[type=date],.tuvan-form .react-time-picker{margin-top:.5rem;padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;background-color:#fefefe;transition:border-color .2s ease}.tuvan-form input:focus,.tuvan-form .react-time-picker:focus-within{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.tuvan-form button{background-color:#3498db;color:#fff;padding:.9rem 1.6rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.tuvan-form button:hover{background-color:#217dbb}.tuvan-form button:disabled{background-color:#ccc;cursor:not-allowed}.back-home-button{display:block;margin:0 auto;background:transparent;color:#3498db;font-weight:500;border:2px solid #3498db;padding:.7rem 1.4rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-home-button:hover{background-color:#3498db;color:#fff}@media (max-width: 600px){.tuvan-form{flex-direction:column}.doctor-card:before{top:.5rem;right:.5rem}}.form-message{margin-top:10px}.form-success{color:green;font-weight:700;margin-bottom:5px}.form-error{color:red;font-weight:700}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}:root{--primary-color: #4777f0;--bg-light: #f8f9fa;--text-dark: #333;--hover-gray: #f1f1f1}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;background-color:var(--bg-light);color:var(--text-dark)}nav{background-color:var(--primary-color);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}nav a{color:#fff;margin-left:1rem;text-decoration:none;font-weight:500}nav a:hover{text-decoration:underline}nav button{background:#fff;color:var(--primary-color);border:none;border-radius:6px;padding:.4rem 1rem;font-weight:500;cursor:pointer}nav button:hover{background:#e2e6ea}.logo-link{display:flex;align-items:center}.logo-image{width:100px;height:auto;animation:fadeInOut 6s infinite alternate ease-in-out}@keyframes fadeInOut{0%,to{opacity:.1}50%{opacity:1}}.hero{background:linear-gradient(135deg,var(--primary-color),#005b87);color:#fff;padding:5rem 2rem;text-align:center}.hero h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.hero p{font-size:20px;max-width:700px;margin:0 auto 2rem}.hero .button-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.batdau{background-color:#fff;color:var(--primary-color);padding:.7rem 1.4rem;border-radius:8px;font-weight:600;text-decoration:none;border:1px solid #dee2e6;transition:.3s;display:inline-flex;align-items:center;gap:.5rem}.batdau:hover{background:var(--accent-color);color:#fff;border:none}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#dbeafe;color:#1d4ed8;font-weight:600;border-radius:9999px;opacity:1;width:fit-content}.square-images{display:flex;justify-content:center;align-items:stretch;gap:1.5rem;flex-wrap:wrap;padding:2rem 0}.square-images img{width:350px;height:380px;object-fit:cover;object-position:center;border-radius:1rem;box-shadow:0 6px 16px #0000001a;transition:transform .3s}.square-images img:hover{transform:scale(1.03)}.khungtinhnang{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:40px}.khungtinhnang>div{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:2rem;box-shadow:0 15px 30px #00000014;border:1px solid rgba(255,255,255,.3);transition:transform .3s ease,box-shadow .3s ease}.khungtinhnang>div:hover{transform:translateY(-5px);box-shadow:0 25px 45px #0000001f}.khungtinhnang h4{font-size:1.1rem;font-weight:700;margin:1rem 0 .5rem;color:#111827}.khungtinhnang p{font-size:.95rem;color:#4b5563;line-height:1.4}.khungtinhnang svg{color:#2563eb;background:#e0f2fe;padding:.6rem;border-radius:50%;font-size:1.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem 1rem}.blog-grid>div{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s}.blog-grid>div:hover{box-shadow:0 8px 12px #00000026}.blog-grid p{font-size:.85rem;color:#444}.blog-grid a{color:var(--primary-color);text-decoration:none;font-weight:500}.blog-grid a:hover{text-decoration:underline}.support-section{background:#fff;padding:4rem 1rem}.support-section h3{text-align:center;color:var(--primary-color);font-size:2rem;margin-bottom:2rem}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.support-card{padding:1.5rem;border-radius:16px;background:var(--bg-light);box-shadow:0 4px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.support-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.support-card h4{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.support-card p{font-size:.9rem;color:#555}.service-section{padding:4rem 1.5rem;text-align:center;background-color:#f8fbff;display:flex;flex-direction:column;align-items:center}.service-header{max-width:600px;margin-bottom:3rem}.service-header h2{font-size:40px;font-weight:800;line-height:1.4;display:inline-block;background:linear-gradient(to bottom,#1d4ed8,#9333ea);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.service-header p{font-size:20px;color:#4b5563;margin-top:1rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto;width:100%;padding:0 1rem}.service-card{border:1px solid #e2e2e3;border-radius:16px;padding:1.5rem;background-color:#f5f9ff;box-shadow:0 8px 24px #0000000f;transition:.3s;text-align:left;position:relative}.service-card:hover{border:1px solid #60a5fa;box-shadow:0 8px 24px #0000001a}.service-card h4{font-size:1.25rem;font-weight:700;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.service-card ul{list-style:none;padding:0;margin-bottom:1rem}.service-card li{margin-bottom:.4rem;line-height:1.6;color:#333;font-size:.95rem}.service-card a{display:inline-block;margin-top:.8rem;color:#0b63f5;font-weight:600;text-decoration:none;transition:color .2s}.service-card a:hover{color:#083f9d}.service-subtitle{display:flex;flex-direction:column;align-items:flex-start;font-size:15px;color:#6b7280;margin-bottom:.5rem;text-align:left}.icon-wrapper{font-size:2.5rem;margin-bottom:.5rem;transition:transform .3s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.icon-wrapper:hover{transform:scale(1.1) rotate(5deg);box-shadow:none}.learn-more-btn{display:inline-block;padding:.5rem 1rem;margin-top:1rem;border:2px solid #2563eb;color:#2563eb;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .3s ease;text-align:center}.learn-more-btn:hover{background-color:#83a4eb;color:#fff}.service-blue{background-color:#e0f2fe}.service-green{background-color:#dcfce7}.service-purple{background-color:#f5f3ff}.service-yellow{background-color:#fef9c3}.service-card h4{font-size:1.2rem;margin-bottom:.75rem}.service-card ul{padding-left:1.2rem;margin-bottom:1rem;list-style-type:disc}.service-link{color:#2563eb;font-weight:500;text-decoration:none}.service-link:hover{text-decoration:underline}.service-bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem;text-align:center}.service-bottom h5{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.service-bottom p{color:#6b7280;font-size:.875rem}footer{background:#e9ecef;color:#555;text-align:center;padding:1rem}footer a{color:var(--primary-color);margin:0 .5rem;text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width: 768px){nav{flex-direction:column;align-items:flex-start}.hero h2{font-size:40px}.hero .button-group{flex-direction:column;gap:.8rem}.batdau{width:100%;text-align:center}.square-images img{width:100%;height:auto;object-fit:contain}.service-bottom{grid-template-columns:1fr;text-align:left}.section-title{font-size:1.5rem}.service-card ul{padding-left:1rem}.service-card h4{font-size:1rem}.section-description{font-size:.95rem;padding:0 1rem}}.highlight-wrapper{margin-top:40px;display:flex;justify-content:space-around;padding:40px 80px;border-radius:20px;background-color:#f6faff;box-shadow:0 20px 40px #0000000f;gap:40px;border:1px solid #e2e2e3}.highlight-item{flex:1;text-align:center}.highlight-icon{width:60px;height:60px;margin:0 auto 20px;font-size:30px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.highlight-icon:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 20px #00000026}.highlight-icon.blue{background-color:#e0edff;color:#2563eb}.highlight-icon.green{background-color:#d1fae5;color:#059669}.highlight-icon.purple{background-color:#ede9fe;color:#7c3aed}.highlight-item h3{font-size:1.25rem;margin-bottom:10px;font-weight:700;color:#111827}.highlight-item p{font-size:.95rem;color:#4b5563}.blog-section{padding:20px 0;background-color:#f8fafc}.blog-container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-heading{font-size:40px;text-align:center;color:#1e40af;margin-bottom:12px;font-weight:700;margin-top:-10px}.blog-description{text-align:center;color:#4b5563;margin-bottom:48px;font-size:20px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.blog-card{position:relative;background:#fff;border-radius:16px;padding:40px 30px 30px!important;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.blog-header-center{display:flex;justify-content:center;margin-bottom:1rem;padding-bottom:30px}.blog-card:hover{box-shadow:0 10px 24px #00000014}.blog-role-badge{display:inline-block;background-color:#2563eb;color:#fff;padding:4px 10px;font-size:12px;font-weight:600;border-radius:100px;margin-bottom:12px;max-width:fit-content;white-space:nowrap}.blog-title{font-size:16px;font-weight:700;color:#040404;margin-top:0;margin-bottom:0;line-height:1.4}.blog-desc{font-size:20px;color:#4b5563;margin-top:-10px;margin-bottom:8px}.blog-meta{font-size:13px;color:#6b7280;display:flex;justify-content:space-between;margin-bottom:10px}.blog-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px}.blog-time{color:#9ca3af}.blog-readmore{color:#2563eb;font-weight:600;font-size:14px;text-decoration:none}.blog-title .break-line{display:block;font-size:15px;color:#000;margin-top:4px}.blog-readmore:hover{text-decoration:underline}.slideshow-wrapper{width:100%;height:400px;overflow:hidden;position:relative;background-color:#fff;display:flex;align-items:center;justify-content:center}.slideshow-track{display:flex;animation:scroll-slide 25s linear infinite}.slideshow-img{height:100%;width:auto;object-fit:contain;flex-shrink:0;margin-right:20px;display:block}@keyframes scroll-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{width:100%;overflow:hidden;background-color:#1e40af;height:60px;display:flex;align-items:center;padding-left:20px}.marquee-track{display:inline-block;white-space:nowrap;animation:scroll-left 30s linear infinite;will-change:transform}.marquee-container:hover .marquee-track{animation-play-state:paused;cursor:pointer}.marquee-text{display:inline-block;color:#fff;font-size:1.3rem;font-weight:500}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f1f5f9;color:#1f2937}.khoa-hoc-section{background:linear-gradient(135deg,#f0f4ff,#dbeafe 40%,#fdf2f8);padding:4rem 1rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.khoa-hoc-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3),transparent 40%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.2),transparent 50%);z-index:0;pointer-events:none}.khoa-hoc-title{font-size:2.5rem;font-weight:800;color:#1e40af;text-align:center;margin-bottom:2rem}.khoa-hoc-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;width:100%}.khoa-hoc-card{width:360px;height:100%;background:#e0f2fe;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.khoa-hoc-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 25px #0000001a}.khoa-hoc-card-img{width:100%;height:200px;object-fit:cover;border-radius:0}.khoa-hoc-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.khoa-hoc-content h3{font-size:1.25rem;font-weight:600;color:#2563eb;margin-bottom:.5rem}.khoa-hoc-highlights{flex-grow:1;min-height:120px;margin-top:.75rem;margin-bottom:auto;padding-left:1.2rem;color:#374151;font-size:.95rem;line-height:1.5;list-style:none}.khoa-hoc-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;gap:1rem}.khoa-hoc-price{font-size:1rem;font-weight:600;color:#1f2937;white-space:nowrap}.khoa-hoc-button{padding:.5rem 1rem;background-color:#2563eb;color:#fff;font-weight:500;border:none;border-radius:9999px;transition:background-color .3s ease,box-shadow .2s ease;box-shadow:0 2px 6px #0000001a;white-space:nowrap}.khoa-hoc-button:hover{background-color:#1d4ed8;cursor:pointer;box-shadow:0 4px 10px #00000026}.khoa-hoc-single{max-width:360px;margin:2rem auto}.alert{margin:1rem auto;padding:1rem 1.25rem;border-radius:8px;font-size:1rem;font-weight:500;width:fit-content;max-width:90%;text-align:center;transition:all .3s ease}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.back-button-wrapper{display:flex;justify-content:center;margin-top:3rem;width:100%}.back-button{background-color:#e0e7ff;border:none;color:#1e3a8a;font-size:1rem;font-weight:500;padding:.6rem 1.4rem;border-radius:9999px;transition:all .3s ease;cursor:pointer}.back-button:hover{background-color:#c7d2fe;color:#2563eb}@media (max-width: 768px){.khoa-hoc-grid{grid-template-columns:1fr}}@media (min-width: 1600px){.khoa-hoc-grid{max-width:90vw}}.thong-bao-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#fff;padding:2rem 2.5rem;border-radius:1rem;box-shadow:0 12px 40px #00000040;z-index:9999;max-width:90%;width:400px;text-align:center;opacity:0;animation:fadeScaleIn .3s cubic-bezier(.25,1,.5,1) forwards}@keyframes fadeScaleIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.thong-bao-modal.success{border:2px solid #10b981;background-color:#d1fae5;color:#065f46}.thong-bao-modal.error{border:2px solid #ef4444;background-color:#fee2e2;color:#991b1b}.thong-bao-modal button{margin-top:1.5rem;padding:.5rem 1.2rem;background-color:#2563eb;color:#fff;border:none;border-radius:9999px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.thong-bao-modal button:hover{background-color:#1d4ed8;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:30px;border-radius:12px;width:100%;max-width:500px;position:relative;box-shadow:0 6px 20px #00000040;animation:fadeIn .3s ease}.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;color:#555}.create-course-form input,.create-course-form button{width:100%;margin-bottom:10px;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:15px}.create-course-form button{background:#3b82f6;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background .3s}.create-course-form button:hover{background:#2563eb}.message{margin-top:10px;font-weight:700;text-align:center;color:green}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.consultant-select{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:15px;margin-bottom:12px}.event-page{padding:2rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);min-height:100vh;font-family:Arial,sans-serif}.back-button{background-color:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease;margin-bottom:1.5rem;display:inline-flex;align-items:center}.back-button:hover{background-color:#1d4ed8;transform:translate(-2px)}.create-button{margin:1.5rem 0}.event-header{text-align:center;margin-bottom:2.5rem}.event-header h1{font-size:2.5rem;color:#1e3a8a;font-weight:700;text-transform:uppercase;letter-spacing:1px}.event-container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;max-width:1200px;margin:0 auto}.event-card{background:linear-gradient(145deg,#fff,#f9fafb);padding:24px;border-radius:16px;box-shadow:0 6px 15px #00000014;width:350px;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.event-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.event-image{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px}.event-card h2{font-size:1.6rem;color:#1a202c;margin-bottom:12px;font-weight:600}.event-card p{margin:8px 0;font-size:1.1rem;color:#2d3748;line-height:1.5}.event-topic,.event-date,.event-time,.event-location,.event-host{font-weight:500}.event-description{font-size:1rem;color:#4a5568;margin-top:10px}.join-button{margin-top:1.5rem;padding:12px 20px;background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease;width:100%}.join-button:hover{transform:translateY(-2px);background:linear-gradient(90deg,#1d4ed8,#1e40af)}.edit-button{margin-top:.5rem;padding:12px 20px;background:linear-gradient(90deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease;width:100%}.edit-button:hover{transform:translateY(-2px);background:linear-gradient(90deg,#059669,#047857)}.form-input{display:block;width:100%;padding:10px;margin-bottom:5px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;box-sizing:border-box}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 5px #2563eb80}textarea.form-input{height:80px;resize:vertical}.date-input{padding:10px}.form-label{font-size:1rem;color:#2d3748;margin-bottom:5px;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:linear-gradient(145deg,#fff,#f9fafb);padding:2rem;border-radius:16px;box-shadow:0 10px 25px #0003;width:450px;max-height:85vh;overflow-y:auto;position:relative;animation:slideIn .3s ease-out}.modal-title{font-size:1.8rem;color:#1e3a8a;text-align:center;margin-bottom:1.5rem;font-weight:700}.form-group{display:flex;flex-direction:column;gap:1rem}.file-label{font-size:1rem;color:#2d3748;margin-bottom:5px;font-weight:500}.file-input{padding:8px}.preview-image{margin-top:10px;border:2px solid #e2e8f0}.button-group{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button{background:#ef4444}.cancel-button:hover{background:#dc2626}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.trang-chien-dich{max-width:900px;margin:0 auto;padding:40px 20px;background-color:#f9f9f9}.khung-chien-dich{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.tieu-de{font-size:26px;font-weight:700;color:#1e40af;margin-bottom:10px}.mo-ta{color:#4b5563;margin-bottom:25px}.khung-cau-hoi{margin-bottom:30px;border-bottom:1px solid #e5e7eb;padding-bottom:20px}.ten-cau-hoi{display:block;font-size:18px;font-weight:500;margin-bottom:10px}.lua-chon-tra-loi{display:flex;flex-direction:column;gap:10px}.muc-lua-chon{display:flex;align-items:center;gap:10px}.o-chon{width:18px;height:18px}.o-nhap-van-ban{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:10px;resize:none;font-size:16px}.khung-nut-gui{margin-top:30px}.nut-gui{background-color:#2563eb;color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer}.nut-gui:hover{background-color:#1d4ed8}.trang-tai-du-lieu{display:flex;justify-content:center;align-items:center;height:100vh}.thong-bao{color:#6b7280;font-size:18px}.popup-thongbao{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.noi-dung-thongbao{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 12px #0000004d;max-width:400px;text-align:center}.noi-dung-thongbao p{margin-bottom:20px;font-size:16px;color:#111827}.noi-dung-thongbao button{background-color:#2563eb;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer}.noi-dung-thongbao button:hover{background-color:#1d4ed8}.page-container{padding:20px;max-width:1100px;margin:0 auto}.page-title{font-size:24px;text-align:center;margin-bottom:20px}.button-container{text-align:center;margin-bottom:16px}.btn-primary{background-color:#007bff;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer}.btn-primary:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.btn-success{background-color:#28a745;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.btn-danger:hover,.btn-success:hover{opacity:.85}.table-container{overflow-x:auto}.course-table{width:100%;border-collapse:collapse;margin-top:10px}.course-table th,.course-table td{border:1px solid #ccc;padding:8px;text-align:center}.course-table th{background-color:#f0f0f0}.text-green{color:green;font-weight:700}.text-red{color:red;font-weight:700}.form-container{margin-bottom:20px;border:1px solid #ccc;padding:16px;border-radius:8px;background:#f9f9f9}.quanly-khaosat{padding:1rem}.tieu-de{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.khung-khaosat{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:1rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.noi-dung-khaosat{max-width:70%}.ten-khaosat{font-size:1.2rem;font-weight:600}.mo-ta{color:#666;font-size:.9rem;margin-bottom:.5rem}.trangthai-hoatdong{color:green;font-weight:700}.trangthai-ngung{color:red;font-weight:700}.nut-chucnang{padding:.5rem 1rem;border-radius:6px;color:#fff;border:none;cursor:pointer;font-weight:500}.nut-kichhoat{background-color:#28a745}.nut-ngung{background-color:#dc3545}.lichhen-container{max-width:1100px;margin:40px auto;padding:25px;background:#fff;border-radius:12px;box-shadow:0 0 15px #00000026;font-family:Arial,sans-serif}.lichhen-title{text-align:center;font-size:26px;color:#333;margin-bottom:25px}.lichhen-table{width:100%;border-collapse:collapse;background-color:#fdfdfd;border-radius:8px;overflow:hidden;box-shadow:0 0 8px #0000000d}.lichhen-table th{background-color:#007bff;color:#fff;padding:12px;text-align:center;font-size:14px}.lichhen-table td{padding:10px;border:1px solid #ddd;text-align:center;font-size:14px}.lichhen-table tr:nth-child(2n){background-color:#f2f2f2}.lichhen-table tr:hover{background-color:#e8f4ff}.lichhen-table input[type=text]{width:100px;padding:5px;border:1px solid #ccc;border-radius:6px;text-align:center;font-size:13px}.btn-update{padding:6px 12px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background-color .3s ease}.btn-update:hover{background-color:#218838}.text-center{text-align:center}.mt-10{margin-top:40px}.lichhen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-home{background-color:#3498db;color:#fff;padding:8px 16px;text-decoration:none;border-radius:6px;transition:background-color .3s}.btn-home:hover{background-color:#2980b9}.dashboard-survey-container{padding:25px;background-color:#fff;border-radius:12px;max-width:900px;margin:30px auto;box-shadow:0 4px 12px #0000001a}.dashboard-survey-title{color:#0b318f;margin-bottom:20px;font-size:2.2rem;text-align:center;font-weight:600}.dashboard-survey-participant-count{margin-bottom:25px;font-size:1.2rem;color:#444;text-align:center;background-color:#f0f4f8;padding:10px;border-radius:6px;display:inline-block}.dashboard-survey-search-container{margin:25px 0;text-align:center}.dashboard-survey-search-container input{padding:10px;width:300px;border:2px solid #0b318f;border-radius:8px;font-size:1rem;transition:all .3s ease}.dashboard-survey-search-container input:focus{border-color:#021e4a;box-shadow:0 0 8px #0b318f66;outline:none}.dashboard-survey-user-list{list-style:none;padding:0}.dashboard-survey-user-item{margin-bottom:20px;padding:20px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.dashboard-survey-user-item:hover{background-color:#f0f4f8;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-survey-user-item span{display:block;color:#666;margin-bottom:5px}.dashboard-survey-user-item span strong{color:#0b318f;font-weight:500}.dashboard-survey-detail-button{display:inline-block;margin-top:10px;padding:8px 16px;background-color:#0b318f;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;transition:all .3s ease}.dashboard-survey-detail-button:hover{background-color:#021e4a;transform:translateY(-1px)}.dashboard-survey-back-button{display:block;margin-top:30px;padding:12px 24px;background-color:#0b318f;color:#fff;text-decoration:none;border-radius:8px;text-align:center;max-width:180px;margin-left:auto;margin-right:auto;font-weight:500;transition:all .3s ease}.dashboard-survey-back-button:hover{background-color:#021e4a;transform:translateY(-2px);box-shadow:0 2px 6px #0003}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:1.5rem;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.btn-close-detail{margin-top:1rem;padding:.5rem 1rem;background:#f56c6c;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-close-detail:hover{background:#dd6161}.modal-content h3{margin-bottom:.5rem;color:#409eff}.modal-content ul{list-style:none;padding-left:0}.modal-content li{margin-bottom:.5rem;border-bottom:1px solid #ececec;padding-bottom:.5rem}.dashboard-campaign-container{padding:20px;text-align:center}.pie-chart-wrapper{display:flex;justify-content:center;margin:20px 0}.text-stats{margin-top:20px;font-size:16px}.back-button{display:inline-block;margin-top:30px;padding:8px 16px;background-color:#2196f3;color:#fff;border-radius:4px;text-decoration:none}.back-button:hover{background-color:#0b7dda}.campaigns-wrapper{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:30px}.campaign-section{border:1px solid #ccc;padding:20px;border-radius:12px;background-color:#f9f9f9}.feedback-form-container{max-width:600px;margin:40px auto;padding:24px;background-color:#f7f9fc;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif}.feedback-form-container h2{text-align:center;margin-bottom:20px;color:#2c3e50}.feedback-form{display:flex;flex-direction:column;gap:16px}.feedback-form label{display:flex;flex-direction:column;font-weight:700;color:#34495e}.feedback-form select,.feedback-form textarea{padding:10px;margin-top:6px;border-radius:6px;border:1px solid #ccc;resize:vertical;font-size:14px}.feedback-form textarea{min-height:100px}.feedback-form button{padding:10px;background-color:#3498db;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.feedback-form button:hover{background-color:#2980b9}.feedback-message{margin-top:16px;font-weight:700;text-align:center;color:#e74c3c}.BACK{margin-top:20px;text-align:center}.BACK button{background-color:#2ecc71;color:#fff;padding:10px 16px;font-size:15px;border:none;border-radius:6px;cursor:pointer}.BACK button:hover{background-color:#27ae60}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333}.profile-container{max-width:960px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d}.tittle-thongtin{margin-bottom:1rem;font-size:1.6rem;color:#2a2a2a;border-bottom:2px solid #e1e4e8;padding-bottom:.5rem}.thongtin{list-style:none;margin-bottom:2rem}.thongtin li{padding:.5rem 0;font-size:1rem;border-bottom:1px solid #ececec}.thongtin li:last-child{border-bottom:none}.user-edit,.consultant-edit{margin-bottom:2rem;padding:1rem;background:#fafbfd;border:1px solid #e1e4e8;border-radius:6px}.user-edit h3,.consultant-edit h3{margin-bottom:.75rem;font-size:1.2rem}.user-edit label,.consultant-edit label{display:block;margin-bottom:.75rem;font-size:.95rem;color:#444}.user-edit input,.user-edit select,.consultant-edit input{width:100%;padding:.5rem;font-size:1rem;margin-top:.25rem;border:1px solid #ccc;border-radius:4px;transition:border .2s}.user-edit input:focus,.user-edit select:focus,.consultant-edit input:focus{border-color:#409eff;outline:none}.btn-update,.btn-back-home,.btn-close{display:inline-block;margin-top:.5rem;padding:.55rem 1.2rem;font-size:.95rem;font-weight:500;color:#fff;background-color:#409eff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-update:hover,.btn-back-home:hover,.btn-close:hover{background-color:#367bd9}.btn-back-home{background-color:#67c23a}.btn-back-home:hover{background-color:#5aad2b}.flex-btn-group{display:flex;gap:1rem;margin-bottom:2rem}.history-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.history-columns>div{background-color:#fafbfd;padding:1rem;border:1px solid #e1e4e8;border-radius:6px;max-height:500px;overflow-y:auto}.history-columns h2{font-size:1.2rem;margin-bottom:.75rem;color:#2a2a2a}.survey-item,.request-item,.appointment-item,.feedback-item{padding:.75rem;margin-bottom:1rem;background:#fff;border-radius:4px;box-shadow:0 2px 6px #0000000a}.survey-item h3,.request-item p strong,.appointment-item p strong,.feedback-item p strong{color:#409eff}.survey-item details{margin-top:.5rem}.popup-courses{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:9999;display:flex;justify-content:center;align-items:center}.popup-content{background-color:#fff;padding:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:10px;box-shadow:0 4px 8px #0003}.popup-content h2{font-size:1.4rem;margin-bottom:1rem}.btn-close{position:absolute;top:1rem;right:1rem}.course-item{margin-bottom:1rem;padding:.75rem;background:#fafbfd;border:1px solid #e1e4e8;border-radius:4px}.course-item h3,.course-item h4{color:#409eff}.session-list{margin-top:.75rem}.session-list h4{margin-bottom:.5rem}.session-list ul{list-style:none}.session-list li{background:#fff;padding:.5rem;border-radius:4px;margin-bottom:.5rem;box-shadow:0 1px 4px #00000008}@media (max-width: 600px){.flex-btn-group{flex-direction:column}}.quanly-container{max-width:1200px;margin:0 auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #0000001a}.quanly-container h2{text-align:center;color:#1e40af;font-size:28px;margin-bottom:24px}table{width:100%;border-collapse:collapse;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}th,td{border:1px solid #e2e8f0;padding:12px 16px;text-align:center}th{background-color:#f1f5f9;color:#1e293b;font-weight:700}tr:nth-child(2n){background-color:#f9fafb}select{padding:6px 10px;border-radius:6px;border:1px solid #cbd5e1;font-weight:500}button{background-color:#3b82f6;color:#fff;padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:500}button:hover{background-color:#2563eb}.xulyyeucau-container{padding:30px;background-color:#f9f9f9;min-height:100vh}.xulyyeucau-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#1e3a8a}.xulyyeucau-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 0 10px #0000000d}.xulyyeucau-table th,.xulyyeucau-table td{border:1px solid #ddd;padding:12px;text-align:left}.xulyyeucau-table th{background-color:#e0e7ff;font-weight:700;color:#111827}.status.pending{color:#d97706;font-weight:700}.action-buttons{display:flex;flex-direction:column;gap:6px}.rejection-input{padding:6px 0;border:1px solid #ccc;border-radius:4px;width:100%}.btn{padding:6px 12px;border:none;border-radius:4px;font-weight:700;cursor:pointer}.btn-approve{background-color:#16a34a;color:#fff}.btn-reject{background-color:#dc2626;color:#fff}.status-processed{font-style:italic;color:#6b7280}.dashboard-yeucau-container{padding:30px;background-color:#f7f7f7;min-height:100vh}.dashboard-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#1d4ed8}.dashboard-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 0 6px #00000014}.dashboard-table th,.dashboard-table td{padding:12px;border:1px solid #ddd;text-align:left}.dashboard-table th{background-color:#dbeafe;color:#1e293b}.status.approved{color:#16a34a;font-weight:700}.status.rejected{color:#dc2626;font-weight:700}.bao-cao-phan-hoi{padding:2rem;font-family:Arial,sans-serif}.tieu-de{font-size:24px;font-weight:700;margin-bottom:1.5rem;color:#333}.loi{color:red;margin-bottom:1rem}.bang-phan-hoi{overflow-x:auto}.bang{width:100%;border-collapse:collapse}.bang th,.bang td{border:1px solid #ddd;padding:.75rem;text-align:left}.bang th{background-color:#f0f0f0}.header{display:flex;justify-content:space-between;align-items:center}.quay-ve{background-color:#f2f2f2;color:#333;border:1px solid #ccc;padding:6px 12px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.quay-ve:hover{background-color:#e0e0e0}.assist-survey-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f2f6fa;padding:24px}.survey-box{background-color:#fff;padding:32px 40px;border-radius:16px;box-shadow:0 10px 24px #00000014;width:100%;max-width:640px}.question-title{text-align:center;font-size:22px;font-weight:700;color:#222;margin-bottom:24px}.input-group{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.label-title{font-size:16px;font-weight:600;color:#333}.input-group textarea{width:100%;min-height:120px;padding:16px;font-size:16px;font-family:inherit;border:1px solid #ccc;border-radius:12px;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .3s ease,box-shadow .3s ease;background-color:#fff;box-shadow:inset 0 1px 3px #00000014}.input-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background-color:#f9fbff}.button-group{display:flex;gap:16px;justify-content:space-between}.submit-button{flex:1;padding:14px 0;font-size:16px;font-weight:600;border:none;border-radius:10px;background-color:#3498db;color:#fff;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-button:hover{background-color:#2c80b4;transform:translateY(-2px)}.status-message{margin-top:20px;padding:12px;border-radius:8px;text-align:center;font-weight:500}.status-message.success{background-color:#e6f7e6;color:#2e7d32;border:1px solid #a5d6a7}.status-message.error{background-color:#fdecea;color:#c62828;border:1px solid #f5c6cb}.diemdanh-container{padding:20px;font-family:Arial,sans-serif}.session-block{background:#f9f9f9;border:1px solid #ccc;margin-top:20px;padding:15px;border-radius:10px}.student-table{width:100%;border-collapse:collapse;margin-top:10px}.student-table th,.student-table td{border:1px solid #ccc;padding:8px;text-align:left}.student-table th{background:#f0f0f0}.btn-back-home{margin-bottom:20px;padding:8px 12px;border:none;background-color:#1976d2;color:#fff;border-radius:5px;cursor:pointer}.khung-thanh-toan{padding:30px;background-color:#f8f9fa;border-radius:16px;box-shadow:0 4px 12px #00000014;max-width:1200px;margin:40px auto;font-family:Segoe UI,sans-serif}.tieu-de{font-size:28px;font-weight:700;color:#333;margin-bottom:24px;text-align:center}.bang-thanh-toan{width:100%;border-collapse:collapse;background-color:#fff;border-radius:12px;overflow:hidden}.bang-thanh-toan th,.bang-thanh-toan td{padding:12px 16px;text-align:center;border-bottom:1px solid #ddd}.bang-thanh-toan th{background-color:#007bff;color:#fff;font-weight:600}.trang-thai-hoan-tat{color:green;font-weight:700}.trang-thai-cho{color:orange;font-weight:700}.nut-xac-nhan{padding:8px 16px;background-color:#28a745;color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.nut-xac-nhan:hover{background-color:#218838}.dang-tai{text-align:center;font-size:18px;margin-top:50px;color:#555}.quanly-chiendich{padding:20px;max-width:900px;margin:0 auto}.campaign-list{display:grid;grid-template-columns:1fr;gap:20px}.campaign-card{border:1px solid #ccc;padding:16px;border-radius:12px;background-color:#f9f9f9;box-shadow:1px 1px 5px #0000001a}.campaign-card h3{margin-bottom:8px}.toggle-btn{padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-top:10px}.toggle-btn.enable{background-color:#4caf50;color:#fff}.toggle-btn.disable{background-color:#f44336;color:#fff}.return-vnpay-container{padding:40px;max-width:600px;margin:50px auto;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 10px #0000001a}.return-vnpay-title{font-size:28px;font-weight:700;color:#2e7d32;margin-bottom:20px}.return-vnpay-title.failed{color:#d32f2f}.return-vnpay-details{font-size:16px;text-align:left;margin:20px auto;max-width:400px}.return-vnpay-details p{margin:10px 0}.return-vnpay-button{display:inline-block;margin-top:30px;padding:12px 24px;background-color:#2196f3;color:#fff;border-radius:6px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.return-vnpay-button:hover{background-color:#1565c0}.payment-history-page{max-width:800px;margin:30px auto;padding:20px;background-color:#f7f9fc;border-radius:12px;box-shadow:0 0 10px #0000001a}.payment-history-page h2{text-align:center;color:#2c3e50;margin-bottom:20px}.btn-back-home{display:inline-block;margin-bottom:20px;padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.btn-back-home:hover{background-color:#2980b9}.payment-item{background-color:#fff;padding:16px;margin-bottom:15px;border-left:5px solid #2ecc71;border-radius:8px;box-shadow:0 2px 6px #0000000d}.payment-item p{margin:5px 0;font-size:15px}.payment-item a{color:#e74c3c;text-decoration:underline}.payment-item a:hover{color:#c0392b}