:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kanit,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;font-weight:500;text-decoration:none}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;font-family:inherit;font-size:1em;font-weight:500;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}}.custom-navbar{z-index:1000;background-color:#ffc014;width:100%;max-width:100%;margin:0;padding:1rem;font-family:Inter,sans-serif;position:relative;top:0;left:0}.navbar-logo{border-radius:12px;width:6.6rem;height:4.75rem;margin-left:1.5rem}.nav-text-custom{letter-spacing:.05rem;cursor:pointer;border-radius:.5rem;margin-top:1.4rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:600;transition:all .3s;display:inline-block;position:relative;color:#033e65!important;padding:.5rem 2rem!important}.nav-text-custom:after{content:"";background:currentColor;width:0;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-text-custom:hover:after{animation:.4s forwards underline-slide}.nav-text-custom:active{color:#fff!important}@keyframes underline-slide{0%{width:0%}to{width:80%}}.nav-text-dropdown{letter-spacing:.05rem;cursor:pointer;border-radius:.5rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:600;transition:all .3s;display:inline-block;position:relative;color:#033e65!important;padding:.5rem 2rem!important}button.nav-text-dropdown{background:0 0;border:none}button.nav-text-dropdown:after{display:none}.v-icon{border-bottom:3px solid #033e65;border-right:3px solid #033e65;width:.6rem;height:.6rem;margin-left:.5rem;transition:transform .3s;display:inline-block;transform:rotate(45deg)}.dropdown-toggle[aria-expanded=true].v-icon{transform:rotate(-135deg)}.nav-item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;margin-top:.3rem;display:block}.dropdown-menu{right:2rem}.nav-item.dropdown:hover .v-icon{transform:rotate(-135deg)}.signin-custom{color:#033e65;letter-spacing:.05rem;border:2px solid #033e65;border-radius:20px;margin:0 2rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;padding:.5rem 1.5rem!important}.signin-custom:hover{color:#fff;background-color:#033e65}@media (max-width:1200px){#navbarNav{justify-content:flex-start}#navbarNav .navbar-nav{flex-direction:column;width:100%}#navbarNav .nav-item{text-align:left}.nav-text-dropdown:after,.nav-link:after,.dropdown-item:after{content:""!important;opacity:0!important;pointer-events:none!important;width:0!important;transition:none!important;transform:none!important}.nav-text-dropdown,.nav-link,.dropdown-item{justify-content:flex-start;align-items:center;gap:.4rem;display:inline-flex;transition:none!important}}.navbar-toggler{padding:.25rem;border:none!important}.navbar-toggler:focus,.navbar-toggler:active{box-shadow:none!important;background-color:#0000!important;border:none!important;outline:none!important}.navbar-toggler:hover{background-color:#0000!important}.custom-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}.proflieimg{cursor:pointer;border-radius:50%;width:5rem;height:5rem;margin-left:2.4rem;margin-right:2rem}.card-container{background-color:#033e65;justify-content:center;padding:1.5rem;display:flex}.card-box{width:100%;max-width:1600px;margin:0 auto}.card-title{color:#fff;text-align:left;justify-content:space-between;margin-bottom:1rem;font-family:Kanit,sans-serif;font-weight:400;display:flex}.search-box{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}.search-input-wrapper{flex:300px;max-width:450px;position:relative}.search-input-wrapper .search-input{color:#000;box-sizing:border-box;background-color:#fff;border:none;border-radius:12px;outline:none;width:100%;padding:.75rem 32px .75rem 50px;font-size:1rem}.search-input-wrapper .search-icon{pointer-events:none;width:22px;height:22px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper .search-icon-right{cursor:pointer;width:14px;height:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-button{cursor:pointer;color:#033e65;white-space:nowrap;background-color:#fac14b;border:none;border-radius:12px;justify-content:center;align-items:center;height:48px;padding:0 1.75rem;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:500;display:flex}.search-button:active{color:#fac14b;background-color:#033e65;border:2px solid #fac14b}.search-button02{cursor:pointer;color:#033e65;white-space:nowrap;background-color:#fac14b;border:none;border-radius:12px;justify-content:center;align-items:center;height:48px;padding:0 1.75rem;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:500;display:flex}.search-button02:active{color:#fac14b;background-color:#033e65;border:2px solid #fac14b}.dropdown-search{cursor:pointer;color:#033e65;white-space:nowrap;background-color:#fff;border:none;border-radius:12px;align-items:center;gap:.5rem;height:48px;padding:0 1.5rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:500;display:flex}.reset-button{cursor:pointer;color:#fff;background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;height:48px;padding:0 .75rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:500;display:inline-flex;position:relative}.reset-button:after{content:"";background-color:#fff;width:0%;height:2px;transition:width .3s;position:absolute;bottom:6px;left:10%}.reset-button:hover{color:#fac14b}.reset-button:hover:after{background-color:#fac14b;width:80%}.deep-search-button{cursor:pointer;color:#fff;background-color:#0000;border:none;border-radius:12px;width:fit-content;padding:.5rem 0;font-family:Kanit,sans-serif;font-size:1.2rem;font-weight:500;display:inline-block;position:relative}.deep-search-button:hover{color:#fac14b}@media (min-width:1370px){.search-button02,.search-dropdown-button{display:none}}@media (max-width:1370px){.search-input-wrapper{flex:48%;max-width:100%}.dropdown-search{flex:48%;justify-content:space-between}.search-button{order:1;width:100%;font-size:1.3rem;display:none}.search-button02{pointer-events:auto;z-index:10;justify-content:center;align-items:center;width:60%;margin:0 auto;display:flex;position:relative;left:0;right:0}.deep-search-button{text-align:center;margin-top:1.5rem;display:block;top:2.5rem;left:5px}}@media (max-width:767px){.card-box{position:relative}.search-button02{visibility:visible;pointer-events:auto;z-index:10;order:1;justify-content:center;align-items:center;width:100%;margin:0 auto;font-size:1.3rem;display:flex;left:0;right:0}.search-button{display:none}.deep-search-button{text-align:center;margin-top:1.5rem;display:block;top:2.5rem;left:5px}.search-box .reset-button{color:#033e65;text-align:center;background-color:#fac14b;border-radius:12px;width:100%;min-height:44px;padding:0;font-size:1.25rem;font-weight:500;display:block}.search-box .reset-button:after{display:none}.search-box .reset-button:active{color:#fac14b;background-color:#033e65;border:2px solid #fac14b}}#root{text-align:center;width:100%}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.read-the-docs{color:#888}.container{padding:0;max-width:100%!important}.carousel-img{object-fit:cover;width:100%;height:100%}.carousel-overlay{z-index:1;background:#00000059;width:100%;height:100%;position:absolute;top:0;left:0}.carousel-caption{z-index:2}.custom-carousel-height{height:450px;position:relative}.carousel-item{height:100%}.carousel-img{object-fit:cover;object-position:center;width:100%;height:100%}._university-box_12nma_3{background-color:#0000;justify-content:center;width:100%;max-width:1380px;margin:0 auto;display:flex;overflow-x:hidden}._university-content_12nma_23{width:100%;position:relative;overflow:hidden}._university-header_12nma_35{text-align:left;margin-bottom:16px;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:400}._divider_12nma_51{background-color:#828282;height:2px;margin:2rem 0}._four-box-container_12nma_65{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}._four-box-item_12nma_81 ._image-box_12nma_81 img{cursor:pointer;object-fit:cover;background:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:18.75rem;height:23.125rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}._four-box-item_12nma_81:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}@media (max-width:768px){._four-box-item_12nma_81{width:45%}}._uni-slideshow_12nma_143{width:100%;min-height:24rem;position:relative;overflow:hidden}._slide_12nma_169{width:100%}._slide-right_12nma_179 ._four-box-container_12nma_65{animation:.25s forwards _slideInFromRight_12nma_1}._slide-left_12nma_187 ._four-box-container_12nma_65{animation:.2s forwards _slideInFromLeft_12nma_1}@keyframes _slideInFromRight_12nma_1{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}@keyframes _slideInFromLeft_12nma_1{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}._slide-btn_12nma_249{color:#fff;cursor:pointer;opacity:.75;z-index:20;background:#000;border:none;border-radius:50%;padding:12px 18px;font-size:1.4rem;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}._slide-btn_12nma_249:hover{opacity:1}._prev_12nma_289{left:10px}._next_12nma_297{right:10px}.quick-box{background-color:#0000;justify-content:center;display:flex}.quick-content{position:relative;overflow:hidden}.quick-header{text-align:left;margin-bottom:16px;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:400}.seven-box-container{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.seven-box-item .image-box img{cursor:pointer;object-fit:cover;background:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:10.188rem;height:9.063rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.seven-box-item:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}@media (max-width:768px){.seven-box-item{width:45%}}.quick-slideshow{width:100%;position:relative;overflow:hidden}.slide-right .seven-box-container{animation:.25s forwards slideInFromRight}.slide-left .seven-box-container{animation:.2s forwards slideInFromLeft}@keyframes slideInFromRight{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}.quick-slide-btn{color:#fff;cursor:pointer;opacity:0;z-index:20;background:#639fab;border:none;padding:55px 18px;font-size:1.4rem;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.quick-slide-btn:hover{opacity:1}.quick-prev{left:0}.quick-next{right:0}.career-box{background-color:#0000;justify-content:center;display:flex}.career-content{position:relative;overflow:hidden}.career-header{text-align:left;margin-bottom:16px;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:400}.five-box-container{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.five-box-item .image-box img{cursor:pointer;object-fit:cover;background:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:14.813rem;height:20rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.five-box-item:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}@media (max-width:768px){.five-box-item{width:45%}}.career-slideshow{width:100%;position:relative;overflow:hidden}.slide{width:100%}.slide-right .five-box-container{animation:.25s forwards slideInFromRight}.slide-left .five-box-container{animation:.2s forwards slideInFromLeft}.career-slide-btn{color:#fff;cursor:pointer;opacity:0;z-index:20;background:#639fab;border:none;padding:145px 18px;font-size:1.4rem;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.career-slide-btn:hover{opacity:1}.career-prev{left:0}.career-next{right:0}.apply-box{justify-content:center;width:100%;display:flex}.apply-content{position:relative;overflow:hidden}.apply-header{text-align:left;margin-bottom:16px;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:400}.apply-row{gap:1.75rem;width:100%;display:flex}.apply-item{cursor:pointer;opacity:.9;background:#fff;border:1px solid #d1d1d1;border-radius:16px;flex:1;width:18.75rem;height:30.313rem;padding:16px;transition:all .3s;overflow:hidden}.apply-item:hover{opacity:1;box-shadow:0 6px 18px #0000001f}.apply-item.active{flex:2.2}.apply-item:not(.active):hover,.apply-item:not(.active){flex:.5}.apply-item h3{margin-bottom:10px;font-size:1.1rem;font-weight:600}.apply-item p{margin-top:10px;font-size:.9rem}.banner-box{background-color:#0000;justify-content:center;display:flex}.banner-content{position:relative;overflow:hidden}.banner-main{justify-content:center;width:100%;margin:0;padding:0;display:flex}.banner-image{border-radius:12px}._suggestion-box_156rz_3{background-color:#0000;justify-content:center;display:flex}._suggestion-content_156rz_21{width:86.25rem;position:relative;overflow:hidden}._suggestion-header_156rz_33{text-align:left;margin-bottom:16px;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:400}._divider_156rz_49{background-color:#828282;height:2px;margin:2rem 0}._suggestion-grid_156rz_61{grid-template-columns:repeat(7,1fr);gap:16px;margin-top:24px;display:grid}._suggestion-grid-item_156rz_77{cursor:pointer;object-fit:cover;background:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:10.188rem;height:9.063rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}._suggestion-image-box_156rz_113 img{object-fit:contain;aspect-ratio:1;border-radius:12px;width:100%;height:auto;display:flex}._suggestion-grid-item_156rz_77:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}.partner-box{background-color:#0000;justify-content:center;display:flex}.partner-content{width:86.25rem;position:relative;overflow:hidden}.partner-header{text-align:left;margin-bottom:16px;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:400}.divider{background-color:#828282;height:2px;margin:2rem 0}.partner-grid{grid-template-columns:repeat(7,1fr);gap:16px;margin-top:24px;display:grid}.partner-grid-item{cursor:pointer;object-fit:cover;background:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:10.188rem;height:9.063rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.partner-image-box img{object-fit:cover;border-radius:12px;width:100%;height:auto}.partner-grid-item:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}._contact-box_13dnf_1{color:#fff;text-align:left;background-color:#033e65;height:100%;margin-top:6rem;padding:40px 20px;font-family:Kanit,sans-serif}._contact-content_13dnf_23{max-width:1200px;margin:0 auto}._contact-columns_13dnf_35{flex-wrap:wrap;gap:40px;margin-bottom:40px;display:flex}._contact-column_13dnf_35{flex:1;min-width:250px}._contact-column_13dnf_35 h3{margin-bottom:10px;font-size:1.2rem}._contact-column_13dnf_35 p{margin-bottom:10px}._contact-column_13dnf_35 ul{padding-left:0;list-style:none}._contact-column_13dnf_35 ul li{margin-bottom:5px}._contact-footer_13dnf_97{color:#b1b1b1;flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}._google-page_o46bl_3{background:#f1f3f4;justify-content:center;align-items:center;min-height:100vh;display:flex}._login-container_o46bl_19{width:100%;min-height:100vh;display:flex;overflow-x:hidden}._login-banner_o46bl_35{background-color:#eee;flex:0 0 65%;display:block}._banner-img_o46bl_47{object-fit:cover;filter:brightness(60%);width:100%;height:100%;display:block}._google-card_o46bl_65{background:#fff;width:100%;height:100vh;margin:auto;padding:2.5rem;box-shadow:0 4px 12px #0000001a}._google-title_o46bl_89{color:#202124;font-size:28px;font-weight:500}._google-sub_o46bl_101{color:#5f6368;margin-top:.5rem}._google-logo_o46bl_111{width:200px;margin-bottom:10px}._google-input-group_o46bl_123{gap:1rem;margin-top:1.5rem;display:flex}._google-input-group-column_o46bl_135{flex-direction:column;gap:1rem;display:flex}._google-input_o46bl_123{color:#202124;background-color:#fff;border:1px solid #dadce0;border-radius:6px;width:100%;padding:.75rem;font-size:14px;transition:all .2s}._google-input_o46bl_123:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 1px #1a73e8}._google-btn_o46bl_183{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:6px;width:100%;margin-top:2rem;padding:.75rem;font-size:16px;transition:all .2s}._google-btn_o46bl_183:hover{background:#1765cc}._google-switch_o46bl_219{text-align:left;color:#5f6368;margin-top:1rem;font-size:14px}._google-switch-btn_o46bl_233{color:#1a73e8;cursor:pointer;background:0 0;border:none;font-weight:500}._google-switch-btn_o46bl_233:hover{text-decoration:underline}@media (max-width:1200px){._login-banner_o46bl_35,._google-card_o46bl_65{flex:0 0 50%}}@media (max-width:768px){._login-container_o46bl_19{flex-direction:column}._login-banner_o46bl_35{flex:0 0 30vh;width:100%}._google-card_o46bl_65{border-radius:24px 24px 0 0;flex:1;width:100%;min-height:70vh;margin-top:-30px;padding:2rem 1.5rem}._google-input-group_o46bl_123{flex-direction:column;gap:0}._login-banner_o46bl_35,._banner-img_o46bl_47{display:none}._google-input-group_o46bl_123 ._google-input_o46bl_123{margin-top:.75rem}}._back-button-modern_o46bl_359{color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;margin-top:3rem;padding:15px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0000000d}._back-button-modern_o46bl_359:hover{color:#111827;background-color:#f9fafb;border-color:#d1d5db}._back-button-modern_o46bl_359:hover svg{stroke:#111827}._card-container_ix25c_3{height:27rem}._card-title_ix25c_11{color:#fff;text-align:left;font-family:Kanit,sans-serif;font-weight:400;display:block}._card-container_ix25c_3{background-color:#033e65;justify-content:center;display:flex}._search-box_ix25c_43{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}._search-box2_ix25c_59{justify-content:space-between;margin-top:24px;display:flex}@media (max-width:1300px){._search-box_ix25c_43{grid-template-columns:repeat(2,1fr)}._card-container_ix25c_3{height:30rem}}@media (max-width:1000px){._search-box_ix25c_43{grid-template-columns:repeat(1,1fr)}._card-container_ix25c_3{height:47rem}}._search-input_ix25c_119{color:#000;background-color:#fff;border:none;border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-size:1rem}._search-button_ix25c_141{cursor:pointer;color:#033e65;background-color:#fac14b;border:none;border-radius:12px;justify-content:center;align-items:center;width:138px;height:48px;padding:0 1.5rem;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:500;display:flex}._search-input-wrapper_ix25c_175{width:450px;display:inline-block;position:relative}._search-input-wrapper_ix25c_175 ._search-icon_ix25c_189{fill:gray;pointer-events:none;width:24px;height:24px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}._search-input-wrapper_ix25c_175 ._search-icon-right_ix25c_211{fill:gray;cursor:pointer;pointer-events:auto;width:15px;height:15px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}._search-input-wrapper_ix25c_175 ._search-input_ix25c_119{box-sizing:border-box;width:100%;padding-left:40px;padding-right:40px}._dropdown-search_ix25c_251{cursor:pointer;color:#033e65;background-color:#fff;border:none;border-radius:12px;height:48px;padding:0 1.5rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:500}._reset-button_ix25c_277{cursor:pointer;color:#033e65;background-color:#fac14b;border:none;border-radius:12px;justify-content:center;align-items:center;width:190px;height:48px;padding:0 1.5rem;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:500;display:flex}._container_1n10g_5{max-height:100%;padding:0;max-width:100%!important}._carousel-img_1n10g_19{object-fit:cover;width:100%;height:100%}._carousel-overlay_1n10g_33{z-index:1;background:#00000059;width:100%;height:100%;position:absolute;top:0;left:0}._carousel-caption_1n10g_55{z-index:2}._custom-carousel-height_1n10g_61{height:50rem;position:relative}._carousel-item_1n10g_73{height:100%}._carousel-img_1n10g_19{object-fit:cover;object-position:center;width:100%;height:100%}.universities-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}.university-card{background:#fff;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.university-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.university-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:flex-start;gap:15px;padding:20px;display:flex}.university-logo{object-fit:contain;background:#fff;border-radius:8px;width:80px;height:80px;padding:8px}.university-info{flex:1}.university-info h2{margin:0 0 5px;font-size:1.3rem;font-weight:600}.university-en{opacity:.9;margin:0 0 10px;font-size:.9rem;font-style:italic}.university-meta{flex-wrap:wrap;gap:8px;display:flex}.badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge.shortname{background:#ffffff4d}.badge.type{background:#fff3}.university-details{border-bottom:1px solid #f0f0f0;flex:1;padding:20px}.detail-item{margin-bottom:15px}.detail-item:last-child{margin-bottom:0}.detail-item label{color:#333;margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.detail-item span{color:#666;word-break:break-word;font-size:.95rem;display:block}.detail-item a{color:#667eea;text-decoration:none;transition:color .3s}.detail-item a:hover{color:#764ba2;text-decoration:underline}.university-actions{gap:10px;padding:15px 20px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#333;background:#f0f0f0;border:1px solid #ddd}.btn-secondary:hover{background:#e8e8e8}.results-header{text-align:center;border-bottom:2px solid #f0f0f0;padding:30px 20px}.results-header h1{color:#333;margin:0 0 10px;font-size:2rem}.results-header p{color:#666;margin:0;font-size:1.1rem}@media (max-width:768px){.universities-container{grid-template-columns:1fr}.university-header{text-align:center;flex-direction:column;align-items:center}.university-info h2{font-size:1.1rem}.results-header h1{font-size:1.5rem}}@media (max-width:480px){.universities-container{gap:10px;padding:10px}.university-card{border-radius:8px}.university-header,.university-details{padding:15px}.university-actions{flex-direction:column;padding:10px 15px}.btn{padding:8px 12px;font-size:.85rem}}.suggestion-header{background-color:#f9fafb;min-height:100vh;padding-top:2.5rem;padding-bottom:2.5rem}.results-header{text-align:center;margin-bottom:2.5rem}.results-header h1{color:#1e40af;font-size:2.25rem;font-weight:800}.uni-container-main{background-color:#fff;border-top:4px solid #3b82f6;border-radius:.75rem;max-width:64rem;margin:2.5rem auto;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.uni-container-main>div:first-child{border-bottom:1px solid #e5e7eb;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.uni-container-main img{object-fit:contain;border:1px solid #e5e7eb;border-radius:50%;width:5rem;height:5rem;padding:.25rem}.uni-container-main h1{color:#1f2937;font-size:1.875rem;font-weight:700}.uni-container-main p.text-xl{color:#4b5563;font-size:1.25rem}.uni-container-main p.text-sm{color:#9ca3af;font-size:.875rem}.uni-container-main .grid-cols-1{color:#374151;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (min-width:768px){.uni-container-main .grid-cols-1{grid-template-columns:1fr 1fr}.uni-container-main .col-span-1.md\:col-span-2{grid-column:span 2/span 2}}.uni-container-main .font-semibold{color:#2563eb;margin-right:.5rem;font-weight:600}.uni-container-main a{color:#3b82f6;margin-left:.5rem;text-decoration:none}.uni-container-main a:hover{text-decoration:underline}.uni-container-main h2{color:#1f2937;border-bottom:1px solid #e5e7eb;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:640px){.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.uni-container-main .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3>div{background-color:#f9fafb;border-left:4px solid #f59e0b;border-radius:.5rem;padding:.75rem;font-size:.875rem;box-shadow:0 1px 2px #0000000d}.uni-container-main p.text-gray-500{color:#6b7280;font-style:italic}.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.uni-container-main .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-4 span{color:#047857;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#ecfdf5;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;overflow:hidden}:root{--accent:#1b74e4;--muted:#7a7a7a;--bg-light:#f8f9fa;--card-bg:#fff}.ps-page{color:#222;background:var(--bg-light);min-height:100vh;padding-bottom:30px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.ps-header{align-items:flex-end;height:180px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.ps-header-bg{opacity:.95;background:linear-gradient(90deg,#0b2f4a,#123e6b);position:absolute;inset:0}.ps-header-inner{align-items:center;gap:20px;padding:20px 28px;display:flex;position:relative}.ps-avatar-box{flex-direction:column;justify-content:center;align-items:center;display:flex}.ps-avatar{object-fit:cover;border:4px solid #4a90e2;border-radius:20px;width:140px;height:140px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #0000004d}.ps-avatar:hover{transform:scale(1.05);box-shadow:0 8px 25px #0006}.ps-avatar-box input[type=file]{margin-top:10px}.ps-user{color:#fff}.ps-name{margin:0;font-size:22px;font-weight:600}.ps-sub{color:#fffc;margin-top:6px;font-size:14px}.ps-ctas{gap:8px;margin-top:10px;display:flex}.ps-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:6px;padding:8px 12px;transition:all .2s}.ps-btn:hover{background:#fff3}.ps-btn.primary{background:var(--accent);border-color:#0000}.ps-btn.primary:hover{background:#1668c1}.ps-main{gap:20px;padding:0 22px;display:flex}.ps-left{flex:1}.ps-right{width:320px}.ps-panel{background:var(--card-bg);border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 6px 14px #1018280f}.ps-panel h3{color:#222;margin:0 0 12px;font-size:16px}.ps-panel label{color:var(--muted);margin-top:10px;font-size:12px;display:block}.ps-panel input{border:1px solid #e6e6e6;border-radius:8px;width:100%;margin-top:6px;padding:10px;font-size:14px;transition:all .2s}.ps-panel input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 5px #1b74e466}.ps-badges{flex-wrap:wrap;gap:8px;display:flex}.ps-badge{color:#065;background:linear-gradient(90deg,#f0f8ff,#e6f3ff);border-radius:20px;padding:6px 12px;font-size:12px;box-shadow:0 2px 6px #0b20300f}.ps-activity{margin:0;padding:0;list-style:none}.ps-activity li{color:#333;border-bottom:1px dashed #f0f0f0;padding:10px 0;font-size:14px}.ps-stats{gap:12px;display:flex}.ps-stat{text-align:center;background:linear-gradient(#f8fbff,#fff);border-radius:10px;flex:1;padding:12px}.ps-stat strong{color:var(--accent);font-size:18px;display:block}@media (max-width:900px){.ps-main{flex-direction:column}.ps-right{width:100%}.ps-header-inner{flex-direction:column;align-items:center}.ps-ctas{flex-wrap:wrap;justify-content:center}}.head{color:#fff;text-align:center;background-color:#06299c;margin-bottom:3rem;padding:2rem;box-shadow:0 3px 10px #0003}.profile-page{justify-content:center;padding:0 20px;display:flex}.profile-card{background:#fff;border-radius:20px;flex-direction:column;width:450px;padding:30px;display:flex;box-shadow:0 8px 25px #0000001a}.img-box img{aspect-ratio:1;object-fit:cover;border:3px solid #063a9c;border-radius:50%;width:40%;max-width:150px}.form-group label{color:#333;margin-bottom:5px;font-weight:600;display:block}.input-box{border:1px solid #ccc;border-radius:10px;width:100%;padding:12px;font-size:16px;transition:all .2s}.input-box:focus{border-color:#06299c;outline:none;box-shadow:0 0 5px #06299c80}.save-btn{color:#fff;cursor:pointer;background-color:#06299c;border:none;border-radius:10px;margin-top:15px;padding:12px;font-size:17px;transition:all .3s}.save-btn:hover{background-color:#042182}.main-content-wrapper{max-width:1200px;margin:20px auto;padding:0 15px}.activities-header{border-bottom:3px solid #f0f0f0;margin-bottom:30px;padding-bottom:10px}.activities-title{color:#007bff;margin:0;font-size:28px;font-weight:700;display:inline-block}.header-decoration{background-color:#ffc107;width:80px;height:3px;margin-top:5px}.activities-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.activity-item-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;padding:0;transition:transform .2s;display:flex;box-shadow:0 4px 8px #0000000d}.activity-item-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.activity-image-wrapper{border-radius:8px 8px 0 0;width:100%;height:200px;overflow:hidden}.activity-image{object-fit:cover;width:100%;height:100%;display:block}.activity-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:15px;display:flex}.activity-text{color:#333;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.activity-timestamp{color:#999;align-self:flex-start;font-size:12px}.activities-container{flex-direction:column;gap:20px;max-width:1000px;margin:20px auto;padding:0 15px;display:flex}.activity-card{background:#fff;border-radius:10px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.activity-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000026}.activity-image{width:100%;height:300px;overflow:hidden}.activity-image img{object-fit:cover;width:100%;height:100%;display:block}.activity-content{flex-direction:column;gap:10px;padding:20px;display:flex}.activity-title{color:#1b74e4;margin:0;font-size:1.5rem;font-weight:600}.activity-desc{color:#555;line-height:1.5}.activity-footer{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.activity-time{color:#999}.activity-link{color:#1b74e4;font-weight:500;text-decoration:none}.activity-link:hover{text-decoration:underline}.no-activities{text-align:center;color:#666;padding:50px 0;font-size:1.1rem}._portfolio-wrapper_f534y_1{background-color:#033e65;justify-content:center;align-items:center;height:3.5rem;display:flex;box-shadow:0 5px 4px 3px #033e65}._portfolio-btn-group_f534y_31{flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;max-width:1600px;padding-top:5px;display:flex}._port-btn_f534y_51{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:12px;margin-right:1rem;padding:.5rem 1rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500}._portfolio-box_f534y_79{flex-direction:column;justify-content:center;align-items:center;display:flex}._port-progress_f534y_95{background-color:#fff;border-radius:12px;flex-wrap:nowrap;justify-content:space-around;width:100%;max-width:1200px;height:400px;margin-top:3rem;margin-bottom:4rem;padding:1rem;display:flex;box-shadow:0 4px 12px #0000001a}._port-progress-content_f534y_127{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;display:flex}._port-progress-image_f534y_143{background-color:#fff;border-radius:12px;width:11rem;height:13rem;margin-top:12px;margin-bottom:12px;box-shadow:0 4px 12px #0000001a}._port-name_f534y_163{margin-bottom:12px}._port-upload-btn_f534y_171{cursor:pointer;color:#033e65;background-color:#fac14b;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:40px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;display:flex}._port-preview-btn_f534y_203{cursor:pointer;color:#fff;background-color:#033e65;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:40px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;display:flex}._upload-btn-group_f534y_237{gap:10px;width:400px;display:flex}._port-btn-group_f534y_251{flex-direction:column;gap:12px;display:flex}._port-progress-group_f534y_265{background-color:#fff;border-radius:12px;flex-direction:column;align-items:flex-end;display:flex}._update-date_f534y_281{margin-bottom:12px;font-family:Kanit,sans-serif;font-size:1rem}._divider_f534y_297{background-color:#bcbcbc;width:100%;height:1px}._progression-bar_f534y_309{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-top:12px;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:500;display:flex}._bar_f534y_333{background-color:#2eff279b;border-radius:10px;align-items:flex-start;width:100%;height:20px;margin-bottom:12px;display:flex;overflow:hidden}._progress-info_f534y_355{background-color:#d6ffd6;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:400;display:flex}._progress-info-btn-group_f534y_379{gap:10px;width:100%;margin-top:29px;display:flex}._progress-info-btn_f534y_379{cursor:pointer;background-color:#033e65;border-radius:12px;padding:8px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500}._progress-caution_f534y_413{color:#d78f00;width:100%;padding:10px;font-family:Kanit,sans-serif;font-size:12px;display:flex}._portfolio-data_f534y_435{cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;max-width:1200px;margin-top:1rem;display:flex;box-shadow:0 4px 12px #0000001a}._portfolio-data-content_f534y_461{justify-content:flex-start;padding:1rem;font-family:Kanit,sans-serif;font-size:20px;font-weight:lighter;display:flex}._check-icon_f534y_479{width:2rem;height:2rem;margin-right:20px}._portfolio-data-group_f534y_493{flex-direction:column;gap:12px;width:100%;margin-bottom:4rem;display:flex}._open_f534y_509{flex-direction:column;align-items:stretch}._port-data-wrapper_f534y_519{justify-content:space-between;width:100%;display:flex}._portfolio-expand_f534y_531{text-align:left;width:100%;min-width:0;display:block;overflow:hidden}._slide-down_f534y_551{animation:.4s cubic-bezier(.4,0,.2,1) forwards _slideDown_f534y_1;overflow:hidden}._slide-up_f534y_561{animation:.4s cubic-bezier(.4,0,.2,1) forwards _slideUp_f534y_1;overflow:hidden}@keyframes _slideDown_f534y_1{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:auto;transform:translateY(0)}}@keyframes _slideUp_f534y_1{0%{opacity:1;max-height:auto;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}._portfolio-expand-content_f534y_627{width:100%;padding:1rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600}._port-input_f534y_643{color:#000;background-color:#fff;border:1px solid #bcbcbc;border-radius:12px;width:100%;height:2.5rem;margin-bottom:2rem;padding-left:1rem}._port-textarea_f534y_665{color:#000;resize:none;background-color:#fff;border:1px solid #bcbcbc;border-radius:12px;width:100%;margin-bottom:2rem;padding:1rem}._personal-section_f534y_687{gap:1rem;display:flex}._name-group_f534y_697{width:100%}._custom-name-group_f534y_705{width:30%}._custom-birth-date_f534y_713{flex-direction:column;width:100%;display:flex}._date-group_f534y_725{gap:12px;display:flex}._radio-container_f534y_741{align-items:center;gap:15px;padding:5px 0;display:flex}._radio-container_f534y_741 label{cursor:pointer;align-items:center;gap:5px;display:flex}input[type=radio]{accent-color:#2600ff;cursor:pointer;transform:scale(1.2)}._add-education_f534y_783{justify-content:space-between;height:auto;margin-bottom:1rem;padding:auto;display:flex}._add-education_f534y_783 h1{margin:0;font-size:1.5rem}._add-education_f534y_783 button{cursor:pointer;background-color:#033e65}._edu-upload-btn_f534y_821{cursor:pointer;background-color:#033e65;width:100%;padding:7px}._all-port-box_f534y_835{background-color:#fff;border-radius:12px;flex-wrap:nowrap;justify-content:space-around;width:100%;max-width:1200px;height:300px;margin-top:3rem;margin-bottom:4rem;padding:1rem;display:flex;box-shadow:0 4px 12px #0000001a}._all-port-content_f534y_865{width:100%;padding:1rem;font-family:Kanit,sans-serif;font-size:1rem}._popup-overlay_f534y_883{z-index:9999;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}._popup-content_f534y_909{background:#fff;border-radius:8px;min-width:320px;padding:32px;position:relative;box-shadow:0 2px 16px #0003}._popup-close-btn_f534y_927{color:#fff;cursor:pointer;background:#033e65;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:8px;right:8px}@media (max-width:900px){._personal-section_f534y_687{flex-direction:column}._name-group_f534y_697,._custom-name-group_f534y_705,._custom-birth-date_f534y_713{width:100%;min-width:100%}._date-group_f534y_725{flex-wrap:wrap}._portfolio-expand-content_f534y_627{padding:15px}._port-input_f534y_643{margin-bottom:3px}._port-progress_f534y_95{flex-direction:column;align-items:center;height:auto;padding:16px 16px 2rem}._divider_f534y_297{background:#8a8a8a;width:100%;height:1px;margin:20px 0}._upload-btn-group_f534y_237{flex-direction:column;margin:0 30px}._port-upload-btn_f534y_171,._port-preview-btn_f534y_203{width:80%;margin:0 auto}}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-wrapper{background:#fff;border-radius:12px;width:100%;max-width:500px;animation:.5s ease-out slideIn;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px}.login-header h1{margin:0 0 10px;font-size:2em;font-weight:700}.login-header p{opacity:.9;margin:0;font-size:.95em}.login-content{padding:40px 30px}.mode-toggle{background:#f5f5f5;border-radius:8px;gap:10px;margin-bottom:30px;padding:8px;display:flex}.mode-toggle button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;flex:1;padding:12px;font-weight:600;transition:all .3s}.mode-toggle button.active{color:#667eea;background:#fff;box-shadow:0 2px 8px #0000001a}.form-group input,.form-group select{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:1em;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:1em;font-weight:600;transition:all .3s}.submit-btn:active{transform:translateY(0)}.form-mode-toggle{gap:10px;margin-bottom:30px;display:flex}.form-mode-toggle button{cursor:pointer;color:#666;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:all .3s}.form-mode-toggle button.active{color:#667eea;background:#667eea0d;border-color:#667eea}.loading{opacity:.7;pointer-events:none}.loading:after{content:"";border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-university-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:40px 20px}.dashboard-header{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto 40px;padding:30px 40px;box-shadow:0 4px 15px #00000014}.dashboard-header h1{color:#333;margin:0 0 10px;font-size:2em;font-weight:700}.dashboard-header p{color:#666;margin:0;font-size:.95em}.dashboard-content{max-width:1200px;margin:0 auto}.events-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;animation:.5s ease-out fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.event-card{background:#fff;border-left:5px solid #667eea;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000014}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.event-card-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.event-card-title{margin:0 0 5px;font-size:1.3em;font-weight:700}.event-card-organizer{opacity:.9;margin:0;font-size:.85em}.event-card-body{padding:20px}.event-info{margin-bottom:15px}.event-info-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.85em;font-weight:600;display:block}.event-info-value{color:#333;word-break:break-word;font-size:.95em}.event-status{border-radius:20px;margin-top:10px;padding:6px 12px;font-size:.8em;font-weight:600;display:inline-block}.status-open{color:#27ae60;background:#e8f5e9}.status-closed{color:#e74c3c;background:#ffebee}.event-dates{border-top:2px solid #f0f0f0;margin-top:15px;padding-top:15px}.date-item{color:#666;justify-content:space-between;margin-bottom:8px;font-size:.85em;display:flex}.date-item-label{font-weight:600}.no-events-message{text-align:center;background:#fff;border-radius:12px;padding:60px 30px;box-shadow:0 4px 15px #00000014}.no-events-icon{margin-bottom:15px;font-size:3em}.no-events-message p{color:#666;margin:0;font-size:1.05em}.filter-bar{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.filter-btn{cursor:pointer;color:#666;white-space:nowrap;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.filter-btn:hover{color:#667eea;border-color:#667eea}.search-bar{background:#fff;border-radius:12px;margin-bottom:30px;padding:20px 30px;box-shadow:0 4px 15px #00000014}.search-bar input{border:2px solid #e0e0e0;border-radius:8px;width:100%;max-width:400px;padding:12px 15px;font-size:1em;transition:all .3s}.search-bar input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{text-align:center;background:#fff;border-top:4px solid #667eea;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000014}.stat-number{color:#667eea;margin:0;font-size:2.5em;font-weight:700}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:10px 0 0;font-size:.9em}.action-buttons{border-top:2px solid #f0f0f0;gap:10px;margin-top:15px;padding-top:15px;display:flex}.btn-action{cursor:pointer;text-align:center;border:none;border-radius:6px;flex:1;padding:10px 15px;font-size:.85em;font-weight:600;transition:all .3s}.btn-view{color:#fff;background:#667eea}.btn-view:hover{background:#764ba2}.btn-delete{color:#e74c3c;background:#ffebee}.btn-delete:hover{background:#ffcdd2}@media (max-width:768px){.dashboard-header{padding:20px}.dashboard-header h1{font-size:1.5em}.events-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-btn{width:100%}.search-bar input{max-width:100%}.action-buttons{flex-direction:column}}.addevent-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:40px 20px}.addevent-wrapper{background:#fff;border-radius:12px;max-width:800px;margin:0 auto;animation:.5s ease-out slideIn;overflow:hidden;box-shadow:0 10px 40px #0000001a}.addevent-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px 40px}.addevent-header h1{margin:0 0 10px;font-size:2em;font-weight:700}.addevent-header p{opacity:.9;margin:0;font-size:.95em}.addevent-form{padding:40px}.form-section{margin-bottom:35px}.form-section h2{color:#333;border-bottom:2px solid #667eea;margin:0 0 20px;padding-bottom:10px;font-size:1.2em}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:.95em;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 15px;font-family:inherit;font-size:1em;transition:all .3s}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-row .form-group{margin-bottom:0}.file-input-wrapper{width:100%;display:inline-block;position:relative}.file-input-label{text-align:center;cursor:pointer;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border:2px dashed #667eea;border-radius:8px;padding:20px;transition:all .3s;display:block}.file-input-label:hover{background:linear-gradient(135deg,#e8ecf1 0%,#b8d7dd 100%);border-color:#764ba2}.file-input-label input{display:none}.file-input-text{color:#667eea;margin-bottom:5px;font-weight:600}.file-input-hint{color:#999;font-size:.85em}.image-preview{border:2px solid #e0e0e0;border-radius:8px;max-width:200px;margin-top:15px;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.button-group{border-top:2px solid #e0e0e0;gap:15px;margin-top:30px;padding-top:20px;display:flex}.submit-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-size:1em;font-weight:600;transition:all .3s}.submit-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.cancel-btn{color:#666;background:#f5f5f5;border:2px solid #e0e0e0}.cancel-btn:hover{background:#e8e8e8}.submit-btn:active,.cancel-btn:active{transform:translateY(0)}.loading-spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s linear infinite spin;display:inline-block}.error-message{color:#e74c3c;background:#ffebee;border-left:4px solid #e74c3c;border-radius:8px;margin-bottom:20px;padding:12px 15px}.success-message{color:#27ae60;background:#eafaf1;border-left:4px solid #27ae60;border-radius:8px;margin-bottom:20px;padding:12px 15px}.form-helper-text{color:#999;margin-top:5px;font-size:.85em}@media (max-width:768px){.addevent-wrapper{border-radius:0}.addevent-form{padding:30px 20px}.addevent-header{padding:25px 20px}.addevent-header h1{font-size:1.5em}.button-group{flex-direction:column}}