@import"https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}*{font-family:Asap,sans-serif;margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #ffffff;--text-color: #333333;--link-color: #007bff;--border-color: #dddddd;--accent-color: #007bff}body.dark-mode{--bg-color: #222222;--text-color: #ffffff;--link-color: #00bfff;--border-color: #555555;--accent-color: #00bfff}header{position:fixed;top:0;width:100%;padding:.5rem 0;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #0000000d;z-index:100}.dark-mode header{background:#0003}header>div{display:flex;align-items:center;justify-content:space-between;max-width:75rem;width:90%;margin:auto}.logo img{width:3rem;height:3rem;transition:transform .2s}.logo:hover img{transform:scale(1.1)}.brand-name a{font-size:1.5rem;font-weight:700;text-decoration:none;color:#333}.search-container{flex-grow:1;max-width:25rem;margin:0 1rem}.search-bar{width:100%;padding:.7rem 2.5rem;border:1px solid #e5e5e5;border-radius:24px;background:#fff url(/images/search.png) no-repeat 12px center;background-size:18px;border-color:#9dbee1;transition:border-color .2s,box-shadow .2s}.search-bar:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}nav{display:flex;align-items:center}nav ul{display:flex;list-style:none;gap:1rem;margin:0;padding:0}.nav-link{margin-right:1rem;padding:.6rem;border-radius:10rem}nav a,.nav-button{color:#333;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s;font-weight:500}nav a:hover,.nav-button:hover{background-color:#f5f5f5}.nav-button{background:none;border:none;font:inherit;cursor:pointer}.user-image{margin-left:1rem}.user-image img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.theme-toggle{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffafa33;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);cursor:pointer;transition:background .3s ease;margin:0 1rem}.theme-toggle:hover{background:#ffffff4d}.hamburger{display:none;cursor:pointer}.hamburger img{width:1.5rem;height:1.5rem}@media (max-width: 64rem){.search-container{max-width:20rem}}@media (max-width: 48rem){header>div{flex-wrap:wrap}.hamburger{display:block;order:1}.logo{order:2}.brand-name{order:3}.theme-toggle{order:4;margin-left:auto}.search-container{order:4;max-width:100%;width:100%;margin:.5rem 0}nav{order:5;width:100%;display:none;flex-direction:column;align-items:flex-start}nav.mobile-open{display:flex}nav ul{flex-direction:column;width:100%}nav li{width:100%}nav a,.nav-button{display:block;padding:.75rem 0}.user-image{margin:.5rem 0}}@media (max-width: 30rem){.brand-name a{font-size:1.2rem}}.modal-content{color:#333;padding:20px 0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:28px;font-weight:500;color:#000;margin:0}.close-button{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:4px;line-height:1}.close-button:hover{color:#000}.google-signup{display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:20px;transition:background-color .3s}.google-signup:hover{background-color:#f5f5f5}.google-signup img{width:24px;height:24px;margin-right:10px}.google-signup span{font-size:16px;color:#333}.divider{position:relative;text-align:center;margin:20px 0}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background-color:#ddd}.divider:before{left:0}.divider:after{right:0}.divider span{background-color:#fff;padding:0 10px;color:#666;font-size:14px}.registration-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:16px;font-weight:500;color:#000}.form-group textarea{height:15rem}.form-group input{width:100%;padding:12px;border:none;border-radius:8px;background-color:#f0f0f0;font-size:16px;transition:background-color .2s}.form-group input:focus{outline:none;background-color:#e8e8e8}.submit-button{width:100%;padding:12px;background-color:#22b1ee;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s;margin-top:10px}.submit-button:hover{background-color:#1ca1da}@media (max-width: 480px){.modal-content,.google-signup,.submit-button{padding:10px}}.sidemenu{position:fixed;left:0;top:0;height:100vh;width:280px;background-color:var(--bg-color, #ffffff);border-right:1px solid var(--border-color, #dddddd);transition:transform .3s ease,width .3s ease;z-index:99;padding-top:70px;display:flex;flex-direction:column}.sidemenu-collapsed{width:60px}.sidemenu-collapsed .nav-text,.sidemenu-collapsed .sidemenu-user-info,.sidemenu-collapsed .stat-label,.sidemenu-collapsed .badge,.sidemenu-collapsed .icon-dropdown,.sidemenu-collapsed .contribute-btn{display:none}.sidemenu-collapsed .sidemenu-stats{flex-direction:column}.sidemenu-header{padding:15px;border-bottom:1px solid var(--border-color, #dddddd)}.sidemenu-user{display:flex;align-items:center;margin-bottom:15px}.sidemenu-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:10px}.sidemenu-avatar img{width:100%;height:100%;object-fit:cover}.sidemenu-user-info h3{font-size:16px;margin:0;color:var(--text-color, #333333)}.sidemenu-user-info p{font-size:14px;margin:0;color:#666}.edit-user img{width:30px}.edit-user img:hover{width:32px;height:32px;cursor:pointer}.sidemenu-stats{display:flex;justify-content:space-between;margin-bottom:15px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:16px;font-weight:700;color:var(--text-color, #333333)}.stat-label{font-size:12px;color:#666}.contribute-btn{width:100%;padding:8px;background-color:#20b0ee;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color .2s}.contribute-btn:hover{background-color:#1ca1da}.sidemenu-content{flex:1;overflow-y:auto;overflow:hidden}.sidemenu-nav{list-style:none;padding:0;margin:0}.sidemenu-nav-item{margin:5px 0}.sidemenu-nav-link{display:flex;align-items:center;padding:10px 15px;color:var(--text-color, #333333);text-decoration:none;transition:background-color .2s}.sidemenu-nav-link:hover{background-color:#0000000d}.sidemenu-nav-link i{margin-right:10px;font-size:18px;min-width:24px;text-align:center}.badge{background-color:#ff6b6b;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:10px}.icon-dropdown{margin-left:auto;font-size:12px}.sidemenu-toggle{position:absolute;top:50%;right:-15px;width:30px;height:30px;background-color:var(--accent-color, #007bff);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%);z-index:100;box-shadow:0 2px 5px #0003}.sidemenu-user-info{margin-left:10px}.sidemenu-user-info h3{margin:0;font-size:16px;font-weight:600}.sidemenu-user-info p{margin:5px 0 0;font-size:14px;color:#666}.login-btn,.logout-btn{display:block;width:100%;padding:8px 16px;margin-top:15px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;text-align:center;text-decoration:none}.login-btn{background-color:#4caf50;color:#fff}.logout-btn{background-color:#f44336;color:#fff}.login-btn:hover{background-color:#45a049}.logout-btn:hover{background-color:#d32f2f}.sidemenu-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}@media (max-width: 768px){.sidemenu{transform:translate(-100%);width:250px}.sidemenu:not(.sidemenu-collapsed){transform:translate(0)}.sidemenu-collapsed{transform:translate(-100%)}.sidemenu-toggle{right:10px;top:80px;transform:none}}.sidemenu-collapsed .sidemenu-header{padding:15px 5px;display:flex;justify-content:center}.sidemenu-collapsed .sidemenu-user{flex-direction:column;align-items:center;margin-bottom:0}.sidemenu-collapsed .sidemenu-avatar{margin-right:0;width:40px;height:40px}.sidemenu-collapsed .sidemenu-user-info,.sidemenu-collapsed .edit-user,.sidemenu-collapsed .sidemenu-stats,.sidemenu-collapsed .contribute-btn{display:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-container{display:flex;flex:1;position:relative}.main-content{flex:1;transition:margin-left .3s ease;min-height:calc(100vh - 120px);padding:20px}.content-with-sidebar{margin-left:280px}.content-expanded{margin-left:60px}@media (max-width: 768px){.content-with-sidebar,.content-expanded{margin-left:0}.main-content{margin-top:120px;padding:20px 16px 100px}}.maincontent{padding:20px;width:100%;margin-top:60px}.maincontent-section{margin-bottom:40px}.maincontent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap}.maincontent-title{font-size:1.25rem;font-weight:600;color:var(--text-color, #333333);margin:0}.maincontent-controls{display:flex;align-items:center;gap:10px}.maincontent-hint{font-size:.9rem;color:#f6f2f2}.maincontent-view-toggle{display:flex;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.view-btn{background:none;border:none;padding:5px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.view-btn.active{background-color:#eee7e7;color:#fff}.view-icon{font-size:1.2rem}.maincontent-cards{display:grid;gap:20px}.maincontent-cards.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.maincontent-cards.list{display:grid;grid-template-columns:1fr;gap:1rem}.maincontent-card{position:relative;background-color:#e6e6e6;border-radius:8px;height:12.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #0003;transition:transform .5s,box-shadow .5s;transform-style:preserve-3d;overflow:hidden}.maincontent-card :before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .5s}.maincontent-card:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg) translateY(-10px);box-shadow:0 15px 30px #0000004d}.maincontent-card:hover:before{opacity:1}.card-content{width:100%;height:100%;display:flex;margin:1rem;text-align:center;justify-content:center}.card-content:hover{cursor:pointer}.card-content h3{font-size:1.5rem;font-weight:700;color:#333;margin:1rem}.card-content,.img-card{max-width:55%;height:auto;object-fit:cover;border-radius:50%}.play-btn:hover{opacity:1}@media (max-width: 768px){.maincontent-header{flex-direction:column;align-items:flex-start;gap:10px}.maincontent-controls{width:100%;justify-content:space-between}.maincontent-cards.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 480px){.maincontent-hint{display:none}.maincontent-cards.grid{grid-template-columns:1fr}}.slider-container{position:relative;width:100%;overflow:hidden;padding:0 40px}.slider-container.list{padding:0}.slider-wrapper{overflow:hidden;width:100%}.slider-track{display:flex;transition:transform .5s ease;width:100%}.slider-card{flex:0 0 calc(33.333% - 20px);margin-right:20px;box-sizing:border-box}.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:var(--accent-color, #007bff);color:#fff;border:none;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 5px #0003;transition:background-color .3s,transform .3s}.slider-nav-btn:hover{background-color:#0056b3;transform:translateY(-50%) scale(1.1)}.prev-btn{left:0}.next-btn{right:0}@media (max-width: 1024px){.slider-card{flex:0 0 calc(50% - 20px)}}@media (max-width: 768px){.slider-card{flex:0 0 calc(100% - 20px)}.slider-container{padding:0 30px}.slider-nav-btn{width:30px;height:30px;font-size:14px}}.slider-container.list .slider-track{flex-direction:column}.slider-container.list .slider-card{flex:0 0 100%;margin-right:0;margin-bottom:20px}.slider-container.list .slider-nav-btn{display:none}.semesters-container{min-height:100vh;background:#fff;padding:1vw 4vw;box-sizing:border-box;text-align:center}.semesters-title{font-size:clamp(1.5rem,5vw,2.6rem);color:#2c3e50;margin-bottom:3vw;font-weight:700;letter-spacing:1.2px}.semesters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:2.5vw;max-width:1200px;margin:0 auto;padding:0 2vw}.semester-card{position:relative;background:#e6e6e6;border-radius:2vw;padding:4vw 3vw;font-size:clamp(1rem,2vw,1.3rem);font-weight:700;color:#333;cursor:pointer;box-shadow:0 12px 30px #00000012;transition:transform .4s ease,box-shadow .4s ease;overflow:hidden;z-index:0;background-image:url(/images/bg-pattern.svg);background-repeat:no-repeat;background-position:bottom right;background-size:60px}.semester-card:before{content:"";position:absolute;top:-40%;left:-40%;width:200%;height:200%;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);transform:rotate(25deg);opacity:.08;z-index:-1;transition:opacity .3s ease}.semester-card:hover:before{opacity:.18}.semester-card:hover{transform:translateY(-1vw);box-shadow:0 20px 40px #0000001f}.semester-card span{display:block;background:#3b82f6;color:#fff;padding:.4em 1em;border-radius:20px;font-size:clamp(.6rem,1.5vw,.85rem);position:absolute;top:1vw;right:1vw;font-weight:500;box-shadow:0 4px 8px #0000001a}.loader-wrapper{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-logo{width:150px;height:150px;animation:pulseZoom 2s ease-in-out infinite}@keyframes pulseZoom{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.9}}.subject-container{padding:2rem 1rem;text-align:center}.back-button{background-color:#f5f5f5;border:none;border-radius:4px;padding:8px 16px;margin-right:20px;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.subject-title{font-size:clamp(1.5rem,5vw,2.6rem);color:#2c3e50;margin-bottom:3vw;font-weight:700;letter-spacing:1.2px}.subject-list{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;max-width:800px;margin:0 auto}.subject-row{display:flex;align-items:center;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #00000012;padding:1rem 1.5rem;border:2px solid #e0e0e0;transition:background-color .3s ease,border-color .3s ease,transform .25s ease,box-shadow .25s ease;cursor:pointer;will-change:transform}.subject-row:hover,.subject-row:focus{background:linear-gradient(135deg,#fafafa,#eaeaea);border-color:#bbb;box-shadow:0 12px 18px #0000001f;transform:scale(1.03);outline:none}.subject-serial{font-weight:700;font-size:clamp(1.3rem,2vw,1.6rem);color:#007bff;width:50px;min-width:40px;text-align:center;margin-right:1.2rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.subject-info{flex-grow:1;text-align:left;display:flex;flex-direction:column}.subject-name{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:600;color:#222;margin-bottom:.3rem;transition:color .3s ease}.subject-row:hover .subject-name,.subject-row:focus .subject-name{color:#444}.subject-details{font-size:clamp(.9rem,1vw,1rem);color:#555;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.2rem}.subject-doc-icon{width:20px;height:20px;fill:#007bff;transition:fill .3s ease}.subject-row:hover .subject-doc-icon,.subject-row:focus .subject-doc-icon{fill:#0056b3}@media (max-width: 900px){.subject-list{max-width:100%;padding:0 .8rem}.subject-serial{width:45px;margin-right:1rem}.subject-name{font-size:clamp(1rem,1.5vw,1.2rem)}.subject-details{font-size:clamp(.85rem,1vw,.95rem)}}@media (max-width: 600px){.subject-list{padding:0 .5rem}.subject-row{flex-direction:column;align-items:flex-start;padding:1.2rem 1rem;gap:.4rem}.subject-serial{width:auto;margin-bottom:.5rem;font-size:clamp(1.4rem,4vw,1.6rem);text-align:left}.subject-info{width:100%}.subject-name{font-size:clamp(1.2rem,4vw,1.4rem)}.subject-details{margin-top:.3rem;font-size:clamp(.9rem,2vw,1rem)}}.verify-email-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.verify-email-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:32px;max-width:500px;width:100%;text-align:center}.verification-loading,.verification-success,.verification-failed,.verification-invalid,.verification-error{display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon{background-color:#4caf50;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:32px}.failed-icon{background-color:#f44336;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:32px}.login-button,.resend-button,.home-button{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;text-decoration:none;margin-top:16px;display:inline-block}.resend-button{background-color:#2196f3}.home-button{background-color:#607d8b}.login-button:hover,.resend-button:hover,.home-button:hover{opacity:.9}.resend-verification-container{max-width:500px;margin:0 auto;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.resend-verification-container h2{margin-top:0;color:#333}.resend-form{margin-top:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.resend-button{background-color:#2196f3;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;width:100%}.resend-button:disabled{background-color:#b0bec5;cursor:not-allowed}.resend-button:hover:not(:disabled){background-color:#1e88e5}.verification-reminder{text-align:center}.back-to-login-button{background-color:#9e9e9e;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:16px;font-size:14px}.back-to-login-button:hover{background-color:#757575}.welcome-text{color:#333;font-weight:500;margin-right:15px;display:inline-block}.logout-button{background-color:#f44336;color:#fff}.logout-button:hover{background-color:#d32f2f}.feedback-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:16px}.feedback-form textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}@media (max-width: 768px){.welcome-text{display:block;margin-bottom:10px}}.google-auth-success{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#4285f4;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.google-auth-success p{font-size:18px;color:#333}.upload-form-container{max-width:600px;margin:0 auto;padding:20px}.upload-form-card{border:1px solid #ddd;border-radius:8px;padding:24px;background-color:#fff;box-shadow:0 2px 4px #0000001a;margin-top:100px}.upload-form-title{margin-bottom:24px;color:#333;font-size:1.5rem;font-weight:600}.upload-form-loading{text-align:center;padding:40px;font-size:1.1rem;color:#666}.upload-form-alert{padding:12px;margin-bottom:20px;border-radius:4px;font-size:14px;font-weight:500}.upload-form-alert.error{border:1px solid #ef4444;background-color:#fef2f2;color:#dc2626}.upload-form-alert.success{border:1px solid #10b981;background-color:#f0fdf4;color:#059669}.upload-form-alert.info{border:1px solid #3b82f6;background-color:#eff6ff;color:#2563eb}.upload-form-field{margin-bottom:20px}.upload-form-label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.upload-form-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.upload-form-toggle-btn{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:12px;color:#6b7280;transition:all .2s ease}.upload-form-toggle-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.upload-form-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.upload-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.upload-form-input.readonly{background-color:#f9f9f9;color:#6b7280}.upload-form-file-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;background-color:#fff;font-size:14px;box-sizing:border-box}.upload-form-file-input:hover{border-color:#9ca3af}.upload-form-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s ease;box-sizing:border-box}.upload-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.upload-form-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.upload-form-file-selected{margin-top:8px;color:#10b981;font-size:14px;display:flex;align-items:center;gap:4px}.upload-form-submit-btn{width:100%;padding:12px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.upload-form-submit-btn.enabled{background-color:#3b82f6;color:#fff}.upload-form-submit-btn.enabled:hover{background-color:#2563eb}.upload-form-submit-btn.disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}@media (max-width: 768px){.upload-form-container{padding:10px}.upload-form-card{padding:16px}.upload-form-field-header{flex-direction:column;align-items:flex-start;gap:8px}.upload-form-toggle-btn{align-self:flex-end}}.upload-form-input:focus,.upload-form-select:focus,.upload-form-file-input:focus,.upload-form-toggle-btn:focus,.upload-form-submit-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.upload-form-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:upload-form-spin 1s ease-in-out infinite}@keyframes upload-form-spin{to{transform:rotate(360deg)}}.notes-detail-container{padding:20px;max-width:1200px;margin:0 auto}.notes-detail-header{margin-bottom:30px}.notes-detail-title{font-size:24px;font-weight:600;color:#333;margin:10px 0}.back-button{background:none;border:none;color:#1a73e8;cursor:pointer;font-size:14px;padding:8px 0;margin-bottom:10px}.back-button:hover{text-decoration:underline}.notes-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0}.note-card-drive{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden}.note-card-drive:hover{box-shadow:0 2px 8px #0000001a;border-color:#dadce0}.note-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0}.note-title-section{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.file-icon{font-size:16px;flex-shrink:0}.note-title-text{font-size:14px;font-weight:500;color:#333;truncate:ellipsis;overflow:hidden;white-space:nowrap}.note-menu-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#666;font-size:16px}.note-menu-button:hover{background-color:#f5f5f5}.note-preview-section{height:160px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.file-type-icon{width:80px;height:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff}.note-metadata-section{padding:12px 16px}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.upload-info{font-size:12px;color:#666}.no-notes-section{text-align:center;padding:60px 20px;color:#666}.upload-button{background-color:#1a73e8;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:20px}.upload-button:hover{background-color:#1557b0}.notes-viewer-container{height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa}.notes-viewer-header{background:#fff;padding:16px 24px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:16px}.viewer-title{font-size:18px;font-weight:500;color:#333;margin:0}.pdf-viewer-toolbar{background:#fff;padding:12px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.download-btn{background-color:#34a853;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.download-btn:hover{background-color:#2d8f47}.viewer-tools{display:flex;gap:12px;align-items:center}.tool-btn{background:#f8f9fa;border:1px solid #e0e0e0;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px}.tool-btn:hover{background-color:#f1f3f4}.like-btn{color:#34a853}.dislike-btn{color:#ea4335}.save-btn{color:#1a73e8}.share-btn{color:#666}.pdf-viewer-content{flex:1;padding:20px;display:flex;justify-content:center}.pdf-iframe{width:100%;max-width:800px;height:100%;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a}.pdf-viewer-bottom-toolbar{background:#2d3748;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.page-navigation{display:flex;align-items:center;gap:12px}.nav-btn{background:transparent;border:1px solid #4a5568;color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer}.nav-btn:hover:not(:disabled){background-color:#4a5568}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{display:flex;align-items:center;gap:8px}.page-input{background:transparent;border:1px solid #4a5568;color:#fff;padding:4px 8px;border-radius:4px;width:50px;text-align:center}.page-total{font-size:14px;color:#a0aec0}.zoom-btn,.fit-btn{background:transparent;border:1px solid #4a5568;color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer}.zoom-btn:hover,.fit-btn:hover{background-color:#4a5568}.bottom-download-btn{background-color:#34a853;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.bottom-download-btn:hover{background-color:#2d8f47}.download-icon{font-size:16px}.error-message{text-align:center;padding:40px 20px;color:#ea4335;font-size:16px}@media (max-width: 768px){.notes-grid-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.pdf-viewer-toolbar{flex-direction:column;gap:12px;align-items:stretch}.viewer-tools{justify-content:center}.pdf-viewer-bottom-toolbar{flex-direction:column;gap:12px}}.ai-assistant-container{max-width:800px;margin:0 auto;height:70vh;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.ai-assistant-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;margin-top:100px}.ai-assistant-title{display:flex;align-items:center;gap:15px}.ai-assistant-avatar{font-size:2rem;background:#fff3;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.ai-assistant-title h2{margin:0;font-size:1.5rem;font-weight:600}.ai-assistant-title p{margin:0;opacity:.9;font-size:.9rem}.ai-assistant-clear-btn{background:#fff3;border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:background-color .2s}.ai-assistant-clear-btn:hover{background:#ffffff4d}.ai-assistant-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa;display:flex;flex-direction:column;gap:16px}.ai-message{display:flex;max-width:80%}.ai-message.user{align-self:flex-end;margin-left:auto}.ai-message.ai{align-self:flex-start}.ai-message-content{background:#fff;padding:12px 16px;border-radius:18px;box-shadow:0 2px 8px #0000001a;position:relative}.ai-message.user .ai-message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.ai-message.ai .ai-message-content{background:#fff;border:1px solid #e9ecef;border-bottom-left-radius:4px}.ai-message-text{line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.ai-message-time{font-size:.75rem;opacity:.7;margin-top:4px;text-align:right}.ai-message.ai .ai-message-time{text-align:left}.ai-typing-indicator{display:flex;gap:4px;align-items:center;padding:8px 0}.ai-typing-indicator span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:ai-typing 1.4s infinite ease-in-out}.ai-typing-indicator span:nth-child(1){animation-delay:-.32s}.ai-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes ai-typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-assistant-input-container{padding:20px;background:#fff;border-top:1px solid #e9ecef}.ai-assistant-error{background:#fee;color:#c33;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:.9rem;border:1px solid #fcc}.ai-assistant-input-wrapper{display:flex;gap:12px;align-items:flex-end}.ai-assistant-input{flex:1;border:2px solid #e9ecef;border-radius:12px;padding:12px 16px;font-size:1rem;resize:none;min-height:20px;max-height:120px;font-family:inherit;transition:border-color .2s}.ai-assistant-input:focus{outline:none;border-color:#667eea}.ai-assistant-input:disabled{background:#f8f9fa;cursor:not-allowed}.ai-assistant-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:12px 16px;font-size:1.2rem;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:50px;height:46px;display:flex;align-items:center;justify-content:center}.ai-assistant-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.ai-assistant-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.ai-assistant-container{height:calc(100vh - 60px);margin:0;border-radius:0}.ai-assistant-header{padding:15px}.ai-assistant-title h2{font-size:1.3rem}.ai-assistant-messages{padding:15px}.ai-message{max-width:90%}.ai-assistant-input-container{padding:15px}}.ai-assistant-messages::-webkit-scrollbar{width:6px}.ai-assistant-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ai-assistant-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ai-assistant-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:100;max-height:70vh;overflow-y:auto;margin-top:8px;padding:8px 0}.search-result-item{padding:12px 16px;border-bottom:1px solid #edf2f7;transition:background-color .2s}.search-result-item:hover{background-color:#f8fafc}.search-result-item:last-child{border-bottom:none}.result-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}.result-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;font-size:13px;color:#64748b}.result-type{background-color:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:4px;font-weight:500}.result-subject{font-weight:500}.result-actions{display:flex;gap:8px}.view-button,.ask-ai-button{padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.view-button{background-color:#3b82f6;color:#fff;border:1px solid #3b82f6}.view-button:hover{background-color:#2563eb}.ask-ai-button{background-color:#fff;color:#3b82f6;border:1px solid #3b82f6}.ask-ai-button:hover{background-color:#eff6ff}.search-results-loading{display:flex;align-items:center;gap:8px;padding:16px;color:#64748b}.search-spinner{width:18px;height:18px;border:3px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-results-empty{padding:16px;color:#64748b;text-align:center}mark{background-color:#fef08a;padding:0 2px;border-radius:2px}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;display:flex;justify-content:space-around;align-items:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:99;box-shadow:0 -2px 8px #0000001a;flex-direction:row}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;padding:4px 8px;border-radius:8px;transition:all .2s ease;min-width:60px}.bottom-nav-item.active{color:#1976d2;background-color:#1976d21a}.bottom-nav-icon{font-size:20px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.profile-nav-image{width:24px;height:24px;border-radius:50%;object-fit:cover}.bottom-nav-label{font-size:10px;font-weight:500;text-align:center}.sidemenu-mobile-open{transform:translate(0)!important}.sidemenu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:98}.mobile-only{display:none}.logout-link{background:none;border:none;width:100%;text-align:left;cursor:pointer;font:inherit}.chatbot-button-container{position:fixed;bottom:80px;right:20px;z-index:1000}.main-content{padding-bottom:80px}@media (max-width: 768px){.header-nav{display:none}.mobile-only{display:block}.sidemenu{transform:translate(-100%);width:280px;transition:transform .3s ease}.sidemenu-collapsed{transform:translate(-100%);width:280px}.sidemenu-toggle{display:none}.content-with-sidebar,.content-expanded{margin-left:0}.main-content{margin-top:120px;padding:20px 16px 100px}.footer{display:none}.maincontent-cards.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.maincontent-card{height:140px}.card-content h3{font-size:1.2rem}.search-container{width:100%;margin:0}.search-bar{width:100%;padding:.6rem 2rem;font-size:14px}}@media (max-width: 480px){.header-content{padding:.5rem}.header-left{gap:.5rem}.brand-name a{font-size:1.2rem}.logo img{width:2.5rem;height:2.5rem}.bottom-nav-icon{font-size:18px}.bottom-nav-label{font-size:9px}.main-content{padding:16px 12px 100px}.maincontent-cards.grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}}@media (max-width: 768px) and (orientation: landscape){.main-content{margin-top:80px}.mobile-search-container{display:none}.header-content{padding:.5rem 1rem}}@supports (padding: max(0px)){.bottom-navigation{padding-bottom:max(8px,env(safe-area-inset-bottom))}.main-content{padding-bottom:max(100px,calc(100px + env(safe-area-inset-bottom)))}.chatbot-button-container{bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))}}.mobile-menu-container{position:relative;display:inline-block}.mobile-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:120px;margin-top:8px;overflow:hidden;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background-color:#f8f9fa}.mobile-menu-item:active{background-color:#e9ecef}.mobile-menu-item.logout{color:#dc3545}.mobile-menu-item.logout:hover{background-color:#fff5f5}@media (max-width: 768px){.hamburger{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.hamburger:hover{background-color:#0000000d}.hamburger img{width:24px;height:24px}}@media (max-width: 768px){.header-nav{display:none!important}}.mobile-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999}.main-header{position:fixed;top:0;width:100%;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #0000000d;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;max-width:1200px;margin:0 auto}.header-left{display:flex;align-items:center;gap:1rem}.mobile-search-container{padding:.5rem 1rem;border-top:1px solid #e5e5e5;background:#fff}@media (max-width: 480px){.mobile-dropdown-menu{min-width:100px;font-size:13px}.mobile-menu-item{padding:10px 14px;font-size:13px}.header-content{padding:.5rem}.header-left{gap:.5rem}}@media (prefers-color-scheme: dark){.mobile-dropdown-menu{background:#2d3748;border-color:#4a5568}.mobile-menu-item{color:#e2e8f0;border-bottom-color:#4a5568}.mobile-menu-item:hover{background-color:#4a5568}.mobile-menu-item:active{background-color:#2d3748}.mobile-menu-item.logout{color:#fc8181}.mobile-menu-item.logout:hover{background-color:#553c4e}}.under-construction{margin:0;padding:0;position:relative;right:192px}.chat-widget-overlay{position:fixed;bottom:80px;right:20px;z-index:1000;display:flex;justify-content:flex-end;align-items:flex-end}.chat-widget{width:350px;height:500px;background-color:#fff;border-radius:12px;box-shadow:0 5px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out;position:relative;top:60px}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{background-color:#1976d2;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:12px;border-top-right-radius:12px}.chat-header-content{display:flex;align-items:center}.chat-logo{width:32px;height:32px;margin-right:12px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-logo-img{width:24px;height:24px;object-fit:contain}.chat-title{display:flex;flex-direction:column}.chat-title h3{margin:0;font-size:16px;font-weight:600}.chat-status{font-size:12px;opacity:.8}.chat-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.chat-close-btn:hover{background-color:#ffffff1a}.chat-messages{flex:1;padding:16px;overflow-y:auto;background-color:#f5f7f9;display:flex;flex-direction:column}.message{margin-bottom:16px;max-width:80%;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message.user{align-self:flex-end}.message.bot{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;position:relative;word-break:break-word}.message.user .message-content{background-color:#1976d2;color:#fff;border-bottom-right-radius:4px}.message.bot .message-content{background-color:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-content p{margin:0;line-height:1.4}.message-time{font-size:10px;opacity:.7;margin-top:6px;display:block;text-align:right}.typing-indicator{display:flex;align-items:center;padding:4px 0}.typing-indicator span{height:8px;width:8px;background-color:#bbb;border-radius:50%;display:inline-block;margin-right:5px;animation:bounce 1.5s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s;margin-right:0}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input-form{padding:12px 16px;background-color:#fff;border-top:1px solid #eaeaea}.chat-input-container{display:flex;align-items:center;background-color:#f5f7f9;border-radius:24px;padding:4px 8px 4px 16px}.chat-input{flex:1;border:none;background:transparent;padding:10px 0;outline:none;font-size:14px}.chat-send-btn{background-color:#1976d2;color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.chat-send-btn:hover{background-color:#1565c0}.chat-send-btn:disabled{background-color:#ccc;cursor:not-allowed}.predefined-questions{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.questions-title{font-weight:600;margin-bottom:12px;color:#333;font-size:14px}.questions-grid{display:grid;grid-template-columns:1fr;gap:8px}.question-btn{background:#f0f4f8;border:1px solid #e1e5e9;border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:13px;color:#333}.question-btn:hover{background:#e3f2fd;border-color:#1976d2;transform:translateY(-1px)}.suggestions{margin-top:12px;padding-top:10px;border-top:1px solid #e1e5e9}.suggestions-title{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.suggestion-btn{display:block;width:100%;background:#f0f4f8;border:1px solid #e1e5e9;border-radius:6px;padding:8px 10px;margin-bottom:6px;text-align:left;cursor:pointer;font-size:12px;color:#555;transition:background-color .2s ease}.suggestion-btn:hover{background:#e3f2fd;border-color:#1976d2}.suggestion-btn:last-child{margin-bottom:0}@media (max-width: 480px){.chat-widget{width:100%;height:100%;position:fixed;bottom:0;right:0;border-radius:0}.chat-widget-overlay{bottom:0;right:0;width:100%;height:100%;background-color:#00000080}.questions-grid{grid-template-columns:1fr}.question-btn{font-size:12px;padding:8px 10px}}.chatbot-button-container{position:fixed;bottom:30px;right:30px;z-index:999;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:12px;margin-bottom:60px}.chatbot-button{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #3b82f666;transition:all .3s ease;position:relative;overflow:hidden}.chatbot-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #3b82f699}.chatbot-button.active{background:#ef4444;box-shadow:0 4px 20px #ef444466}.chatbot-button.active:hover{box-shadow:0 6px 25px #ef444499}.chatbot-icon{width:32px;height:32px;object-fit:contain;transition:transform .3s ease}.chatbot-button svg{color:#fff;transition:transform .3s ease}.chatbot-button:hover .chatbot-icon,.chatbot-button:hover svg{transform:scale(1.1)}.chat-notification{background:#fff;padding:8px 12px;border-radius:20px;box-shadow:0 2px 10px #0000001a;font-size:12px;font-weight:500;color:#fff;white-space:nowrap;animation:slideInOut 3s ease-in-out infinite;background-color:#20b0ee;margin-bottom:10px;opacity:0}@keyframes slideInOut{0%{transform:translate(20px);opacity:0}20%{transform:translate(0);opacity:1}80%{transform:translate(0);opacity:1}to{transform:translate(20px);opacity:0}}.chatbot-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:inherit;animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1.4);opacity:0}}@media (max-width: 768px){.chatbot-button-container{bottom:20px;right:20px}.chatbot-button{width:56px;height:56px}.chatbot-icon{width:28px;height:28px}}.edit-user-container{max-width:600px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.edit-user-header{margin-bottom:24px;text-align:center;display:flex;flex-direction:column;align-items:center}.profile-pic-container{margin-bottom:16px;position:relative;display:flex;flex-direction:column;align-items:center}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #3a86ff;margin-bottom:8px}.profile-pic-upload{color:#3a86ff;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s}.profile-pic-upload:hover{color:#2667cc;text-decoration:underline}.edit-user-name{font-size:24px;font-weight:600;color:#333;margin:0}.edit-user-title{font-size:16px;color:#666;margin:8px 0 0}.edit-user-section{margin-bottom:24px}.edit-user-section-title{font-size:18px;font-weight:500;color:#333;margin-bottom:16px}.edit-user-form-group{margin-bottom:16px}.edit-user-label{display:block;margin-bottom:8px;font-size:14px;color:#555}.edit-user-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;transition:border-color .3s}.edit-user-select:focus{outline:none;border-color:#3a86ff}.edit-user-divider{height:1px;background-color:#e0e0e0;margin:24px 0}.edit-user-save-button{display:block;width:100%;padding:12px;background-color:#3a86ff;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.edit-user-save-button:hover{background-color:#2667cc}.edit-user-container *{box-sizing:border-box}