.staff-layout{min-height:100vh;display:flex;flex-direction:column;background:#f0f2f5;font-family:Kanit,Noto Sans Thai,-apple-system,sans-serif}.staff-body{display:flex;flex:1;min-height:0}.staff-main{flex:1;display:flex;flex-direction:column;min-width:0}.staff-content{flex:1;padding:1.5rem;overflow-y:auto}.staff-header{background:#fff;color:#1e293b;padding:0 1.5rem;height:60px;display:flex;align-items:center;position:sticky;top:0;z-index:200;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000f}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left .logo{display:flex;align-items:center;gap:.875rem}.logo-image{height:36px;border-radius:6px;padding:2px;background:#f1f5f9}.logo h1{font-size:1.05rem;font-weight:700;margin:0;color:#1e293b;letter-spacing:.01em}.header-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.625rem;padding:.4rem .875rem;background:#f8fafc;border-radius:50px;border:1px solid #e2e8f0}.user-avatar i{font-size:1.5rem;color:#a855f7}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.875rem;color:#1e293b}.user-role{font-size:.72rem;color:#a855f7}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:#fff1f2;border:1px solid #fecdd3;border-radius:50px;color:#e11d48;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ffe4e6;border-color:#fca5a5}.logout-btn i{font-size:.95rem}.staff-sidebar{width:240px;background:#fff;border-right:1px solid #e2e8f0;transition:width .25s cubic-bezier(.4,0,.2,1);position:relative;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.staff-sidebar.collapsed{width:64px}.sidebar-toggle{position:absolute;top:1.25rem;right:-11px;width:22px;height:22px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#a855f7;font-size:.6rem;transition:all .2s;box-shadow:0 2px 8px #0000001a}.sidebar-toggle:hover{background:#a855f7;color:#fff;border-color:#a855f7}.sidebar-nav{padding:1.25rem .625rem;display:flex;flex-direction:column;gap:2px}.sidebar-nav:before{content:"MENU";display:block;font-size:.62rem;font-weight:700;letter-spacing:.1em;color:#94a3b8;padding:0 .5rem .75rem}.staff-sidebar.collapsed .sidebar-nav:before{display:none}.sidebar-nav .nav-item{display:flex;align-items:center;gap:.875rem;padding:.7rem .875rem;border-radius:8px;color:#64748b;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .15s;white-space:nowrap;border:none;background:transparent;cursor:pointer;position:relative}.sidebar-nav .nav-item i{font-size:1rem;min-width:18px;text-align:center;transition:color .15s;flex-shrink:0}.sidebar-nav .nav-item .nav-text{flex:1;transition:opacity .2s,width .2s;overflow:hidden}.staff-sidebar.collapsed .nav-item .nav-text{opacity:0;width:0;overflow:hidden}.staff-sidebar.collapsed .nav-item{justify-content:center;padding:.7rem}.sidebar-nav .nav-item:hover{background:#f3e8ff;color:#a855f7}.sidebar-nav .nav-item:hover i{color:#a855f7}.sidebar-nav .nav-item.active{background:#f3e8ff;color:#9333ea;font-weight:700}.sidebar-nav .nav-item.active i{color:#9333ea}.sidebar-nav .nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:#a855f7;border-radius:0 3px 3px 0}.staff-footer{background:#fff;border-top:1px solid #e2e8f0;padding:.875rem 1.5rem}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.copyright{margin:0;color:#94a3b8;font-size:.8rem;display:flex;align-items:center;gap:.4rem}.powered-by{margin:0;color:#cbd5e1;font-size:.78rem}.highlight{color:#a855f7;font-weight:600}@media(max-width:1024px){.staff-sidebar{width:200px}.staff-sidebar.collapsed{width:56px}}@media(max-width:768px){.staff-header{padding:0 1rem}.logo h1{font-size:.95rem}.user-info{padding:.3rem .6rem}.user-name{font-size:.8rem}.logout-btn span{display:none}.staff-body{flex-direction:column}.staff-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0}.staff-sidebar.collapsed{width:100%}.sidebar-toggle{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:.5rem .75rem;gap:4px}.sidebar-nav:before{display:none}.sidebar-nav .nav-item{flex-direction:column;padding:.625rem .75rem;gap:.25rem;min-width:64px;font-size:.72rem}.sidebar-nav .nav-item .nav-text{font-size:.7rem;text-align:center}.staff-sidebar.collapsed .nav-item{justify-content:center;padding:.625rem .75rem}.staff-sidebar.collapsed .nav-item .nav-text{opacity:1;width:auto;overflow:visible}.sidebar-nav .nav-item:hover{transform:none}.sidebar-nav .nav-item.active:before{display:none}.staff-content{padding:1rem}.staff-footer{padding:.75rem 1rem}.footer-content{justify-content:center;text-align:center}}@media(max-width:480px){.logo h1{display:none}.logo-image{height:30px}.user-details{display:none}}.employee-layout{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.employee-body{display:flex;flex:1;min-height:0}.employee-main{flex:1;display:flex;flex-direction:column;min-width:0}.employee-content{flex:1;padding:0rem;overflow-y:auto}.employee-header{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:1rem 2rem;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.employee-sidebar{width:260px;background:#fff;box-shadow:2px 0 8px #0000000d;transition:all .3s ease;position:relative;overflow-y:auto;overflow-x:hidden}.employee-sidebar.collapsed{width:70px}.employee-sidebar .sidebar-nav .nav-item.active{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-color:transparent;box-shadow:0 4px 12px #11998e4d;transform:translate(5px)}.employee-sidebar .sidebar-nav .nav-item:hover{background:#f8f9fa;color:#11998e;transform:translate(5px)}.employee-footer{background:#fff;padding:1.5rem 2rem;box-shadow:0 -2px 8px #0000000d;margin-top:auto}.employee-sidebar .sidebar-toggle{position:absolute;top:1rem;right:-12px;width:24px;height:24px;background:#fff;border:2px solid #e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;color:#11998e;box-shadow:0 2px 8px #0000001a}.employee-sidebar .sidebar-toggle:hover{background:#11998e;color:#fff;border-color:#11998e;transform:scale(1.1)}@media(max-width:768px){.employee-body{flex-direction:column}.employee-sidebar{width:100%;height:auto;position:sticky;top:0;z-index:90}.employee-sidebar.collapsed{width:100%}.employee-sidebar .sidebar-toggle{display:none}.employee-sidebar .sidebar-nav{flex-direction:row;overflow-x:auto;padding:.75rem;gap:.5rem}.employee-content{padding:1rem}}.poll-section{margin-top:1.5rem;text-align:center}.btn-poll{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f5576c4d}.btn-poll:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f5576c66;background:linear-gradient(135deg,#f5576c,#f093fb)}.btn-poll i{font-size:1.3rem}.info-grid-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-grid-two-columns .info-item.full-width{grid-column:1 / -1}.alert-warning-box{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f59e0b;border-radius:12px;margin:1.5rem 0;box-shadow:0 2px 8px #f59e0b26;color:#856404;line-height:1.6}.alert-warning-box i{font-size:1.5rem;color:#f59e0b;flex-shrink:0;margin-top:.25rem}.alert-warning-box strong{color:#d97706}.info-boxes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.5rem 0}.info-box{padding:1.5rem;border-radius:12px;background:#fff;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.info-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.info-box-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;color:#fff}.info-box-blue .info-box-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.info-box-orange .info-box-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.info-box-green .info-box-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.info-box-content h5{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.info-box-content ul{margin:0;padding-left:1.25rem;list-style:none}.info-box-content ul li{position:relative;padding-left:.5rem;margin-bottom:.75rem;color:#495057;font-size:.9rem;line-height:1.5}.info-box-content ul li:before{content:"✓";position:absolute;left:-1rem;font-weight:700}.info-box-blue .info-box-content ul li:before{color:#667eea}.info-box-orange .info-box-content ul li:before{color:#f5576c}.info-box-green .info-box-content ul li:before{color:#11998e}@media(max-width:1024px){.info-boxes-grid{grid-template-columns:1fr}}@media(max-width:768px){.info-grid-two-columns{grid-template-columns:1fr}.info-grid-two-columns .info-item.full-width{grid-column:1}.alert-warning-box{padding:1rem;font-size:.9rem}.info-boxes-grid{grid-template-columns:1fr;gap:1rem}.info-box{padding:1.25rem}}.info-section{padding:3rem 0;background:#fff}.info-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.info-card{background:#f8f9fa;border-radius:15px;padding:2rem;display:flex;gap:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.info-icon{font-size:3rem;color:#11998e;flex-shrink:0}.info-content{flex:1}.info-content h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#1a1a1a}.info-content div{color:#495057;line-height:1.6}.info-content div p{margin:.5rem 0}.info-content div ul,.info-content div ol{margin:.5rem 0;padding-left:1.5rem}.info-content div li{margin-bottom:.5rem}@media(max-width:768px){.info-cards-grid{grid-template-columns:1fr;gap:1.5rem}.info-card{padding:1.5rem}.info-icon{font-size:2.5rem}}.language-switcher[data-v-511fceeb]{display:flex;gap:.5rem;align-items:center}.language-button[data-v-511fceeb]{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#fff9;border:2px solid rgba(168,85,247,.2);border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#64748b;box-shadow:0 2px 8px #a855f714}.language-button[data-v-511fceeb]:hover{background:#ffffffe6;border-color:#a855f766;box-shadow:0 4px 12px #a855f726;transform:translateY(-2px);color:#a855f7}.language-button.active[data-v-511fceeb]{background:linear-gradient(135deg,#9333ea,#c084fc);border-color:#a855f7;color:#fff;box-shadow:0 4px 16px #a855f766;transform:translateY(-2px)}.language-button.active[data-v-511fceeb]:hover{background:linear-gradient(135deg,#7e22ce,#a855f7);transform:translateY(-3px);box-shadow:0 6px 20px #a855f780}.flag[data-v-511fceeb]{font-size:1.2rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.language-button.active .flag[data-v-511fceeb]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.language-name[data-v-511fceeb]{font-size:.85rem;font-weight:600;white-space:nowrap}@media(max-width:768px){.language-button[data-v-511fceeb]{padding:.4rem .75rem}.language-name[data-v-511fceeb]{min-width:50px;font-size:.85rem}.flag[data-v-511fceeb]{font-size:1rem}}header[data-v-bda8ab23]{padding:2rem 3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-bottom:1px solid rgba(168,85,247,.15);animation:slideDown-bda8ab23 .6s ease-out}@keyframes slideDown-bda8ab23{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-content[data-v-bda8ab23]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-section[data-v-bda8ab23]{display:flex;align-items:center;gap:1rem}.logo-icon[data-v-bda8ab23]{width:50px;height:50px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #a855f74d;animation:pulse-bda8ab23 2s ease-in-out infinite;padding:5px;overflow:hidden}@keyframes pulse-bda8ab23{0%,to{box-shadow:0 4px 12px #a855f74d}50%{box-shadow:0 8px 24px #a855f780}}.logo-icon img[data-v-bda8ab23]{width:100%;height:100%;object-fit:contain;display:block}.logo-text[data-v-bda8ab23]{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#9333ea,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-links[data-v-bda8ab23]{display:flex;gap:2rem;align-items:center}.header-link[data-v-bda8ab23]{color:#1f2937;text-decoration:none;font-weight:500;font-size:.95rem;position:relative;transition:color .3s ease}.header-link[data-v-bda8ab23]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#a855f7;transition:width .3s ease}.header-link[data-v-bda8ab23]:hover{color:#a855f7}.header-link[data-v-bda8ab23]:hover:after{width:100%}@media(max-width:768px){header[data-v-bda8ab23]{padding:1rem 1.5rem}.header-links[data-v-bda8ab23]{gap:1rem}.language-button[data-v-bda8ab23]{padding:.4rem .75rem}.language-name[data-v-bda8ab23]{min-width:50px;font-size:.85rem}.flag[data-v-bda8ab23]{font-size:1rem}}.login-btn-wrapper[data-v-d5131b0d]{display:inline-flex;align-items:center}.login-btn-wrapper[data-v-d5131b0d] button,.login-btn-wrapper[data-v-d5131b0d] a{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.4rem;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-size:.875rem;font-weight:600;border:none;border-radius:999px;cursor:pointer;text-decoration:none;letter-spacing:.02em;box-shadow:0 4px 14px #a855f759;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}.login-btn-wrapper[data-v-d5131b0d] button:hover,.login-btn-wrapper[data-v-d5131b0d] a:hover{background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 6px 20px #a855f780;transform:translateY(-2px)}.login-btn-wrapper[data-v-d5131b0d] button:active,.login-btn-wrapper[data-v-d5131b0d] a:active{transform:translateY(0);box-shadow:0 2px 8px #a855f74d}footer[data-v-d5131b0d]{background:#a855f70a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(168,85,247,.15);padding:2rem 3rem;animation:fadeIn-d5131b0d 1s ease-out 1s both}@keyframes fadeIn-d5131b0d{0%{opacity:0}to{opacity:1}}.footer-content[data-v-d5131b0d]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-info[data-v-d5131b0d]{display:flex;gap:2.5rem;flex-wrap:wrap}.footer-item[data-v-d5131b0d]{display:flex;align-items:center;gap:.75rem;color:#1f2937;font-size:.9rem}.footer-icon[data-v-d5131b0d]{width:20px;height:20px;color:#a855f7}.footer-links[data-v-d5131b0d]{display:flex;gap:2rem}.footer-link[data-v-d5131b0d]{color:#1f2937;text-decoration:none;font-weight:500;font-size:.9rem;position:relative;transition:color .3s ease}.footer-link[data-v-d5131b0d]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#a855f7,#c084fc);transition:width .3s ease}.footer-link[data-v-d5131b0d]:hover{color:#a855f7}.footer-link[data-v-d5131b0d]:hover:after{width:100%}[data-v-3bce6bca]{margin:0;padding:0;box-sizing:border-box}.turnitin-page[data-v-3bce6bca]{font-family:Work Sans,Noto Sans Thai,sans-serif;background:linear-gradient(135deg,#faf5ff,#f3e8ff);min-height:100vh;overflow-x:hidden;position:relative}.bg-animation[data-v-3bce6bca]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.gradient-orb[data-v-3bce6bca]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float-orb-3bce6bca 20s ease-in-out infinite}.orb-1[data-v-3bce6bca]{width:500px;height:500px;background:radial-gradient(circle,#a855f7,transparent);top:-250px;right:-200px;animation-delay:0s}.orb-2[data-v-3bce6bca]{width:400px;height:400px;background:radial-gradient(circle,#c084fc,transparent);bottom:-150px;left:-150px;animation-delay:5s}.orb-3[data-v-3bce6bca]{width:350px;height:350px;background:radial-gradient(circle,#d8b4fe,transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float-orb-3bce6bca{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-40px,30px) scale(.9)}}.grid-pattern[data-v-3bce6bca]{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#e9d5ff 1px,transparent 1px),linear-gradient(90deg,#e9d5ff 1px,transparent 1px);background-size:50px 50px;opacity:.04;z-index:0}.app-container[data-v-3bce6bca]{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}main[data-v-3bce6bca]{flex:1;display:flex;align-items:center;justify-content:center}@media(max-width:768px){header[data-v-3bce6bca]{padding:1.5rem 2rem}.header-content[data-v-3bce6bca]{flex-direction:column;gap:1rem}.hero-title[data-v-3bce6bca]{font-size:3rem}.hero-subtitle[data-v-3bce6bca]{font-size:1.1rem}.login-card[data-v-3bce6bca]{padding:3rem 2rem}.info-section[data-v-3bce6bca]{grid-template-columns:1fr}.footer-content[data-v-3bce6bca]{flex-direction:column;text-align:center}.footer-info[data-v-3bce6bca]{flex-direction:column;gap:1rem}}.login-button[data-v-42b1f2d9]{width:100%;padding:1.5rem 2rem;background:linear-gradient(135deg,#9333ea,#c084fc);color:#fff;border:none;border-radius:16px;font-size:1.125rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #a855f766,0 4px 12px #c084fc4d}.login-button[data-v-42b1f2d9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.login-button[data-v-42b1f2d9]:hover{transform:translateY(-3px);box-shadow:0 12px 32px #a855f780,0 6px 16px #c084fc66}.login-button[data-v-42b1f2d9]:hover:before{left:100%}.login-button[data-v-42b1f2d9]:active{transform:translateY(-1px)}.btn-login[data-v-42b1f2d9]{align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:#4a2c6d;border:2px solid transparent;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003,0 2px 8px #00000026,inset 0 1px #fff;position:relative;overflow:hidden}.btn-login[data-v-42b1f2d9]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,orange,#ffb820,#ffca45);opacity:0;transition:opacity .4s ease;z-index:-1}.btn-login[data-v-42b1f2d9]:hover:before{opacity:1}.btn-login[data-v-42b1f2d9]:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffa50066,0 3px 12px #0003,inset 0 1px #fff9;color:#fff;border-color:transparent}.btn-login[data-v-42b1f2d9]:disabled{cursor:not-allowed;opacity:.6}.btn-login i[data-v-42b1f2d9]{font-size:1.2rem}.button-content[data-v-42b1f2d9]{align-items:center;gap:12px}.microsoft-icon[data-v-42b1f2d9]{width:24px;height:24px}.loading-spinner[data-v-42b1f2d9]{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-42b1f2d9 .8s linear infinite}@keyframes spin-42b1f2d9{to{transform:rotate(360deg)}}.error-message[data-v-42b1f2d9],.success-message[data-v-42b1f2d9]{margin-top:20px;padding:14px 18px;border-radius:10px;font-size:14px;display:flex;align-items:center;gap:10px;animation:fadeIn-42b1f2d9 .3s ease-out}@keyframes fadeIn-42b1f2d9{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message[data-v-42b1f2d9]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.error-message svg[data-v-42b1f2d9]{width:20px;height:20px;flex-shrink:0;stroke:#dc2626}.success-message[data-v-42b1f2d9]{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.success-message svg[data-v-42b1f2d9]{width:20px;height:20px;flex-shrink:0;stroke:#16a34a}.user-dropdown[data-v-42b1f2d9]{position:relative;display:inline-block}.user-button[data-v-42b1f2d9]{align-items:center;gap:.75rem;padding:.7rem 1.2rem;background:linear-gradient(135deg,#fff,#f8f9fa);color:#4a2c6d;border:2px solid #e5e7eb;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.user-button[data-v-42b1f2d9]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #65329333;background:linear-gradient(135deg,#f8f9fa,#fff);border-color:#653293}.user-button i[data-v-42b1f2d9]{font-size:1.5rem}.user-name[data-v-42b1f2d9]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-42b1f2d9]{width:16px;height:16px;transition:transform .3s ease;stroke:#4a2c6d}.dropdown-arrow.arrow-open[data-v-42b1f2d9]{transform:rotate(180deg)}.dropdown-menu[data-v-42b1f2d9]{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden;z-index:9999;border:1px solid #e5e7eb}.dropdown-header[data-v-42b1f2d9]{padding:1.25rem;background:linear-gradient(135deg,#653293,#8b4dae);color:#fff;display:flex;align-items:center;gap:1rem}.user-avatar[data-v-42b1f2d9]{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.user-avatar i[data-v-42b1f2d9]{color:#fff}.user-info[data-v-42b1f2d9]{flex:1;min-width:0}.user-fullname[data-v-42b1f2d9]{font-weight:600;font-size:1rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email[data-v-42b1f2d9]{font-size:.85rem;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider[data-v-42b1f2d9]{height:1px;background:#e5e7eb;margin:.5rem 0}.dropdown-item[data-v-42b1f2d9]{width:100%;padding:.875rem 1.25rem;background:transparent;border:none;display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.dropdown-item svg[data-v-42b1f2d9]{width:20px;height:20px;flex-shrink:0}.logout-item[data-v-42b1f2d9]{color:#dc2626;font-weight:600}.logout-item[data-v-42b1f2d9]:hover{background:#fef2f2}.logout-item svg[data-v-42b1f2d9]{stroke:#dc2626}@media(max-width:768px){.user-name[data-v-42b1f2d9]{max-width:100px}.dropdown-menu[data-v-42b1f2d9]{min-width:250px}}.user-button[data-v-42b1f2d9]:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026;border-color:#d1d5db}.dropdown-menu[data-v-42b1f2d9]{position:absolute;right:0;margin-top:10px;width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:.5rem 0;animation:fadeIn-42b1f2d9 .25s ease-out;z-index:1000}.dropdown-header[data-v-42b1f2d9]{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #f1f1f1}.user-avatar[data-v-42b1f2d9]{font-size:2rem;margin-right:.75rem}.user-fullname[data-v-42b1f2d9]{font-weight:700;font-size:1rem}.user-email[data-v-42b1f2d9]{font-size:.85rem;color:#6b7280}.dropdown-item[data-v-42b1f2d9]{width:100%;padding:.75rem 1rem;text-align:left;background:#fff;border:none;font-size:.95rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s ease}.dropdown-item[data-v-42b1f2d9]:hover{background:#f3f4f6}.logout-item[data-v-42b1f2d9]{color:#dc2626}.logout-item svg[data-v-42b1f2d9]{width:20px;height:20px;stroke:#dc2626}.dropdown-arrow[data-v-42b1f2d9]{width:18px;height:18px;transition:transform .25s ease}.arrow-open[data-v-42b1f2d9]{transform:rotate(180deg)}[data-v-820ed78f]{margin:0;padding:0;box-sizing:border-box}.split-container[data-v-820ed78f]{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.left-section[data-v-820ed78f]{display:flex;align-items:flex-start;justify-content:center;padding:3rem 4rem 4rem;background:linear-gradient(135deg,#7e22ce,#a855f7 60%,#c084fc);position:relative;overflow:hidden}.left-section[data-v-820ed78f]:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff1a;border-radius:50%;top:-200px;left:-200px;animation:float-820ed78f 20s ease-in-out infinite}.left-section[data-v-820ed78f]:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;bottom:-150px;right:-150px;animation:float-820ed78f 15s ease-in-out infinite reverse}@keyframes float-820ed78f{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}.content-wrapper[data-v-820ed78f]{max-width:600px;color:#fff;position:relative;z-index:1;margin-top:2rem;animation:fadeInLeft-820ed78f .8s ease-out}@keyframes fadeInLeft-820ed78f{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.logo-badge[data-v-820ed78f]{width:70px;height:70px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3);animation:scaleIn-820ed78f .6s ease-out .2s both}.logo-badge svg[data-v-820ed78f]{width:36px;height:36px;color:#fff}@keyframes scaleIn-820ed78f{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-title[data-v-820ed78f]{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:800;margin-bottom:1rem;line-height:1.1;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,.2)}.hero-tagline[data-v-820ed78f]{font-size:1.5rem;font-weight:300;margin-bottom:2rem;opacity:.95;line-height:1.4}.hero-description[data-v-820ed78f]{font-size:1.05rem;line-height:1.8;margin-bottom:3rem;opacity:.9;font-weight:300}.feature-list[data-v-820ed78f]{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.75rem}.feature-item[data-v-820ed78f]{display:flex;align-items:flex-start;gap:.875rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:.875rem 1.25rem;animation:fadeInLeft-820ed78f .5s ease-out both;transition:background .25s ease,transform .25s ease}.feature-item[data-v-820ed78f]:hover{background:#ffffff2e;transform:translate(4px)}.feature-icon[data-v-820ed78f]{flex-shrink:0;width:28px;height:28px;margin-top:.05rem}.feature-icon svg[data-v-820ed78f]{width:28px;height:28px}.feature-text[data-v-820ed78f]{font-size:.975rem;line-height:1.65;color:#fffffff2;font-weight:400}.front-text-content[data-v-820ed78f]{font-size:1rem;line-height:1.8;color:#fffffff2;font-weight:300;animation:fadeInLeft-820ed78f .8s ease-out .3s both}.front-text-content[data-v-820ed78f] p{margin-bottom:1rem}.front-text-content[data-v-820ed78f] ul,.front-text-content[data-v-820ed78f] ol{padding-left:1.5rem;margin-bottom:1rem}.front-text-content[data-v-820ed78f] li{margin-bottom:.5rem}.front-text-content[data-v-820ed78f] strong,.front-text-content[data-v-820ed78f] b{font-weight:700;color:#fff}.front-text-content[data-v-820ed78f] h1,.front-text-content[data-v-820ed78f] h2,.front-text-content[data-v-820ed78f] h3{font-weight:700;margin-bottom:.75rem;color:#fff}.content-skeleton[data-v-820ed78f]{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.skeleton-line[data-v-820ed78f]{height:16px;background:#fff3;border-radius:8px;animation:shimmer-820ed78f 1.5s ease-in-out infinite}.skeleton-line.short[data-v-820ed78f]{width:60%}@keyframes shimmer-820ed78f{0%,to{opacity:.4}50%{opacity:.8}}.right-section[data-v-820ed78f]{display:flex;justify-content:center;padding:4rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.login-wrapper[data-v-820ed78f]{width:100%;max-width:480px;animation:fadeInRight-820ed78f .8s ease-out}@keyframes fadeInRight-820ed78f{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.login-card[data-v-820ed78f]{background:#fff;border-radius:32px;padding:3.5rem 3rem;box-shadow:0 30px 80px #a855f71f,0 10px 30px #a855f714,inset 0 1px #fff;border:1px solid rgba(168,85,247,.08);position:relative;overflow:hidden;transition:all .4s ease}.login-card[data-v-820ed78f]:hover{transform:translateY(-5px);box-shadow:0 40px 100px #a855f72e,0 15px 40px #a855f71f}.card-glow[data-v-820ed78f]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);animation:rotate-820ed78f 20s linear infinite}@keyframes rotate-820ed78f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-header[data-v-820ed78f]{margin-bottom:2.5rem;text-align:center;position:relative;z-index:1}.card-icon[data-v-820ed78f]{width:80px;height:80px;background:linear-gradient(135deg,#9333ea,#c084fc);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 30px #a855f759;animation:bounce-820ed78f 2s ease-in-out infinite}@keyframes bounce-820ed78f{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-icon svg[data-v-820ed78f]{width:40px;height:40px}.card-title[data-v-820ed78f]{font-family:Playfair Display,serif;font-size:2.25rem;font-weight:700;color:#9333ea;margin-bottom:.75rem}.card-description[data-v-820ed78f]{font-size:1rem;color:#6b7280;line-height:1.7}.card-description[data-v-820ed78f] p{margin-bottom:.5rem}.card-description[data-v-820ed78f] ul,.card-description[data-v-820ed78f] ol{padding-left:1.25rem;margin-bottom:.5rem}.card-description[data-v-820ed78f] li{margin-bottom:.25rem}.card-description[data-v-820ed78f] strong{color:#374151}.card-footer[data-v-820ed78f]{margin-top:2.5rem;text-align:center;padding-top:2rem;border-top:1px solid rgba(168,85,247,.1);position:relative;z-index:1}.help-text[data-v-820ed78f]{font-size:.9rem;color:#9ca3af;margin-bottom:.5rem}.help-link[data-v-820ed78f]{color:#a855f7;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease}.help-link[data-v-820ed78f]:hover{color:#9333ea;text-decoration:underline}@media(max-width:1024px){.split-container[data-v-820ed78f]{grid-template-columns:1fr}.left-section[data-v-820ed78f]{padding:2.5rem 2rem 3rem;min-height:50vh}.hero-title[data-v-820ed78f]{font-size:3.5rem}.hero-tagline[data-v-820ed78f]{font-size:1.25rem}.right-section[data-v-820ed78f]{padding:3rem 2rem}}@media(max-width:768px){.left-section[data-v-820ed78f]{padding:2rem 1.5rem 2.5rem}.content-wrapper[data-v-820ed78f]{margin-top:1rem}.hero-title[data-v-820ed78f]{font-size:2.5rem}.hero-tagline[data-v-820ed78f]{font-size:1.1rem}.hero-description[data-v-820ed78f]{font-size:.95rem}.right-section[data-v-820ed78f]{padding:2.5rem 1.5rem}.login-card[data-v-820ed78f]{padding:2.5rem 2rem}.card-title[data-v-820ed78f]{font-size:1.75rem}.feature-item[data-v-820ed78f]{padding:.875rem 1.25rem}}