*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f3f6fc;overflow-x:hidden}.app{display:flex;min-height:100vh}@media (max-width: 768px){.app{display:block}.sidebar{width:100%;height:auto;margin-bottom:20px}.main-content{margin-left:0}.buttons{flex-direction:column;align-items:center}.buttons .btn{width:100%;margin-bottom:10px}}.sidebar-mobile-toggle{position:fixed;top:20px;left:20px;z-index:1000;cursor:pointer;font-size:22px;color:#2c3e50;background:#fff;border-radius:8px;box-shadow:0 3px 10px #0000001a;width:42px;height:42px;display:none;align-items:center;justify-content:center;transition:all .2s ease;border:none;outline:none;padding:0}.sidebar-mobile-toggle:hover{background-color:#4a90e2;color:#fff;transform:scale(1.05)}.sidebar-mobile-toggle:active{transform:scale(.95)}.sidebar{width:280px;background:linear-gradient(to bottom,#f8f9ff,#fff);box-shadow:0 0 25px #00000012;padding:30px 25px;flex-shrink:0;height:115vh;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow-y:auto;border-right:1px solid #e0e0e0;scrollbar-width:thin;scrollbar-color:#c8d6e5 #fff}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:#f8f9ff}.sidebar::-webkit-scrollbar-thumb{background-color:#c8d6e5;border-radius:20px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2c3e5040;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998;transition:opacity .3s ease}.profile{display:flex;align-items:center;margin-top:0;margin-bottom:35px;padding-bottom:20px;border-bottom:2px solid #4a90e2}.profile img{width:70px;height:70px;border-radius:12px;margin-right:15px;border:3px solid #fff;box-shadow:0 4px 15px #4a90e233;transition:all .3s ease;object-fit:cover}.profile img:hover{transform:translateY(-3px);box-shadow:0 7px 15px #4a90e24d}.profile-info{display:flex;flex-direction:column}.profile-info .name{font-weight:600;font-size:1.12rem;color:#2c3e50;margin-bottom:4px}.profile-info .role{color:#4a90e2;font-size:.85rem;font-weight:500}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{margin-bottom:8px;border-radius:8px;overflow:hidden;transition:transform .2s ease}.sidebar ul li:hover{transform:translate(5px)}.sidebar-category{color:#7f8c8d;font-size:.8rem;text-transform:uppercase;letter-spacing:1.2px;padding:0 12px;margin:25px 0 15px;font-weight:600}.menu-item{text-decoration:none;color:#2c3e50;display:flex;align-items:center;width:100%;padding:12px 16px;border-radius:8px;font-weight:500;transition:all .25s ease}.menu-item i,.menu-item svg{margin-right:12px;font-size:18px;color:#7f8c8d;transition:all .2s ease}.menu-item:hover{background-color:#e8f1ff;color:#2c5ce2;transform:translate(5px)}.menu-item:hover i,.menu-item:hover svg{color:#2c5ce2}.menu-item.active{background-color:#d1e3ff;color:#1a4ba5;font-weight:700;box-shadow:0 2px 10px #4a90e21a}.menu-item.active i,.menu-item.active svg{color:#1a4ba5;font-weight:700}@media (min-width: 1025px){.sidebar-mobile-toggle{display:none!important}.sidebar{transform:none!important}}@media screen and (max-width: 1024px) and (min-width: 769px){.sidebar{width:260px;padding:25px 20px}.menu-item{padding:10px 14px}.profile{margin-bottom:25px;padding-bottom:15px}}@media screen and (max-width: 768px){.sidebar-mobile-toggle{display:flex!important;top:15px;left:15px}.sidebar{position:fixed;left:-290px;top:0;z-index:999;height:100vh;overflow-y:auto;transform:translate(0);width:280px;padding:25px;background:#fff}.sidebar.mobile-open{transform:translate(290px);box-shadow:5px 0 15px #0000001a}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.visible{display:block;opacity:1}.profile{margin-top:40px;padding-top:15px}.sidebar-mobile-toggle.close{position:fixed;top:15px;right:15px;left:auto;z-index:1000;background:#fff;box-shadow:0 2px 8px #0000001a;border-radius:8px}}@media screen and (max-width: 480px){.sidebar{padding:20px;width:260px;left:-270px}.sidebar.mobile-open{transform:translate(270px)}.profile img{width:60px;height:60px}.menu-item{padding:10px 12px;font-size:.95rem}}.profile-dropdown{position:relative;display:inline-block;margin-right:10px}.profile-img-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;cursor:pointer;border:1px solid #e0e0e0;box-shadow:0 4px 10px #0000001a;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;background-color:#fff}.profile-img-wrapper:hover{transform:scale(1.05)}.dropdown-profile-img{width:100%;height:100%;object-fit:cover}.profile-dropdown-menu{position:absolute;top:90px;right:-100px;background-color:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;overflow:hidden;display:flex;flex-direction:column;min-width:180px;z-index:999;animation:fadeIn .2s ease-in-out}.profile-dropdown-menu div{padding:12px 18px;cursor:pointer;transition:background-color .2s,padding-left .2s;white-space:nowrap;font-size:14px}.profile-dropdown-menu div:hover{background-color:#eef4ff;padding-left:24px}.dropdown-toggle{display:flex;align-items:center;cursor:pointer}.dropdown-icon{margin-left:5px;font-size:16px;font-weight:700;transition:transform .2s ease}.dropdown-toggle:hover .dropdown-icon{transform:scale(1.2)}@media (max-width: 768px){.profile-img-wrapper{width:50px;height:50px}.profile-dropdown-menu{top:60px;right:-100px;min-width:160px}}@media (max-width: 480px){.profile-img-wrapper{width:40px;height:40px}.profile-dropdown-menu{top:50px;right:-100px;min-width:140px}.profile-dropdown-menu div{padding:8px 12px;font-size:13px}}.content{flex:1;padding:25px;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.top-text{margin-bottom:20px;font-size:24px;font-weight:700;color:red;text-shadow:.05rem .05rem #a5c8e8;text-align:left;padding-left:20px}.stats-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1600px;margin:0 auto;padding:10px}@media (min-width: 1025px){.stats-container{flex-direction:row;justify-content:space-between;gap:20px;padding:10px 20px}}@media (max-width: 1024px){.stats-container{gap:15px;padding:10px;justify-content:space-evenly}}@media screen and (max-width: 768px){.stats-container{gap:15px;padding:10px;justify-content:center}.top-text{font-size:20px;text-align:center;margin-top:60px;padding:0 15px}.content{padding:15px}}@media screen and (max-width: 480px){.stats-container{gap:10px;padding:5px}.top-text{font-size:18px;margin-top:50px}}.stat-box{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;width:calc((100% - 120px) / 7);min-width:130px;min-height:130px;max-width:none;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;box-sizing:border-box;border-radius:15px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;padding:15px;margin:0;position:relative;overflow:hidden;flex:1}.stat-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(45deg,#4a90e2,#5ca5ff);opacity:1;transition:opacity .3s ease}.stat-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#4a90e2}.stat-box:hover:before{opacity:1}.logo-container{flex:1;width:100%;height:60%;display:flex;align-items:center;justify-content:center;padding:10px;position:relative}.stat-box-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto;transition:transform .3s ease}.stat-box:hover .stat-box-logo{transform:scale(1.05)}.stat-box h4{margin:20px 0 10px;font-size:.9em;line-height:1.3;color:#2c3e50;font-weight:600;min-height:2.6em;display:flex;align-items:center;justify-content:center}.stat-box p{margin:0;font-size:1.3em;font-weight:700;color:#4a90e2;padding:10px 0;width:100%;display:flex;align-items:center;justify-content:center;min-height:45px}@media (min-width: 1441px){.stat-box{width:calc((100% - 140px) / 7);max-width:220px}}@media (min-width: 1025px){.stat-box{width:calc((100% - 120px) / 7);min-width:120px;flex:1}}@media (max-width: 1024px){.stat-box{width:calc((100% - 45px) / 3);min-width:180px;flex:1}}@media (max-width: 768px){.stat-box{width:calc((100% - 15px)/2);min-width:150px;flex:0 0 calc(50% - 15px)}}@media (max-width: 480px){.stat-box{width:calc((100% - 10px)/2);min-width:130px;padding:10px;flex:0 0 calc(50% - 8px)}}.announcements{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-top:25px;padding:20px 25px;transition:all .3s ease;overflow:hidden;max-height:none;box-shadow:0 4px 15px #0000000d}.announcements.expanded{max-height:1500px}.announcements h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #4a90e2}.announcements ul{list-style:none;padding:0;margin:0}.announcements ul li{padding:15px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:flex-start;transition:all .3s ease}.announcements ul li:last-child{border-bottom:none}.announcements ul li:hover{background-color:#f8f9ff;padding-left:10px;border-radius:8px}.announcements ul li span{color:#4a90e2;font-weight:600;margin-right:15px;min-width:85px;font-size:14px}.announcements ul li a{color:#2c3e50;text-decoration:none;font-size:15px;line-height:1.5;flex:1;transition:color .3s ease}.announcements ul li a:hover{color:#4a90e2}.archive{text-align:right;padding:15px 0 5px;margin-top:10px;border-top:1px solid #f0f0f0}.archive span{color:#4a90e2;font-weight:600;cursor:pointer;font-size:15px;padding:8px 15px;border-radius:20px;transition:all .3s ease;background-color:#f8f9ff}.archive span:hover{background-color:#4a90e2;color:#fff}@media screen and (max-width: 1024px){.announcements{padding:15px 20px;margin:15px;max-height:none}.announcements h3{font-size:18px;margin-bottom:15px}.announcements ul li{padding:12px 0}}@media screen and (max-width: 768px){.announcements{padding:15px;margin:15px;border-radius:10px;max-height:none;height:auto}.announcements h3{font-size:17px;margin-bottom:12px}.announcements ul{margin-bottom:10px}.announcements ul li{padding:12px 0;flex-direction:column;border-bottom:1px solid #f0f0f0}.announcements ul li:last-child{border-bottom:none}.announcements ul li span{margin-bottom:8px;font-size:13px;display:block}.announcements ul li a{font-size:14px;line-height:1.4;display:block}.archive{text-align:center;padding:12px 0 5px}.archive span{font-size:14px;padding:8px 15px;display:inline-block;width:auto}}@media screen and (max-width: 480px){.announcements{padding:12px;margin:10px;max-height:none}.announcements h3{font-size:16px;padding-bottom:8px}.announcements ul li{padding:10px 0}.announcements ul li span{font-size:12px;min-width:75px;margin-bottom:6px}.announcements ul li a{font-size:13px;line-height:1.3}.archive span{font-size:13px;padding:6px 12px}}.message-box{position:fixed;top:20px;right:35px;z-index:1001;display:flex;flex-direction:column;align-items:flex-end;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.message-icon{background-color:#f0f4ff;padding:15px;border-radius:50%;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:background-color .3s,transform .2s}.message-icon:hover{background-color:#c3d4ff;transform:scale(1.05)}.message-dropdown-menu{margin-top:10px;background-color:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;overflow:hidden;display:flex;flex-direction:column;min-width:200px;border:none;animation:fadeIn .2s ease-in-out;z-index:999;position:absolute;right:100%}.message-dropdown-menu div{padding:12px 18px;cursor:pointer;transition:background-color .2s,padding-left .2s}.message-dropdown-menu div:hover{background-color:#eef4ff;padding-left:24px;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.message-box{top:10px;right:15px}.message-icon{padding:12px}.message-dropdown-menu{min-width:160px;font-size:14px}.message-dropdown-menu div{padding:10px 14px}.message-dropdown-menu div:hover{padding-left:20px}}@media (max-width: 480px){.message-box{right:10px;top:10px}.message-icon{padding:10px}.message-dropdown-menu{min-width:140px;font-size:13px}.message-dropdown-menu div{padding:8px 12px}.message-dropdown-menu div:hover{padding-left:18px}}.special-member-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.special-member-container h1{color:#2a4d9b;margin-bottom:2rem;font-size:1.875rem;text-align:center}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.iban-container{display:flex;gap:1rem;align-items:center}.iban-display{flex:1;padding:.75rem;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;font-family:monospace;font-size:1rem;color:#2d3748;cursor:default}.copy-button{padding:.75rem 1.5rem;background-color:#4299e1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.copy-button:hover{background-color:#3182ce}.info-box{margin-bottom:2rem;padding:1rem;background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:4px;color:#2c5282;display:flex;gap:1rem;align-items:flex-start}.info-box svg{color:#4299e1;flex-shrink:0;margin-top:.25rem}.info-box p{margin:0;line-height:1.5}textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;resize:vertical;min-height:120px;font-size:1rem;line-height:1.5}textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.submit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#48bb78;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1rem}.submit-button:hover{background-color:#38a169}.notification-popup{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:4px;color:#fff;font-weight:500;animation:slideIn .3s ease-out;z-index:1000}.notification-popup.success{background-color:#48bb78}.notification-popup.error{background-color:#f56565}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.special-member-container{margin:1rem;padding:1.5rem}.iban-container{flex-direction:column}.copy-button{width:100%}.notification-popup{left:1rem;right:1rem;bottom:1rem;text-align:center}}.membership-info{background:#fff;border-radius:12px;border:2px solid #2a4d9b;padding:1.5rem;margin-bottom:2rem}.price-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.price-details{display:flex;flex-direction:column;gap:.25rem}.description{color:#4a5568;font-size:.95rem}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-list li{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.95rem}.features-list li:before{content:"✓";color:#2a4d9b;font-weight:700}.common-topics-container{max-width:800px;margin:40px auto;padding:30px;background-color:#f9f9ff;border:1px solid #d6e0f5;border-radius:16px;box-shadow:0 4px 15px #0000004d;font-family:Segoe UI,sans-serif;width:80%;min-height:70vh}.common-topics-container h1{color:#2c3e91;font-size:22px;margin-bottom:20px;text-align:left;border-bottom:2px solid #2a4d9b;padding-bottom:.5rem}.topic-list{list-style-type:none;padding:0;margin:0}.topic-item{background-color:#eef4ff;padding:8px 16px;margin-bottom:12px;border-radius:10px;cursor:pointer;border-left:4px solid #2a4d9b;color:#000;font-weight:500;transition:background-color .3s}.topic-item:hover{background-color:#c3d4ff}@media screen and (max-width: 768px){.common-topics-container{padding:20px;margin:20px}.common-topics-container h1{font-size:18px;margin-top:40px}.topic-item{padding:10px 14px}}@media screen and (max-width: 480px){.common-topics-container{padding:16px;margin:16px}.common-topics-container h1{font-size:16px;margin-top:40px}.topic-item{padding:12px 14px}}.question-card{background:#f0f4ff;border:1px solid #ccc;border-radius:12px;padding:20px;margin:40px auto;box-shadow:0 2px 6px #0000004d;width:100%;max-width:650px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.left{display:flex;align-items:center;gap:20px}.question-count{font-weight:700}.user-info{display:flex;align-items:center;gap:10px}.user-pic{width:40px;height:40px;border-radius:50%;background-color:#ccc}.user-text{display:flex;flex-direction:column}.label{font-size:12px;color:gray}.username{font-weight:700}.report-btn{background-color:#f44336;color:#fff;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.report-btn:hover{background-color:#d32f2f;box-shadow:0 4px 8px #0000004d}.question-container{background:#fff;border:1px solid #ccc;border-radius:12px;padding:20px;margin:20px 0;width:100%;box-sizing:border-box}.question-text{font-weight:700;margin-bottom:15px;font-size:16px;text-align:justify}.options{display:flex;flex-direction:column;gap:10px;text-align:justify;width:100%}.option{background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;cursor:pointer;display:flex;align-items:center;position:relative;gap:10px;transition:.3s;width:100%;box-sizing:border-box}.option:hover{background-color:#eef4ff}.option.correct{border-color:green;background-color:#e6ffec}.option.wrong{border-color:red;background-color:#ffecec}.option input[type=checkbox]{flex-shrink:0;flex-grow:0;width:24px;height:24px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #2a4d9b;border-radius:6px;background-color:#fff;margin-top:-8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.option input[type=checkbox]:checked{background-color:#2a4d9b;border-color:#2a4d9b}.option input[type=checkbox]:checked:after{content:"✔";color:#fff;font-size:16px;font-weight:700}.check,.cross{margin-left:auto;font-size:18px;font-weight:700}.check{color:green}.cross{color:red}.bottom-buttons{margin-top:20px;width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.btn{padding:10px 15px;border-radius:8px;border:none;cursor:pointer;font-size:14px;min-width:120px;text-align:center;background-color:#2a4d9b;color:#fff;transition:.3s}.btn:hover{background-color:#1a3a7a}.result-summary{position:fixed;bottom:0;left:0;right:0;background-color:#f0f4ff;z-index:1000;padding:8px 0;font-size:18px;font-weight:700;text-align:center;display:flex;justify-content:center;gap:10px;border-top:2px solid #ccc;box-shadow:0 -2px 4px #0000001a}.result-summary .correct{color:green}.result-summary .wrong{color:red}.question-page{max-width:1000px;width:100%;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.question-count-top{font-size:18px;font-weight:700;margin-bottom:10px}.question-count-top h2{color:#2a4d9b;font-size:24px;font-weight:700}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.archive-message{background-color:#f0f4ff;padding:10px;border-radius:5px;margin-top:10px;text-align:center;color:#2a4d9b;font-weight:700;display:block}.btn-arsiv.disabled{background-color:#dcdcdc;color:#9e9e9e}@media (max-width: 768px){.question-card{margin:20px auto;padding:15px;width:95%}.question-page{padding:15px;margin-top:60px}.header{flex-direction:column;align-items:flex-start;gap:10px}.left{flex-direction:column;align-items:flex-start;width:100%}.question-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%}.user-info{flex-direction:row!important;align-items:center!important}.report-btn{margin-left:auto}.question-container{padding:15px;margin:15px 0}.question-text{font-size:15px}.option{padding:12px;font-size:14px}.bottom-buttons{flex-direction:column;gap:10px}.btn{width:100%;margin:0}}@media (max-width: 480px){.question-card{padding:10px;width:100%;margin:10px auto}.question-page{padding:10px;margin-top:60px}.question-container{padding:10px}.question-text{font-size:14px}.option{padding:10px;font-size:13px}.user-info{flex-direction:row!important;align-items:center!important}.question-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%}.report-btn{margin-left:auto;font-size:12px;padding:6px 10px}}.page-container{padding:var(--space-md);margin:0 auto;max-width:1200px}.page-title{font-size:1.5rem;color:var(--text);margin-bottom:var(--space-md)}.controls-wrapper{margin-bottom:var(--space-md)}.controls-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.control-btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);background-color:var(--primary);color:#fff;cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;opacity:1}.control-btn:hover{background-color:var(--primary-dark)}.control-btn.disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.control-btn.disabled:hover{background-color:#ccc}.pdf-viewer-container{background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;margin-top:var(--space-md);transition:all var(--transition-normal);min-height:400px;display:flex;align-items:center;justify-content:center}.pdf-viewer-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;margin:0;border-radius:0;padding:0}.pdf-frame{border:none;display:block;width:100%;height:800px;background-color:#fff}.pdf-viewer-container.fullscreen .pdf-frame{height:100vh}@media (max-width: 768px){.page-container{width:100%;margin:var(--space-sm) 0;padding:var(--space-sm);border-radius:0}.page-title{font-size:var(--text-lg);margin-top:50px}.controls-wrapper{flex-direction:column;gap:var(--space-sm)}.controls-group{width:100%;justify-content:center}.control-btn{flex:1;text-align:center;min-width:120px}.pdf-viewer-container{min-height:300px}.pdf-frame{height:calc(100vh - 200px);min-height:300px}.mobile-menu-toggle{display:none!important}}@media (max-width: 480px){.page-container{padding:var(--space-xs)}.page-title{font-size:var(--text-base);margin-top:50px}.control-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);min-width:auto}.controls-group{flex-direction:column}.pdf-viewer-container,.pdf-frame{min-height:200px}}.announcement-detail{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;margin:20px auto;max-width:900px;width:90%;box-sizing:border-box;transition:box-shadow .3s ease;overflow:hidden}.announcement-detail:hover{box-shadow:0 6px 20px #00000026}.announcement-detail p{font-size:14px;color:#000;margin-bottom:15px;font-weight:700;word-wrap:break-word;text-align:center}.announcement-detail .content{font-size:14px;line-height:1.8;color:#333;text-align:justify;margin:0}.announcement-detail .header-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.announcement-detail .title-icon{display:flex;align-items:center;gap:8px}.announcement-detail h2{font-size:14px;color:#2a4d9b;font-weight:700;margin:0;word-wrap:break-word}.announcement-detail .date{font-size:12px;color:#999;font-weight:700;margin:0}.announcement-detail hr{border:none;border-bottom:2px solid #ccc;margin:15px 0 20px}@media screen and (max-width: 1024px){.announcement-detail{width:95%;margin:15px auto;padding:15px}}@media screen and (max-width: 768px){.announcement-detail{width:100%;margin:0;border-radius:0;padding:15px;min-height:calc(100vh - 60px)}.announcement-detail .header-row{flex-direction:column;align-items:flex-start;gap:10px}.announcement-detail .date{align-self:flex-end}.announcement-detail h2{font-size:16px}.announcement-detail .content{font-size:14px;line-height:1.6}}@media screen and (max-width: 480px){.announcement-detail{padding:12px}.announcement-detail h2{font-size:15px}.announcement-detail .content{font-size:13px}}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#f7f8fa}.login-container{display:flex;width:99%;height:100vh}.login-left{width:40%;background-color:#fff;padding:60px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.logo{font-size:60px;color:#2a4d9b;margin-bottom:20px;text-align:center;font-weight:700;font-family:Caveat,cursive}.login-form label{display:block;margin-top:20px;font-size:14px;color:#666}.login-form input[type=email],.login-form input[type=password]{width:100%;padding:12px;margin-top:6px;border-radius:8px;border:1px solid #ccc;font-size:14px}.remember-section{margin-top:20px;display:flex;align-items:center}input[type=checkbox]{margin:0;position:relative;top:6px}label{font-size:14px;margin-left:5px}.forgot-password{margin-top:10px;display:inline-block;color:#2a4d9b;font-size:14px;text-decoration:none}.login-button{margin-top:20px;width:100%;padding:12px;background-color:#2a4d9b;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-bottom:20px}.have-account{margin-top:10px;font-size:18px}.have-account a{color:#2a4d9b;text-decoration:none;font-weight:700}.login-right{width:65%;background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;box-sizing:border-box}.login-right h2{font-size:32px;margin-bottom:20px;color:#fff}.login-right p{font-size:16px;text-align:center}.version-number{position:absolute;bottom:10px;left:20px;font-size:12px;color:#666;opacity:.8}@media (max-width: 768px){.login-container{flex-direction:column}.login-left,.login-right{width:100%;padding:30px}.logo{font-size:40px}.login-form label{font-size:16px}.login-form input[type=email],.login-form input[type=password]{font-size:16px;padding:14px}.login-button{padding:14px;font-size:18px}.social-login span{font-size:16px}.social-icons i,.login-right h2{font-size:24px}.login-right p{font-size:14px}.forgot-password,.have-account{font-size:16px}.version-number{position:relative;text-align:center;margin-top:20px;left:auto;bottom:auto}}@media (max-width: 460px){.logo{font-size:30px}.login-left,.login-right{padding:20px}.login-button{font-size:16px;padding:12px}.login-form input[type=email],.login-form input[type=password]{font-size:14px;padding:12px}.social-icons i,.login-right h2{font-size:20px}.login-right p{font-size:12px}.forgot-password,.have-account{font-size:14px}.version-number{position:relative;text-align:center;margin-top:20px;left:auto;bottom:auto}}.forgot-password-container{width:100%;max-width:350px;margin:90px auto 50px;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;text-align:left;font-family:Arial,sans-serif}.forgot-password-container h3{margin-bottom:30px;color:#2a2a2a;font-size:20px;text-align:center}.login-link{font-size:16px;color:#aaa;margin-bottom:20px}.login-link a{color:#3498db;text-decoration:none;font-weight:700}input[type=email]{padding:12px;border-radius:8px;border:1px solid #ddd;margin-top:15px;margin-bottom:30px;font-size:14px}@media (max-width: 768px){.forgot-password-container{margin:30px 20px;padding:20px}.forgot-password-container h3{font-size:15px}.login-link{font-size:13px}input[type=email],button{font-size:13px;padding:10px}}@media (max-width: 480px){.forgot-password-container{margin:20px 10px;padding:15px}.forgot-password-container h3{font-size:14px}.login-link{font-size:12px}input[type=email],button{font-size:12px;padding:8px}}.register-container{width:min(400px,95%);margin:10px auto;background-color:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 12px #0000004d}.custom-select{width:100%;padding:12px 14px;margin-bottom:12px;border:1px solid #ccc;border-radius:10px;font-size:15px;background-color:#fff;color:#1c1c1c;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.form-title{text-align:center;font-size:clamp(20px,5vw,24px);font-weight:600;margin-bottom:15px;color:#1c1c1c}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password],.custom-select{width:100%;padding:12px 14px;margin-bottom:12px;border:1px solid #ccc;border-radius:10px;font-size:15px;background-color:#fff}.checkbox-container{display:flex;align-items:center;margin:15px 0;font-size:14px;gap:3px}.checkbox-container input[type=checkbox]{width:16px;height:16px;margin:0;position:relative;top:-3px}.checkbox-container a{color:#1a73e8;text-decoration:none;margin-left:4px}.submit-button{width:100%;padding:12px;background-color:#1a73e8;color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.submit-button:hover{background-color:#155cc4}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:10px;width:80%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px #0000004d;position:relative}.close-button{margin-top:20px;background-color:#2a4d9b;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.link-text{color:#1a73e8;cursor:pointer;font-weight:500}.link-text:hover{color:#1e3c78;text-decoration:none}@media (max-width: 1024px){.register-container{width:min(450px,90%);padding:22px;margin:15px auto}.form-title{font-size:22px;margin-bottom:12px}}@media (max-width: 768px){.register-container{width:min(420px,92%);padding:20px;margin:12px auto}.form-title{font-size:20px}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password],.custom-select{padding:11px 13px;font-size:14px;margin-bottom:10px}.submit-button{padding:11px;font-size:15px}}@media (max-width: 600px){.register-container{width:94%;padding:18px;margin:10px auto;border-radius:14px}.form-title{font-size:19px;margin-bottom:12px}.checkbox-container{font-size:13px;margin:12px 0}.modal-content{width:92%;padding:20px}}@media (max-width: 480px){.register-container{width:96%;padding:16px;margin:8px auto;border-radius:12px}.form-title{font-size:18px;margin-bottom:10px}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password],.custom-select{padding:10px 12px;font-size:14px;margin-bottom:8px;border-radius:8px}.checkbox-container{font-size:12px;margin:10px 0}.submit-button{padding:10px;font-size:14px;border-radius:8px}.modal-content{width:94%;padding:15px}}@media (max-width: 360px){.register-container{width:98%;padding:14px;margin:6px auto}.form-title{font-size:17px}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password],.custom-select{padding:9px 11px;font-size:13px;margin-bottom:7px}.checkbox-container{font-size:11px;margin:8px 0}.submit-button{padding:9px;font-size:13px}}@media (max-width: 320px){.register-container{width:99%;padding:12px;margin:4px auto}.form-title{font-size:16px}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password],.custom-select{padding:8px 10px;font-size:12px;margin-bottom:6px}.checkbox-container{font-size:11px;margin:6px 0}.submit-button{padding:8px;font-size:12px}}.change-password-container{width:100%;max-width:350px;margin:90px auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;text-align:left;font-family:Arial,sans-serif}.change-password-container h3{margin-bottom:30px;color:#2a2a2a;font-size:20px;text-align:center}form{display:flex;flex-direction:column}input[type=password]{padding:12px;border-radius:8px;border:1px solid #ddd;margin-top:15px;margin-bottom:20px;font-size:14px}button{padding:12px;background-color:#0095f6;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#007acc}@media (max-width: 768px){.change-password-container{margin:100px 20px 30px;padding:20px}.change-password-container h3{font-size:15px}input[type=password],button{font-size:13px;padding:10px}}@media (max-width: 480px){.change-password-container{margin:100px 10px 20px;padding:15px}.change-password-container h3{font-size:14px}input[type=password],button{font-size:12px;padding:8px}}.account-info-container{width:100%;max-width:550px;margin:40px auto;padding:30px;background-color:#f0f4ff;border-radius:16px;box-shadow:0 2px 10px #0000004d;font-family:sans-serif;box-sizing:border-box}.account-info-container h2{text-align:center;color:#2a4d9b;margin-bottom:20px}.account-info-form{display:flex;flex-direction:column}.label{margin-top:12px;font-weight:700;color:#2a4d9b}.account-info-form input,.account-info-form select{border:1px solid #ccd5e0;border-radius:8px;font-size:14px;display:block;margin:0;padding:12px 14px;line-height:1.2}.profile-section{display:flex;align-items:center;justify-content:space-around;margin-bottom:10px}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #2a4d9b}.upload-section{display:flex;flex-direction:column;align-items:flex-start}.upload-link{color:#2a4d9b;text-decoration:underline;cursor:pointer;font-size:14px}.update-btn{margin-top:20px;background-color:#2a4d9b;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.update-btn:hover{background-color:#1f3c7b}@media (max-width: 768px){.account-info-container{width:calc(100% - 40px);max-width:none;padding:20px;margin:20px;border-radius:12px}.profile-section{flex-direction:column;align-items:center;gap:15px}.upload-section{align-items:center;margin-top:10px}.profile-image{width:100px;height:100px}.account-info-form input,.account-info-form select{width:100%;box-sizing:border-box}}@media (max-width: 480px){.account-info-container{width:calc(100% - 20px);padding:15px;margin:10px;border-radius:8px}.profile-image{width:80px;height:80px}.account-info-form input,.account-info-form select{font-size:13px;padding:8px 10px}.update-btn{font-size:14px;padding:10px;width:100%}.label{font-size:13px}}:root{--primary: #2a4d9b;--primary-dark: #1a3a7a;--primary-light: #eef4ff;--background: #f9f9ff;--border: #d6e0f5;--text: #333333;--text-light: #666666;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem}.page-container{max-width:800px;width:min(90%,800px);margin:var(--space-lg) auto;padding:var(--space-md);background-color:var(--);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-family:Segoe UI,system-ui,sans-serif;min-height:70vh}.page-title{color:var(--primary);font-size:var(--text-xl);margin-bottom:var(--space-md);font-weight:600;border-bottom:2px solid var(--primary);padding-bottom:var(--space-xs)}.form-group{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.form-input{width:100%;padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-base);transition:all var(--transition-fast);background-color:#fff}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2a4d9b1a}.form-input:hover{border-color:var(--primary-dark)}.btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active{transform:translateY(0)}.list-container{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.list-item{background-color:var(--primary-light);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;border-left:4px solid var(--primary);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-sm)}.list-item:hover{background-color:#fff;transform:translate(4px);box-shadow:var(--shadow-sm);border-left-width:6px;border-left-color:var(--primary-dark)}.info-box{background-color:var(--primary-light);padding:var(--space-md);border-radius:var(--radius-sm);border-left:4px solid var(--primary);margin-bottom:var(--space-md);font-size:var(--text-sm);line-height:1.5}@media (max-width: 768px){.page-container{width:95%;padding:var(--space-sm);margin:var(--space-md) auto}.page-title{font-size:var(--text-lg)}.form-input,.btn{padding:calc(var(--space-sm) * .8);font-size:var(--text-sm)}.user-list-item{flex:0 0 auto;min-width:120px;padding:var(--space-xs);margin-bottom:0;padding-right:calc(var(--space-sm) + 20px);position:relative}.user-name{margin-right:0}.user-options-button{opacity:1;position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:var(--space-xs);background:none;border:none;cursor:pointer;font-size:var(--text-lg)}.delete-button{display:none}.context-menu{position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:90%;max-width:300px;border-radius:var(--radius-md);background:#fff;box-shadow:0 4px 20px #0003;z-index:1100}}@media (max-width: 480px){:root{--space-md: 1rem;--space-lg: 1.5rem}.page-container{width:100%;border-radius:var(--radius-sm);margin:var(--space-sm) auto}.page-title{font-size:var(--text-base)}.list-item{padding:var(--space-xs) var(--space-sm)}.info-box{padding:var(--space-sm);font-size:var(--text-xs)}.user-list-item{padding-right:calc(var(--space-xs) + 20px)}.user-options-button{right:2px}}.message-panel{display:flex;gap:var(--space-md);height:calc(100vh - 200px);margin-top:var(--space-md)}.user-list{width:30%;min-width:250px;border-right:1px solid var(--border);padding-right:var(--space-md);overflow-y:auto}.user-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);background-color:var(--primary-light);margin-bottom:var(--space-xs);position:relative}.user-list-item.active{background-color:#2a4d9b33;border-left:4px solid var(--primary)}.user-list-item:hover{background-color:#2a4d9b1a;transform:translate(4px)}.user-name{font-size:var(--text-sm);color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-item:hover .user-name,.user-list-item.active .user-name{color:var(--primary);font-weight:500}.user-options-button{opacity:0;transition:opacity var(--transition-fast);position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);padding:var(--space-xs);background:transparent;border:none;cursor:pointer;color:var(--text);font-size:var(--text-lg)}.user-options-button:hover{background-color:#2a4d9b1a;border-radius:50%}.user-list-item:hover .user-options-button{opacity:1}.user-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.message-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.message-history{flex:1;max-height:550px;overflow-y:auto;padding-right:calc(var(--space-sm) * .7);scrollbar-width:thin;scrollbar-color:var(--primary) var(--background)}.message-history::-webkit-scrollbar{width:8px}.message-history::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.message-history::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:4px}.message{margin:calc(var(--space-xs) * .5) 0;padding:calc(var(--space-xs) * .7);border-radius:var(--radius-sm);max-width:75%;display:flex;flex-direction:column}.message.me{margin-left:auto;background-color:var(--primary-light);border-left:2px solid var(--primary);align-items:flex-end}.message.them{margin-right:auto;background-color:#fff;border-right:2px solid var(--primary);align-items:flex-start}.message-header{font-weight:500;font-size:calc(var(--text-xs) * .95);color:var(--primary);margin-bottom:calc(var(--space-xs) * .3);width:100%}.message-content-wrapper{display:flex;flex-direction:column;gap:calc(var(--space-xs) * .3);width:100%}.message-text{font-size:calc(var(--text-sm) * .95);line-height:1.3;padding:calc(var(--space-xs) * .7);background-color:#ffffff80;border-radius:var(--radius-sm)}.message-time{font-size:calc(var(--text-xs) * .8);color:var(--text-light);align-self:flex-end;margin-top:calc(var(--space-xs) * .3)}.message.me .message-content-wrapper{align-items:flex-end}.message.them .message-content-wrapper{align-items:flex-start}.context-menu-item{padding:var(--space-md);border-bottom:1px solid var(--border)}.context-menu-item:last-child{border-bottom:none}.delete-button{display:none;position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);padding:var(--space-xs) var(--space-sm);background-color:transparent;color:#ff6b6b;border:1px solid #ff6b6b;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.delete-button:hover{background-color:#ff6b6b;color:#fff}.modal-content{background:#fff;padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:90%;width:300px}.modal-title{color:var(--text);font-size:var(--text-lg);margin-bottom:var(--space-md);text-align:center}.modal-buttons{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.modal-button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.modal-button-cancel{background-color:var(--border);color:var(--text)}.modal-button-cancel:hover{background-color:#d1d1d1}.modal-button-delete{background-color:#ff6b6b;color:#fff}.modal-button-delete:hover{background-color:#ff5252}@media (max-width: 768px){.message-panel{flex-direction:column;height:auto}.user-list{width:100%;min-width:auto;border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:var(--space-md)}.user-list-container{display:flex;flex-direction:column;gap:var(--space-xs)}.user-search{position:sticky;top:0;background:var(--background);padding:var(--space-xs) 0;z-index:10;margin-bottom:var(--space-xs)}.user-list-scroll{display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto;padding:0}.user-list-item{flex:0 0 auto;min-width:120px;padding:var(--space-xs);margin-bottom:0;padding-right:calc(var(--space-sm) + 20px);position:relative}.user-options-button{opacity:1;position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:var(--space-xs);background:none;border:none;cursor:pointer;font-size:var(--text-lg)}.context-menu-item{padding:var(--space-md);border-bottom:1px solid var(--border)}.context-menu-item:last-child{border-bottom:none}.user-options-button{opacity:1;display:flex;align-items:center;justify-content:center;right:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--text-base);z-index:2}.delete-button{display:none}.message-history{max-height:60vh}.message-content{display:flex;flex-direction:column;height:calc(100vh - 200px)}}@media (max-width: 480px){.user-list-item{min-width:100px}.delete-button{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.modal-content{width:250px;padding:var(--space-sm)}.modal-title{font-size:var(--text-base)}.message-history{max-height:50vh}}.context-menu{position:fixed;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;min-width:150px;overflow:hidden}.context-menu-item{padding:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm);color:var(--text)}.context-menu-item:hover{background-color:var(--primary-light);color:var(--primary)}.context-menu-item.danger{color:#ff6b6b}.context-menu-item.danger:hover{background-color:#fff0f0;color:#ff5252}@media (max-width: 768px){.context-menu{position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:90%;max-width:300px;border-radius:var(--radius-md);background:#fff;box-shadow:0 4px 20px #0003;z-index:1100}.context-menu-item{padding:var(--space-md);border-bottom:1px solid var(--border)}.context-menu-item:last-child{border-bottom:none}}.chat-wrapper{display:flex;justify-content:center;align-items:flex-start;margin:20px auto;max-width:1000px;gap:5px}.chat-window{flex:1;width:820px;height:610px;background-color:#f0f4ff;border-radius:12px;box-shadow:0 2px 10px #0000004d;font-family:sans-serif;color:#2a4d9b;display:flex;flex-direction:column;padding:20px;text-align:justify}.messages{flex:1;overflow-y:auto;margin-bottom:15px;padding-right:8px}.chat-header{font-size:18px;font-weight:700;color:#2a4d9b;margin-bottom:12px;border-bottom:2px solid #2a4d9b;padding-bottom:6px}.message{display:flex;align-items:flex-start;margin-bottom:10px;background-color:#eef4ff;border-radius:8px;padding:8px 10px;box-shadow:0 1px 3px #00000014;max-width:95%;width:fit-content}.message-time{font-size:11px;color:#777;margin-top:4px}.avatar{width:32px;height:32px;border-radius:50%;margin-right:8px;object-fit:cover}.message-content{display:flex;flex-direction:column;flex:1;min-width:0}.username{font-weight:600;color:#2a4d9b;margin-bottom:2px;font-size:13px}.text{color:#333;font-size:13px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;width:100%}.message-input{display:flex;align-items:center;gap:8px}.message-input input{flex:1;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:13px}.message-input button{padding:8px 12px;background-color:#2a4d9b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.filter-sidebar{width:180px;padding:20px;background-color:#eef4ff;border-radius:16px;box-shadow:2px 0 8px #0000004d;font-family:sans-serif}.filter-option{padding:10px 12px;margin-bottom:10px;border-radius:8px;cursor:pointer;color:#2a4d9b;transition:background .2s;white-space:nowrap}.filter-option:hover{background-color:#dbe6ff}.filter-option.active{background-color:#2a4d9b;color:#fff;font-weight:700}@media (max-width: 768px){.chat-wrapper{flex-direction:column;gap:8px}.filter-sidebar{width:100%;padding:10px;overflow-x:auto;white-space:nowrap;display:flex;gap:8px;border-radius:8px;scrollbar-width:none;-ms-overflow-style:none}.filter-sidebar::-webkit-scrollbar{display:none}.filter-option{margin-bottom:0;padding:8px 12px;flex:0 0 auto}.chat-window{padding:12px;margin:0;height:calc(100vh - 120px);width:100%}.messages{margin-bottom:8px;max-height:calc(100vh - 200px)}.chat-header{font-size:18px;margin-bottom:12px}.message{margin-bottom:8px;padding:6px 8px;max-width:98%}.message-time{font-size:10px}.avatar{width:28px;height:28px;margin-right:6px;flex-shrink:0}.username{font-size:12px}.text{font-size:12px;line-height:1.2}.message-input{gap:6px}.message-input input{padding:6px;font-size:12px}.message-input button{padding:6px 10px;font-size:12px}}@media (max-width: 480px){.filter-sidebar{padding:8px;gap:6px}.filter-option{padding:6px 10px;font-size:12px}.chat-window{height:calc(100vh - 100px)}.messages{max-height:calc(100vh - 170px)}.chat-header{font-size:16px;margin-bottom:10px}.message{margin-bottom:6px;padding:5px 8px;max-width:100%;margin-left:0;margin-right:0}.message-time{font-size:9px}.avatar{width:24px;height:24px;margin-right:5px}.username{font-size:11px;margin-bottom:1px}.text{font-size:11px;line-height:1.2}.message-input input{padding:5px;font-size:11px}.message-input button{padding:5px 8px;font-size:11px}.message-content{width:calc(100% - 29px)}}.mixed-selector-container{max-width:800px;margin:10px auto;padding:20px;background-color:#f9f9ff;border:1px solid #d6e0f5;border-radius:16px;box-shadow:0 4px 15px #0000004d;font-family:Segoe UI,sans-serif;width:80%;min-height:70vh}.main-title{color:#2a4d9b;text-align:center;margin-bottom:24px;font-size:24px;font-weight:700}.topics-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.topic-group{flex:1 1 45%;background-color:#eef4ff;padding:20px;border-radius:12px}.group-title{font-size:18px;color:#2a4d9b;margin-bottom:12px;text-align:center}.topic-list{list-style:none;padding-left:0;margin:0}.topic-item input[type=checkbox]{width:16px;height:16px;margin-top:-2px;transform:scale(1.2);flex-shrink:0;cursor:pointer}.topic-item{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:5px;margin-bottom:10px}.topic-item span{font-size:15px;color:#333;word-break:break-word;line-height:1.4;cursor:pointer}.start-button{background-color:#2a4d9b;color:#fff;padding:12px 20px;border:none;border-radius:10px;font-size:16px;cursor:pointer;margin-top:30px;display:block;margin-left:auto;margin-right:auto;transition:background-color .3s}.start-button:hover{background-color:#1e3879}.start-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.topic-group{flex:1 1 100%}.mixed-selector-container{width:90%;padding:20px}.main-title{font-size:20px;margin-top:40px}}@media (max-width: 480px){.main-title{font-size:20px;margin-top:40px}.group-title{font-size:16px}.topic-item span{font-size:14px}.start-button{font-size:15px;padding:10px 16px}}.exams-container{background-color:#f5f8fe;padding:2rem;border-radius:10px;margin:2rem;box-shadow:0 2px 6px #0000004d;width:60%}.exams-title{font-size:1.6rem;font-weight:700;color:#2a4d9b;margin-bottom:1.5rem;border-bottom:2px solid #2a4d9b;padding-bottom:.5rem}.exams-list{display:flex;flex-direction:column;gap:1rem}.exam-item{background-color:#fff;border:1px solid #dce2f0;border-radius:6px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.exam-title{flex:1;font-weight:700;color:#2a4d9b;font-size:4 rem}.exam-date{margin-right:11rem;color:#4b4b4b;font-size:.9rem}.exam-buttons{display:flex;gap:.5rem}.exam-button{background-color:#2a4d9b;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;display:flex}.exam-buttons{display:flex;flex-shrink:0}.exam-button:hover{background-color:#1e3879}@media (max-width: 768px){.exams-container{width:90%;margin:1rem auto}.exam-item{flex-direction:column;align-items:flex-start;gap:.5rem}.exam-date{margin-right:0;font-size:.85rem}.exam-title{font-size:.9rem}.exam-button{align-self:flex-end}}@media (max-width: 480px){.exams-title{font-size:1.3rem}.exam-title{font-size:.85rem}.exam-date{font-size:.8rem}.exam-button{font-size:.85rem;padding:.4rem .8rem}}.deneme-container{width:100%;max-width:800px;margin:20px auto;padding:20px;box-sizing:border-box;background-color:#f0f4ff;border-radius:16px;box-shadow:0 8px 24px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2{text-align:center;margin-bottom:30px;color:#2a4d9b;font-size:28px}.soru-kutusu{margin-bottom:35px;padding:20px 25px;background:#fff;border:1px solid #cdd6e6;border-radius:12px;box-shadow:0 4px 12px #0000000d;text-align:justify}.secenekler{margin-top:15px}.secenekler label{display:flex;align-items:center;padding:8px 15px;margin-bottom:8px;cursor:pointer;transition:background-color .2s ease}.secenekler label:hover{background-color:#f0f4ff}.secenekler input[type=radio]{margin:0;padding:0;width:16px;height:16px;accent-color:#2a4d9b}.secenekler label span{margin-left:10px}.bitir-button{display:block;width:100%;padding:14px 0;background-color:#2a4d9b;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.bitir-button:hover{background-color:#1f3e7d}.sayac-container{text-align:center;margin-bottom:30px;padding:12px 20px;background-color:#eef4ff;border:2px solid #c0d3f2;color:red;font-size:25px;font-weight:700;border-radius:10px;box-shadow:0 4px 10px #0000000f}.soru-baslik{font-size:16px;font-weight:700;color:#2a2a2a;margin-bottom:8px}.soru-metin{background-color:#f8faff;border:1px solid #d1dce8;padding:12px;border-radius:6px;margin-bottom:16px;font-size:16px;font-weight:500;color:#000}@media (max-width: 768px){.exam-container,.deneme-container{margin:10px;padding:15px;width:calc(100% - 20px)}.soru-kutusu{padding:15px;margin-bottom:20px}.secenekler label{padding:8px 10px;font-size:14px}.secenekler input[type=radio]{margin-right:8px}.sayac-container{font-size:20px;padding:10px}}@media (max-width: 480px){.exam-container,.deneme-container{margin:5px;padding:10px;width:calc(100% - 10px)}.soru-kutusu{padding:12px;margin-bottom:15px}.secenekler label{padding:6px 8px;font-size:13px}.secenekler input[type=radio]{margin-right:6px;transform:scale(1)}.sayac-container{font-size:16px;padding:8px}.bitir-button{padding:10px;font-size:14px}}.exam-container{width:100%;max-width:1000px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee}.question-container{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px}.question-text{font-size:16px;color:#333;margin-bottom:15px;line-height:1.5}.options-container{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.option:hover{background-color:#f0f4ff}.option.selected{background-color:#2a4d9b;color:#fff;border-color:#2a4d9b}.exam-navigation{display:flex;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:2px solid #eee}.nav-button{padding:10px 20px;border:none;border-radius:4px;background-color:#2a4d9b;color:#fff;cursor:pointer;transition:background-color .3s}.nav-button:hover{background-color:#1a3a7a}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}.timer{position:fixed;top:20px;right:20px;background:#2a4d9b;color:#fff;padding:10px 20px;border-radius:4px;font-weight:700;box-shadow:0 2px 4px #0003}@media (max-width: 768px){.exam-container{margin:10px;padding:15px}.exam-header{flex-direction:column;align-items:flex-start;gap:10px}.exam-title{font-size:20px}.exam-info{flex-direction:column;gap:5px}.question-container{padding:15px}.question-text{font-size:15px}.option{padding:8px}.nav-button{padding:8px 15px;font-size:14px}.timer{top:10px;right:10px;padding:8px 15px;font-size:14px}}@media (max-width: 480px){.exam-container{margin:5px;padding:10px}.exam-title{font-size:18px}.question-container{padding:10px}.question-text{font-size:14px}.option{padding:6px;font-size:13px}.exam-navigation{flex-direction:column;gap:10px}.nav-button{width:100%;padding:10px}.timer{width:calc(100% - 20px);top:0;right:0;border-radius:0;text-align:center}}.sonuc-container{width:650px;max-width:800px;margin:40px auto;padding:40px;background-color:#f0f4ff;border-radius:16px;box-shadow:0 8px 24px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sonuc-soru{padding:15px;margin-bottom:20px;border-radius:8px}.sonuc-soru.dogru{background-color:#fff;border:4px solid #28a745}.sonuc-soru.yanlis{background-color:#fff;border:4px solid #dc3545}.soru-baslik{font-size:18px;font-weight:700;margin-bottom:8px}.soru-metin{background-color:#fff;border:1px solid #ddd;padding:10px;margin-bottom:10px;border-radius:5px;text-align:justify}.sonuc-soru{margin-bottom:20px;padding:12px;border-radius:8px;border-left:6px solid #ccc;background:#fff}.sonuc-soru.dogru{border-color:#4caf50}.sonuc-soru.yanlis{border-color:#f44336}.secenekler{margin-top:8px;display:flex;flex-direction:column;gap:6px}.secenek-label{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;text-align:justify}.dogru-secenek{background-color:#b3ffdf}.yanlis-secenek{background-color:#fcc}.cevap-bilgi{margin-top:8px;font-size:14px;text-align:justify}@media (max-width: 768px){.sonuc-container{width:90%;padding:20px}.sonuc-soru{padding:10px}.soru-baslik{font-size:16px}.soru-metin,.secenek-label{font-size:14px}.cevap-bilgi{font-size:12px}}@media (max-width: 480px){.sonuc-container{width:95%;padding:15px}.sonuc-soru{padding:8px}.soru-baslik{font-size:14px}.soru-metin,.secenek-label{font-size:12px}.cevap-bilgi{font-size:10px}}.question-writer-container{background-color:#f0f4ff;padding:2rem;margin:2rem auto;border-radius:12px;box-shadow:0 2px 8px #0000004d;width:50%}.question-writer-title{font-size:1.5rem;font-weight:700;color:#2a4d9b;margin-bottom:1.5rem;border-bottom:2px solid #2a4d9b;padding-bottom:.5rem}.question-input{width:100%;height:100px;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:8px;resize:vertical;margin-bottom:1.5rem}.options-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.topic-select{width:100%;padding:10px 30px 10px 10px;margin-bottom:15px;font-size:16px;border-radius:8px;border:1px solid #ccc;background-color:#f8f8f8;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:1em}.option-row{display:flex;align-items:center;margin-bottom:10px;gap:10px}.radio-button{transform:scale(1.2);accent-color:#2a4d9b;cursor:pointer}.option-input{flex:1;padding:.6rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}.submit-btn{background-color:#2a4d9b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer}.submit-btn:hover{background-color:#1e3879}@media (max-width: 768px){.question-writer-container{width:90%;padding:1.5rem;margin:1rem auto}.question-writer-title{font-size:1.25rem;margin-top:30px}.topic-select{font-size:14px;padding:8px 25px 8px 8px;background-size:.9em}.question-input{height:90px}.submit-btn{width:100%}}@media (max-width: 480px){.question-writer-container{width:95%;padding:1rem;margin:.5rem auto}.question-writer-title{font-size:1.25rem;margin-top:30px}.topic-select{font-size:13px;padding:6px 25px 6px 6px;background-size:.8em;background-position:right 8px center}.question-input,.option-input{font-size:.95rem}.submit-btn{font-size:.95rem;padding:.6rem 1.2rem}.option-row{gap:8px}.radio-button{transform:scale(1.1)}}.ranking-container{text-align:center;padding:40px;display:flex;flex-direction:column;align-items:center;gap:20px}.ranking-info-box{background-color:#d8e6fc;padding:15px;border-radius:8px;font-size:16px;color:#333;width:fit-content;margin:0 auto 30px;box-shadow:0 2px 6px #0000001a}.ranking-button{background-color:#0091ea;color:#fff;font-weight:700;padding:12px 24px;margin:15px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 2px 5px #0003;width:300px}.ranking-button:hover{background-color:#007ac1}@media screen and (max-width: 768px){.ranking-container{padding:20px;gap:15px}.ranking-info-box{width:90%;padding:12px;font-size:15px;margin-bottom:20px;margin-top:60px}.ranking-button{width:90%;max-width:280px;margin:10px 0;padding:12px 20px;font-size:15px}}@media screen and (max-width: 468px){.ranking-container{padding:15px;gap:12px}.ranking-info-box{width:95%;padding:10px;font-size:14px;margin-bottom:15px;margin-top:60px}.ranking-button{width:95%;max-width:260px;margin:8px 0;padding:10px 15px;font-size:14px}}.ranking-container{background-color:#f0f4ff;padding:2rem;border-radius:16px;box-shadow:0 4px 12px #0000004d;margin:2rem auto;max-width:1000px;width:100%;box-sizing:border-box;overflow-x:auto}.ranking-container h2{color:#2a4d9b;font-size:1.8rem;margin-bottom:1rem;word-wrap:break-word}.info-text{background:#dbe9ff;border-left:6px solid #2a4d9b;padding:10px;font-size:.95rem;margin-bottom:1rem;border-radius:6px;color:#333}.no-data-text{padding:40px 0;text-align:center;font-weight:700;font-size:18px;color:#555;width:100%}.search-input{margin-bottom:1rem;padding:8px;width:100%;max-width:300px;border-radius:8px;border:1px solid #ccc}.rdt_Table{background-color:#fff!important;border-radius:8px;overflow:hidden}.rdt_TableRow{min-height:48px;padding:8px 16px}.rdt_TableCell{padding:8px 16px;font-size:14px}.rdt_Pagination{border-top:1px solid #e0e0e0;padding:8px}@media screen and (max-width: 768px){.ranking-container{padding:1rem;margin:1rem;border-radius:12px}.ranking-container h2{font-size:1.4rem;text-align:center;margin-top:50px}.info-text{font-size:.9rem;padding:8px}.search-input{max-width:100%;font-size:14px}.rdt_TableCell{padding:8px;font-size:13px}.rdt_TableRow{min-height:40px;padding:6px 8px}}@media screen and (max-width: 480px){.ranking-container{padding:.5rem;margin:.5rem;border-radius:8px}.ranking-container h2{font-size:1.2rem;margin-bottom:.5rem;margin-top:50px}.info-text{font-size:.8rem;padding:6px;margin-bottom:.5rem}.search-input{padding:6px;font-size:13px}.rdt_TableCell{padding:6px;font-size:12px}.rdt_TableRow{min-height:36px;padding:4px 6px}.no-data-text{font-size:14px;padding:20px 0}}@media screen and (max-width: 600px){.ranking-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.rdt_Table{min-width:600px}}.statistics-page{max-width:900px;margin:2rem auto;padding:1rem 2rem;background-color:#f9fafc;border-radius:8px;box-shadow:0 4px 10px #0000004d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222}.statistics-page h2{margin-top:1.5rem;margin-bottom:1rem;color:#2a4d9b;border-bottom:2px solid #2a4d9b;padding-bottom:.3rem}.statboxes{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.statbox{flex:1 1 180px;background-color:#eef4ff;border-radius:8px;padding:1.2rem 1rem;box-shadow:0 2px 6px #2a4d9b26;text-align:center;color:#2a4d9b;font-weight:600;cursor:default;transition:transform .2s ease}.statbox:hover{transform:translateY(-5px)}.statbox h3{margin-bottom:.5rem;font-size:1.1rem}.statbox p{font-size:1.8rem;margin:0;color:#1a3a8a}.statbox.correct{background-color:#d4edda;color:#2f6627}.statbox.wrong{background-color:#f8d7da;color:#721c24}.topic-stat{background-color:#eef4ff;border-radius:6px;padding:.8rem 1rem;margin-bottom:1rem;box-shadow:0 1px 4px #2a4d9b26}.topic-stat h4{margin:0 0 .3rem;color:#2a4d9b;font-weight:600}.topic-stat p{color:#444;font-size:.95rem;margin:0 0 .6rem}.statistics-page ol{padding-left:1.5rem;color:#b00020;font-weight:600}.statistics-page ol li{margin-bottom:.4rem}.topics-to-work{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.topics-to-work .topic-stat{flex:1 1 250px}.mixed-questions-container{padding:2rem;text-align:center;font-size:1.2rem;color:#2a4d9b;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 6px #0000000d;border-radius:8px;overflow:hidden}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}th{background-color:#f9fafb;font-weight:600;color:#374151}tr:hover{background-color:#f3f4f6}button{transition:background-color .2s ease}button:hover{filter:brightness(1.1)}.dashboard{padding:20px;width:100%;box-sizing:border-box}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.875rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.dashboard-header .date{color:#718096;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000f;display:flex;align-items:center;gap:1rem;border-left:4px solid;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{padding:12px;background:#f7fafc;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:.875rem;color:#4a5568;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:600;color:#2d3748}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.dashboard-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000f}.dashboard-card h2{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px;font-size:.875rem;font-weight:500;color:#4a5568;border-bottom:2px solid #e2e8f0}td{padding:12px;font-size:.875rem;color:#4a5568;border-bottom:1px solid #e2e8f0}.status.onaylandı{background-color:#c6f6d5;color:#22543d}.status.beklemede{background-color:#feebc8;color:#744210}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:12px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background-color:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}@media (max-width: 1024px){.dashboard{padding:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){.dashboard{padding:12px}.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:1.25rem}.stat-card{padding:.875rem}.dashboard-card{padding:1rem}.quick-action-btn{padding:10px;font-size:.8125rem}th,td{padding:8px;font-size:.8125rem}}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}:root{--primary-color: #2a4d9b;--primary-light: #eef4ff;--primary-dark: #1a3a7a;--text-color: #374151;--bg-color: #f3f4f6;--border-color: #e5e7eb;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;--sidebar-width: 260px;--sidebar-mobile-width: 280px}.admin-layout{display:flex;min-height:100vh;background-color:var(--bg-color);font-family:Segoe UI,system-ui,sans-serif;position:relative;width:100%}.admin-sidebar{width:var(--sidebar-width);background-color:#fff;border-right:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);height:100vh;position:fixed;overflow-y:auto;z-index:1000;left:0;top:0}.admin-sidebar-header{padding:20px 16px;font-size:1.25rem;font-weight:600;text-align:center;background-color:var(--primary-color);color:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2}.menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px;font-size:1.5rem}.admin-nav{display:flex;flex-direction:column;padding:16px;gap:4px}.admin-nav a{padding:12px 16px;border-radius:8px;color:var(--text-color);text-decoration:none;transition:var(--transition);font-size:.95rem;display:flex;align-items:center;gap:12px;white-space:nowrap}.admin-nav a:hover{background-color:var(--primary-light);color:var(--primary-color)}.admin-nav a.active{background-color:var(--primary-color);color:#fff;font-weight:500}.admin-main{flex:1;margin-left:var(--sidebar-width);transition:var(--transition);width:calc(100% - var(--sidebar-width));display:flex;flex-direction:column}.admin-main.sidebar-closed{margin-left:0;width:100%}.admin-content{flex:1;width:100%;height:100%;background-color:#fff;box-shadow:var(--shadow-md);display:flex;flex-direction:column}@media (max-width: 1024px){:root{--sidebar-width: 240px}}@media (max-width: 768px){:root{--sidebar-width: var(--sidebar-mobile-width)}.menu-toggle{display:block}.admin-sidebar{transform:translate(-100%);width:var(--sidebar-mobile-width)}.admin-sidebar.active{transform:translate(0)}.admin-main{margin-left:0;width:100%}.admin-content{margin-top:60px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity var(--transition)}.sidebar-overlay.active{display:block;opacity:1}.menu-toggle{position:fixed;top:1rem;left:1rem;z-index:1000;background-color:var(--primary-color);border-radius:8px;padding:8px;box-shadow:var(--shadow-sm)}}@media (max-width: 480px){:root{--sidebar-mobile-width: 85%}.admin-content{margin-top:50px}}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:var(--bg-color)}.admin-sidebar::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:3px}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.admin-users{padding:1rem;background-color:#f9fafb;border-radius:10px;box-shadow:0 1px 5px #0000000d}.admin-users h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.admin-users table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}.admin-users th,.admin-users td{padding:12px 16px;border-bottom:1px solid #e5e7eb;text-align:left}.admin-users th{background-color:#f3f4f6;color:#374151}.admin-users tr:hover{background-color:#f9fafb}button{padding:6px 12px;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500}.btn-green{background-color:#10b981}.btn-red{background-color:#ef4444}.users-page{padding:20px;max-width:1400px;margin:0 auto}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568}.search-box input{flex:1;border:none;outline:none;font-size:.95rem;color:#2d3748}.filter-group{display:flex;gap:1rem}.filter-select{padding:.5rem 2rem .5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#4a5568;font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234A5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em}.users-table-container{background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.75rem;font-size:.875rem}.user-cell{min-width:200px}.user-info{display:flex;align-items:center;gap:1rem}.avatar{width:40px;height:40px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500;color:#2d3748}.user-email{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.875rem}.contact-info{display:flex;align-items:center;gap:.25rem;font-size:.875rem;white-space:nowrap}.contact-info .phone-number{font-family:monospace;letter-spacing:-.5px}.role-badge{font-weight:500}.role-badge.special{color:#dc2626}.role-badge.standard{color:inherit}.status-badge-user{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge-user.active{background-color:#c6f6d5;color:#22543d}.status-badge-user.inactive{background-color:#fed7d7;color:#822727}.date-info{display:flex;align-items:center;gap:.5rem;color:#718096}.actions{display:flex;gap:.25rem;white-space:nowrap}.action-button{padding:.4rem;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.users-page{padding:16px}.users-table-container{overflow-x:auto}.filter-group{flex-wrap:wrap}.filter-select{flex:1;min-width:200px}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-button{width:100%;justify-content:center}.filters-section{flex-direction:column}.search-box,.filter-group{width:100%}.filter-select{flex:1}.users-table-container{margin:0 -1rem;width:calc(100% + 2rem)}.users-table{font-size:.8125rem}}@media (max-width: 480px){.users-page{padding:12px}.page-header h1{font-size:1.5rem}.users-table th,.users-table td{padding:.75rem}.avatar{width:32px;height:32px;font-size:1rem}.user-name{font-size:.875rem}.user-email,.contact-info,.date-info{font-size:.75rem}.role-badge,.status-badge-user{padding:.25rem .5rem;font-size:.75rem}}.edit-modal{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:var(--text-xl);color:var(--text)}.close-button{background:none;border:none;color:var(--text-light);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-fast)}.close-button:hover{color:var(--text)}.edit-form{display:grid;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--text-sm);color:var(--text);font-weight:500}.form-group input,.form-group select{padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-base);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.form-actions button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.form-actions button[type=button]{background:none;border:1px solid var(--border);color:var(--text)}.form-actions button[type=button]:hover{background:var(--background)}.form-actions .save-button{background:var(--primary);border:none;color:#fff}.form-actions .save-button:hover{background:var(--primary-dark)}.special-dates{min-width:180px;max-width:200px;display:flex;flex-direction:column;gap:4px}.special-dates div{display:flex;align-items:center;white-space:nowrap;font-size:.875rem}.special-dates div:before{content:attr(data-label);font-weight:500;min-width:70px;font-size:.875rem;margin-right:4px}@media (max-width: 1200px){.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.5rem}.user-cell{min-width:180px}}.mobile-menu-button{display:none;background:none;border:none;color:var(--text);padding:8px;cursor:pointer;margin-right:16px}.mobile-menu-button:hover{color:var(--primary)}@media (max-width: 768px){.mobile-menu-button{display:block}.page-header{display:flex;align-items:center}.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{min-width:800px}.filters-section{flex-direction:column;gap:1rem}.search-box{width:100%}.filter-group{width:100%;justify-content:space-between}.filter-select{flex:1;min-width:150px}}@media (max-width: 480px){.users-page{padding:12px}.page-header h1{font-size:1.25rem}.add-button{padding:8px 12px;font-size:.875rem}.users-table{min-width:600px}}.users-page.mobile{padding:12px;margin-top:60px}.users-page.mobile .page-header{position:fixed;top:0;left:0;right:0;background:#fff;padding:12px;z-index:100;box-shadow:0 2px 4px #0000001a}.users-page.mobile .filters-section{margin-top:20px}@media (max-width: 768px){.users-page.mobile .users-table-container{margin-top:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.users-page.mobile .users-table{min-width:800px}.users-page.mobile .filter-group{flex-wrap:wrap;gap:8px}.users-page.mobile .filter-select{flex:1;min-width:140px}.users-page.mobile .search-box{width:100%}}.userdelete-confirmation{padding:var(--space-md);text-align:center}.userdelete-confirmation p{margin-bottom:var(--space-lg);color:var(--text);font-size:var(--text-base)}.userdelete-confirmation strong{color:var(--text-dark)}.userdelete-confirmation .form-actions .cancel-button{background:none;border:1px solid var(--border);color:var(--text)}.userdelete-confirmation .form-actions .cancel-button:hover{background:var(--background)}.userdelete-confirmation .form-actions .confirm-delete-button{background-color:#ef4444;color:#fff;border:none}.userdelete-confirmation .form-actions .confirm-delete-button:hover{background-color:#dc2626}.admin-announcement-container{padding:2rem;width:800px;margin:auto;background:#f4f7ff;border-radius:10px;box-shadow:0 0 12px #00000014;min-height:90vh}.admin-announcement-title{font-size:1.8rem;margin-bottom:1rem;color:#2a4d9b}.admin-announcement-form{display:flex;flex-direction:column;gap:10px;margin-bottom:2rem}.admin-announcement-input,.admin-announcement-textarea{padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;width:100%}.admin-announcement-textarea{resize:vertical;min-height:100px}.admin-announcement-button{background-color:#2a4d9b;color:#fff;border:none;padding:.8rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;transition:background .3s ease}.admin-announcement-button:hover{background-color:#1e3b7a}.admin-announcement-list{list-style:none;padding:0}.admin-announcement-item{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 8px 5px #0006}.admin-announcement-input[type=date]{color:#333}.admin-announcement-editor{border:1px solid #ccc;border-radius:8px;padding:10px;background:#fff;min-height:150px;margin-bottom:10px}.switch{position:relative;display:inline-block;width:48px;height:24px;margin-left:8px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#48bb78}input:focus+.slider{box-shadow:0 0 1px #48bb78}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.admin-announcement-message{background-color:#d1ecf1;color:#0c5460;padding:12px 20px;margin:1rem 0;border:1px solid #bee5eb;border-radius:8px;font-weight:700;animation:fadeIn .3s ease-in-out;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.announcements-page{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.page-header h1{font-size:1.875rem;font-weight:600;color:#1a202c}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%}.announcement-card{background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.announcement-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.announcement-card.inactive{opacity:.7;background-color:#f7fafc}.announcement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.announcement-header h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.status{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.status.active{background-color:#c6f6d5;color:#22543d}.status.inactive{background-color:#fed7d7;color:#822727}.announcement-content{color:#4a5568;font-size:.95rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.announcement-content p{margin:0 0 .5rem}.announcement-content p:last-child{margin-bottom:0}.announcement-content img{max-width:100%;height:auto;border-radius:4px;margin:.5rem 0}.announcement-content a{color:var(--primary-color);text-decoration:none}.announcement-content a:hover{text-decoration:underline}.announcement-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.date{color:#718096;font-size:.875rem}.actions{display:flex;gap:.5rem}.action-button{padding:6px;border:none;border-radius:6px;background:none;cursor:pointer;color:#4a5568;transition:all .2s ease}.action-button:hover{background-color:#f7fafc}.action-button.view:hover{color:var(--primary-color)}.action-button.edit:hover{color:#38a169}.action-button.delete:hover{color:#e53e3e}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;background-color:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.empty-state-content{text-align:center;color:#718096}.empty-state-content svg{margin-bottom:1rem}.empty-state-content h2{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state-content p{font-size:.95rem}@media (max-width: 1024px){.announcements-page{padding:16px}.announcements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.admin-announcement-form{padding:1.5rem}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.add-button{width:100%;justify-content:center}.announcements-grid{grid-template-columns:1fr}.admin-announcement-form{padding:1rem}}@media (max-width: 480px){.announcements-page{padding:12px}.page-header h1{font-size:1.5rem}.announcement-card{padding:1rem}.announcement-header h3{font-size:1rem}.announcement-content{font-size:.875rem}.actions{gap:.25rem}}.preview-modal{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative}.preview-modal h2{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.preview-content{margin-bottom:24px}.preview-content img{max-width:100%;height:auto}.close-button{position:absolute;top:16px;right:16px;background:none;border:none;padding:8px;cursor:pointer;color:#666}.close-button:hover{color:#000}.status{transition:all .2s ease}.status:hover{opacity:.8;transform:scale(1.05)}.delete-modal{background:#fff;border-radius:8px;padding:24px;width:90%;max-width:400px;text-align:center;position:relative;z-index:1100}.delete-modal h3{color:#2d3748;margin-bottom:12px;font-size:1.25rem}.delete-modal p{color:#4a5568;margin-bottom:24px}.modal-actions{display:flex;justify-content:center;gap:12px}.modal-actions button{padding:8px 24px;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;min-width:100px}.cancel-button{background:#e2e8f0;border:none;color:#4a5568}.cancel-button:hover{background:#cbd5e0}.confirm-delete-button{background:#e53e3e;border:none;color:#fff}.confirm-delete-button:hover{background:#c53030}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.admin-announcement-button.cancel{background-color:#718096}.admin-announcement-button.cancel:hover{background-color:#4a5568}.admin-announcement-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-sm);margin-top:2rem;transition:all .3s ease;width:100%;max-width:1400px;min-height:500px;position:relative;opacity:0;visibility:hidden;height:0;overflow:hidden;margin:0;padding:0}.admin-announcement-form.hidden{display:none}.admin-announcement-form.visible{opacity:1;visibility:visible;height:auto;min-height:500px;margin-top:2rem;padding:2rem;animation:fadeIn .3s ease}.admin-announcement-form h2{color:#2d3748;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-announcement-form input,.admin-announcement-form .admin-announcement-editor{margin-bottom:1rem}.form-content{max-width:1400px;margin:0 auto;width:100%}.admin-announcement-editor{min-height:200px;margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row input{flex:1}.form-actions-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.gallery-actions{display:flex;gap:1rem}.admin-announcement-button.secondary{background-color:#e2e8f0;color:#4a5568}.admin-announcement-button.secondary:hover{background-color:#cbd5e0}.admin-announcement-input{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s}.admin-announcement-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4299e133;outline:none}.admin-announcement-input[type=date]{min-width:200px}@media (max-width: 768px){.form-row{flex-direction:column}.form-actions-container{flex-direction:column;gap:1rem}.gallery-actions{width:100%;flex-direction:column}.form-actions,.admin-announcement-button{width:100%}}.status-container{display:flex;flex-direction:column;align-items:center;gap:4px}.status-text{font-size:.75rem;font-weight:500;margin-top:4px}.status-text.active{color:#22543d}.status-text.inactive{color:#822727}@media (min-width: 1200px){.announcements-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1600px){.announcements-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1199px){.announcements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.announcements-grid{grid-template-columns:1fr}}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid #ccc;background:#f0f4ff}.editor-toolbar button{background:#afaeae;border:1px solid #ccc;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background .2s}.editor-toolbar button:hover{background:#2a4d9b}.editor-toolbar button.active{background:#2a4d9b;color:#fff}.editor-content ul,.editor-content ol{padding-left:1rem;margin-left:0}.editor-content li{margin-bottom:.5rem}.editor-content p{text-indent:.2em}button.active{background-color:#ddd}.admin-pdfupload-container{padding:2rem;max-width:800px;margin:auto;background:#f4f7ff;border-radius:10px;box-shadow:0 0 12px #00000014}.admin-pdfupload-title{font-size:1.8rem;margin-bottom:1rem;color:#2a4d9b}.admin-pdfupload-form{display:flex;flex-direction:column;gap:10px;margin-bottom:2rem}.admin-pdfupload-input,.admin-pdfupload-file{padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;width:100%}.admin-pdfupload-button{background-color:#2a4d9b;color:#fff;border:none;padding:.8rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;transition:background .3s ease}.admin-pdfupload-button:hover{background-color:#1e3b7a}.admin-pdfupload-list{list-style:none;padding:0}.admin-pdfupload-item{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 5px #0000000d}.pdf-upload-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.add-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#4a90e2;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#357abd}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:1rem;width:100%;max-width:500px;box-shadow:0 4px 12px #00000026}.modal-content h2{margin:0 0 1.5rem;color:#333}.modal-content input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;margin-bottom:1.5rem;font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.modal-actions button{padding:.5rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .2s}.modal-actions button:first-child{background-color:#f5f5f5;color:#666}.modal-actions button:last-child{background-color:#4a90e2;color:#fff}.modal-actions button:hover{opacity:.9}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-box{flex:1;min-width:200px}.filter-box select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;background-color:#fff;font-size:1rem}.filter-box select:disabled{background-color:#f5f5f5;cursor:not-allowed}.search-box{flex:1;min-width:200px;position:relative}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem}.upload-section{margin-bottom:2rem}.upload-area{border:2px dashed #ddd;border-radius:1rem;padding:3rem;text-align:center;background-color:#f9f9f9;transition:all .3s ease}.upload-area.drag-active{border-color:#4a90e2;background-color:#f0f7ff}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-label svg{color:#666}.upload-label h3{margin:0;color:#333}.upload-label p{margin:0;color:#666}.upload-label .warning{color:#e74c3c;font-weight:500;margin-top:1rem}.pdfs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.pdf-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.pdf-card.inactive{opacity:.7}.card-header{display:flex;gap:1rem;margin-bottom:1rem;position:relative}.file-icon{color:#4a90e2}.file-info{flex:1}.file-info h3{margin:0 0 .5rem;font-size:1rem;color:#333}.file-info .ministry,.file-info .position{display:block;font-size:.875rem;color:#666;margin-bottom:.25rem}.file-info .topic{display:block;font-size:.875rem;color:#4a90e2}.status-badge{position:absolute;top:0;right:0;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.status-badge.active{background-color:#e3f2fd;color:#1976d2}.status-badge.inactive{background-color:#ffebee;color:#c62828}.card-content{margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.info-row .label{color:#666}.info-row .value{color:#333;font-weight:500}.card-actions{display:flex;gap:.5rem}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.action-button.status{background-color:#f5f5f5;color:#333}.action-button.status:hover{background-color:#e0e0e0}.action-button.delete{background-color:#ffebee;color:#c62828}.action-button.delete:hover{background-color:#ffcdd2}.empty-state{text-align:center;padding:3rem}.empty-state-content svg{color:#ddd}.empty-state-content h2{margin:0;color:#666}.empty-state-content p{margin:0;color:#999}@media (max-width: 1024px){.pdf-upload-page{padding:16px}.page-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-wrap:wrap}.add-button{flex:1}.pdfs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.upload-area{padding:2rem 1rem}.filters-section{flex-direction:column}.search-box,.filter-box{width:100%}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}}@media (max-width: 768px){.page-header h1{font-size:1.5rem}.upload-label h3{font-size:1.1rem}.card-actions{flex-wrap:wrap}.action-button{flex:1;justify-content:center}}@media (max-width: 480px){.pdf-upload-page{padding:12px}.pdf-card{padding:1rem}.card-header{flex-wrap:wrap}.file-icon{padding:.5rem}.status-badge{width:100%;text-align:center;margin-top:.5rem}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.info-row .label{min-width:auto}.modal-content{padding:1rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.question-add-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff}.question-add-form{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.question-add-page{padding:2rem;width:100%}.page-header h1{font-size:2rem;color:#333}.question-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem;width:100%}.form-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;width:100%}.form-grid .form-section:nth-child(1),.form-grid .form-section:nth-child(2){grid-column:span 1;min-width:0}.form-grid .form-section:nth-child(3),.form-grid .form-section:nth-child(4),.form-grid .form-section:nth-child(5){grid-column:span 2}.form-section h2{margin-bottom:1.5rem;color:#2c3e50;font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#495057;font-weight:500}.info-text{font-size:.875rem;color:#6c757d;font-weight:400}.form-group select,.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group select:disabled,.form-group input[type=text]:disabled,.form-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.form-group select:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.image-upload-area{border:2px dashed #ced4da;border-radius:8px;padding:1.5rem;text-align:center}.image-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#4a90e2;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s}.image-upload-button.disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.image-upload-button:not(.disabled):hover{background:#357abd}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem}.image-preview{position:relative;border-radius:4px;overflow:hidden}.image-preview img{width:100%;height:120px;object-fit:cover}.remove-image{position:absolute;top:.25rem;right:.25rem;background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.remove-image:hover{background:#fff}.options-grid{display:grid;gap:1rem}.option-input{display:flex;gap:1rem;align-items:flex-start}.option-input textarea{flex:1;min-height:60px;resize:vertical;line-height:1.5;padding:10px;font-family:inherit}.option-select{padding:.75rem 1rem;background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap}.option-select:disabled{background:#e9ecef;cursor:not-allowed;opacity:.7}.option-select.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.option-select.active:disabled{background:#6c757d}.form-actions{padding:2rem;border-top:1px solid #e9ecef;text-align:right}.submit-buttonn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#4299e1;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.submit-button:not(:disabled):hover{background:#218838}.questions-info{background:#e9ecef;padding:1rem;border-radius:4px;margin-bottom:1rem}.questions-info p{margin:0;color:#495057;font-weight:500}.questions-list{max-height:400px;overflow-y:auto;padding-right:1rem}.question-item{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:1rem;margin-bottom:1rem}.question-item h3{margin:0 0 .5rem;color:#2c3e50;font-size:1rem}.question-item p{margin:0 0 1rem;color:#495057}.options-list{display:grid;gap:.5rem}.options-list .option{padding:.5rem;border:1px solid #dee2e6;border-radius:4px;background:#f8f9fa}.options-list .option.correct{background:#d4edda;border-color:#c3e6cb;color:#155724}@media (max-width: 1024px){.question-add-page{padding:1rem}.form-grid{grid-template-columns:1fr;gap:1.5rem}.form-grid .form-section:nth-child(1),.form-grid .form-section:nth-child(2),.form-grid .form-section:nth-child(3),.form-grid .form-section:nth-child(4),.form-grid .form-section:nth-child(5){grid-column:span 1}.form-section{padding:1.25rem}.questions-list{max-height:300px}}@media (max-width: 768px){.page-header h1{font-size:1.5rem}.form-section h2{font-size:1.1rem}.form-group label{font-size:.9rem}.form-group select,.form-group input[type=text],.form-group textarea{padding:.6rem;font-size:.9rem}.image-upload-area{padding:1rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.image-preview img{height:100px}.options-grid{gap:.75rem}.option-input{flex-direction:column;gap:.5rem}.option-select{width:100%;text-align:center}.questions-header{flex-direction:column;gap:1rem}.select-all-button{width:100%;justify-content:center}.question-item{padding:.75rem}.question-header{flex-direction:column;gap:.5rem;align-items:flex-start}.toggle-button{width:100%;justify-content:center}.options-list{font-size:.9rem}.form-actions{padding:1rem}.submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.question-add-page{padding:.5rem}.form-grid{gap:1rem;padding:1rem}.form-section{padding:1rem}.page-header h1{font-size:1.25rem}.form-section h2{font-size:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.image-preview img{height:80px}.questions-info p,.question-item h3{font-size:.9rem}.options-list .option{padding:.4rem;font-size:.85rem}.info-text{font-size:.8rem}}.question-topic{margin-bottom:.5rem;padding:.25rem .5rem;background:#e9ecef;border-radius:4px;font-size:.875rem;color:#495057}.select-topic-message{text-align:center;color:#6c757d;font-size:1rem;padding:2rem;background:#f8f9fa;border-radius:4px;border:1px dashed #ced4da}.selected-topic{margin-top:.5rem;font-weight:500;color:#2c3e50}.no-questions-message{text-align:center;color:#6c757d;font-style:italic;padding:1rem}.questions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.select-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.875rem;cursor:pointer;transition:all .2s}.select-all-button:hover{background:#e9ecef}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.toggle-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s}.question-item.active .toggle-button{color:#28a745}.question-item.inactive .toggle-button{color:#6c757d}.question-item.active{border-left:4px solid #28a745}.question-item.inactive{border-left:4px solid #6c757d;opacity:.7}.toggle-button:hover{background:#f8f9fa}.question-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #dee2e6;justify-content:flex-end}.edit-button,.question-delete-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s;min-width:90px;justify-content:center}.edit-button{background-color:#4a90e2;color:#fff}.edit-button:hover{background-color:#357abd}.question-delete-btn{background-color:#dc3545;color:#fff}.question-delete-btn:hover{background-color:#c82333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;box-shadow:0 2px 10px #0000001a}.modal-header{margin-bottom:15px}.modal-header h3{margin:0;color:#2c3e50;font-size:1.25rem}.modal-body{margin-bottom:20px;color:#495057}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.modal-button.confirm{background-color:#dc3545;color:#fff}.modal-button.confirm:hover{background-color:#c82333}.modal-button.cancel{background-color:#6c757d;color:#fff}.modal-button.cancel:hover{background-color:#5a6268}@media (max-width: 768px){.modal-content{width:95%;margin:0 10px}.question-actions{flex-direction:row;justify-content:flex-end;gap:6px}.edit-button,.question-delete-btn{min-width:80px;padding:5px 10px;font-size:.8rem}}@media (max-width: 480px){.modal-content{padding:15px}.modal-header h3{font-size:1.1rem}.modal-footer{flex-direction:column;gap:8px}.modal-button{width:100%}.question-actions{gap:4px}.edit-button,.question-delete-btn{min-width:70px;padding:4px 8px;font-size:.75rem}}.admin-question-writer-container{background-color:#f0f4ff;padding:2rem;margin:2rem auto;border-radius:12px;box-shadow:0 2px 8px #0000004d;width:130%}.admin-question-writer-title{font-size:1.5rem;font-weight:700;color:#2a4d9b;margin-bottom:1.5rem;border-bottom:2px solid #2a4d9b;padding-bottom:.5rem}.admin-options-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.admin-option-row{display:flex;align-items:center;margin-bottom:10px;gap:10px}.admin-option-input{flex:1;padding:.6rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}.admin-application-card{background-color:#f8f9ff;border:1px solid #ccd;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #0000000d}.admin-action-buttons{margin-top:15px;display:flex;gap:10px}.admin-accept-btn{background-color:#28a745;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.admin-delete-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.admin-accept-btn:hover{background-color:#218838}.admin-delete-btn{background-color:#c82333}.applications-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:1.875rem;font-weight:600;color:#1a202c;margin-bottom:1.5rem}.header-actions{display:flex;gap:1rem}.search-box,.filter-box{display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.5rem 1rem;gap:.5rem}.search-box input,.filter-box select{border:none;outline:none;font-size:1rem;min-width:200px}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.application-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.application-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.application-card.rejected{opacity:.7}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h3{margin:0;font-size:1.2rem;color:#333}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.status-badge.pending{background:#fff3e0;color:#f57c00}.status-badge.approved{background:#e8f5e9;color:#2e7d32}.status-badge.rejected{background:#ffebee;color:#c62828}.card-content{margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:.95rem}.info-row .label{color:#666;font-weight:500}.info-row .value{color:#333}.card-actions{display:flex;gap:.8rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.action-button.view{background:#e3f2fd;color:#1976d2}.action-button.approve{background:#e8f5e9;color:#2e7d32}.action-button.reject{background:#ffebee;color:#c62828}.action-button.change-status{background:#f3e5f5;color:#7b1fa2}.action-button.change-status:hover{background:#e1bee7}.application-card.approved .action-button.change-status,.application-card.rejected .action-button.change-status{opacity:.9;transition:opacity .2s}.application-card.approved .action-button.change-status:hover,.application-card.rejected .action-button.change-status:hover{opacity:1}.empty-state{text-align:center;padding:3rem;color:#666}.question-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.question-details{margin:1.5rem 0}.question-text{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:1.5rem;padding:1rem;background:#f5f5f5;border-radius:8px}.options-list{display:flex;flex-direction:column;gap:.8rem}.option{padding:1rem;border:1px solid #e0e0e0;border-radius:8px;transition:background-color .2s}.option.correct{background-color:#e8f5e9;border-color:#4caf50;color:#2e7d32}@media (max-width: 768px){.applications-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.header-actions{width:100%;flex-direction:column}.search-box,.filter-box{width:100%}.applications-grid{grid-template-columns:1fr}.modal-content{width:95%;padding:1.5rem}}.admin-exams-add-page{padding:2rem;max-width:1400px;margin:0 auto}.admin-exams-add-header{margin-bottom:2rem}.admin-exams-add-header h1{font-size:2rem;color:#333}.admin-exams-add-info{margin-top:.5rem;color:#4a5568;font-size:.875rem}.admin-exams-add-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.admin-exams-add-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.admin-exams-add-section{padding:1.5rem;background:#f8f9fa;border-radius:8px}.admin-exams-add-section h2{margin-bottom:1.5rem;color:#2c3e50;font-size:1.5rem}.admin-exams-add-form-group{margin-bottom:1.5rem}.admin-exams-add-form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.admin-exams-add-form-group input,.admin-exams-add-form-group select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem}.admin-exams-add-form-group input:focus,.admin-exams-add-form-group select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.admin-exams-add-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-exams-add-input-icon{position:relative;display:flex;align-items:center}.admin-exams-add-input-icon svg{position:absolute;left:.75rem;color:#718096}.admin-exams-add-input-icon input{padding-left:2.5rem}.admin-exams-add-section-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.admin-exams-add-section-title{display:flex;justify-content:space-between;align-items:center}.admin-exams-add-question-counter{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.875rem;background:#f7fafc;padding:.5rem .75rem;border-radius:6px}.admin-exams-add-topic-filter{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d}.admin-exams-add-filter-header{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-weight:500;white-space:nowrap}.admin-exams-add-topic-select{flex:1;padding:.5rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;color:#2d3748;background-color:#fff;cursor:pointer}.admin-exams-add-topic-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.admin-exams-add-questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;max-height:600px;overflow-y:auto;padding:.5rem}.admin-exams-add-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s;display:flex;flex-direction:column;height:100%;min-height:200px}.admin-exams-add-question-card:not(.selected):hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#4299e1}.admin-exams-add-question-card.selected{border:2px solid #4299e1;background:#ebf8ff}.admin-exams-add-question-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.admin-exams-add-subject-badge{background:#e2e8f0;color:#4a5568;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;align-self:flex-start}.admin-exams-add-question-title{font-weight:600;color:#2d3748;font-size:.875rem}.admin-exams-add-question-content{flex:1;margin:1rem 0;color:#2d3748;font-size:.875rem;line-height:1.5}.admin-exams-add-question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.admin-exams-add-selected-badge{display:flex;align-items:center;gap:.375rem;background:#4299e1;color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.admin-exams-add-select-badge{color:#4299e1;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #4299e1}.admin-exams-add-remove-button{background:none;border:none;color:#e53e3e;cursor:pointer;padding:.375rem;border-radius:4px;transition:all .2s;margin-left:.5rem;display:flex;align-items:center}.admin-exams-add-remove-button:hover{background:#fed7d7}.admin-exams-add-form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.admin-exams-add-submit-button{display:flex;align-items:center;gap:.5rem;background:#4299e1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.admin-exams-add-submit-button:hover{background:#3182ce}@media (max-width: 1024px){.admin-exams-add-page{padding:1rem}.admin-exams-add-grid{grid-template-columns:1fr}.admin-exams-add-form{padding:1.5rem}}@media (max-width: 768px){.admin-exams-add-form-row{grid-template-columns:1fr}.admin-exams-add-section-header{flex-direction:column;gap:1rem}.admin-exams-add-section-title{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-exams-add-topic-filter{flex-direction:column;align-items:stretch}.admin-exams-add-filter-header{margin-bottom:.5rem}.admin-exams-add-topic-select,.admin-exams-add-question-counter{width:100%}.admin-exams-add-questions-grid{grid-template-columns:1fr}}@media (max-width: 480px){.admin-exams-add-page{padding:.75rem}.admin-exams-add-header h1{font-size:1.5rem}.admin-exams-add-form{padding:1rem}.admin-exams-add-question-header{flex-direction:column;align-items:flex-start}.admin-exams-add-subject-badge{width:100%;text-align:center}}.memberships-page{padding:20px;max-width:800px;margin:0 auto}.page-header h1{font-size:1.875rem;font-weight:600;color:#2a4d9b}.add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.header-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-box select{padding-right:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234A5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:1.5em}.memberships-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.membership-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .2s ease;border:1px solid #e2e8f0}.membership-card.special{border:2px solid #2a4d9b}.membership-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.membership-card.inactive{opacity:.7}.title-section{display:flex;align-items:center;gap:.75rem}.package-icon{color:#2a4d9b}.card-header h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background-color:#c6f6d5;color:#22543d}.status-badge.inactive{background-color:#fed7d7;color:#822727}.card-content{display:flex;flex-direction:column;gap:1.5rem}.price-section{display:flex;align-items:baseline;gap:.25rem}.price{font-size:2rem;font-weight:700;color:#2a4d9b}.price-edit{display:flex;align-items:center;gap:.5rem;position:relative}.price-input{font-size:2rem;font-weight:700;color:#2a4d9b;width:200px;padding:.5rem;border:2px solid #2a4d9b;border-radius:8px;outline:none}.currency{font-size:2rem;font-weight:700;color:#2a4d9b;position:absolute;right:1rem}.duration{color:#718096;font-size:.95rem}.features-section{display:flex;flex-direction:column;gap:1rem}.features-section h4{font-size:1rem;font-weight:600;color:#4a5568;margin:0}.features-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-section li{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.95rem}.features-section li:before{content:"✓";color:#2a4d9b;font-weight:700}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button.edit{background-color:#ebf8ff;color:#2a4d9b}.action-button.save{background-color:#c6f6d5;color:#22543d}.empty-state{padding:4rem 2rem;text-align:center;background-color:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.empty-state-content{max-width:400px;margin:0 auto;color:#718096}.empty-state-content svg{color:#a0aec0;margin-bottom:1rem}.empty-state-content h2{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.features-edit{display:flex;flex-direction:column;gap:.75rem}.feature-edit-row,.feature-add-row{display:flex;gap:.5rem;align-items:center}.feature-input{flex:1;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;color:#2d3748;outline:none;transition:all .2s ease}.feature-input:focus{border-color:#2a4d9b;box-shadow:0 0 0 2px #2a4d9b1a}.action-button.delete{background-color:#fff5f5;color:#822727;padding:.5rem}.action-button.add{background-color:#f0fff4;color:#22543d;padding:.5rem}@media (max-width: 1024px){.memberships-page{padding:16px}.memberships-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.header-actions{flex-direction:column}.search-box,.filter-box{width:100%}}@media (max-width: 768px){.memberships-page{padding:1rem}.page-header h1{font-size:1.5rem}.price-input{width:150px;font-size:1.5rem}.currency{font-size:1.5rem}.card-actions{flex-direction:column}.action-button{width:100%;justify-content:center}}@media (max-width: 480px){.memberships-page{padding:.5rem}.membership-card{padding:1rem}.price-section{flex-direction:column;align-items:flex-start}.price-input{width:100%}.currency{right:.5rem}.card-actions{flex-direction:column}.action-button{width:100%;justify-content:center}}.notifications-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.875rem;font-weight:600;color:#2a4d9b;margin-bottom:1.5rem}.header-actions,.filter-group{display:flex;gap:1rem;flex-wrap:wrap}.search-box,.filter-box{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;min-width:250px}.search-box input,.filter-box select{flex:1;border:none;outline:none;font-size:.95rem;color:#2d3748;background:transparent}.search-box input::placeholder{color:#a0aec0}.filter-box select{padding-right:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234A5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:1.5em}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:2rem}.notification-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease;border:1px solid #e2e8f0}.notification-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.notification-card.rejected{opacity:.7}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-info h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.user-info .email{font-size:.875rem;color:#718096}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.status-badge.pending{background-color:#fefcbf;color:#744210}.status-badge.approved{background-color:#c6f6d5;color:#22543d}.status-badge.rejected{background-color:#fed7d7;color:#822727}.card-content{display:flex;flex-direction:column;gap:1rem}.explanation{font-size:.95rem;color:#4a5568;line-height:1.5;padding:.75rem;background-color:#f7fafc;border-radius:6px;border:1px solid #edf2f7}.info-row{display:flex;align-items:center;gap:.5rem}.info-row .label{font-weight:500;color:#4a5568;min-width:60px}.info-row .value{color:#2d3748}.card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button.view{background-color:#ebf8ff;color:#2a4d9b}.action-button.approve{background-color:#f0fff4;color:#22543d}.action-button.reject{background-color:#fff5f5;color:#822727}.action-button.pending{background-color:#edf2f7;color:#4a5568}.action-button:hover{filter:brightness(.95)}.empty-state{padding:4rem 2rem;text-align:center}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state-content svg{color:#a0aec0}.empty-state-content h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.empty-state-content p{color:#718096;max-width:400px;margin:0}@media (max-width: 1024px){.notifications-page{padding:1rem}.notifications-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.header-actions{flex-direction:column}.search-box,.filter-box{width:100%;min-width:auto}.filter-group{width:100%}}@media (max-width: 768px){.page-header h1{font-size:1.5rem}.filter-group{flex-direction:column}.card-actions{flex-wrap:wrap}.action-button{flex:1;justify-content:center}}@media (max-width: 480px){.notifications-page{padding:.5rem}.notification-card{padding:1rem}.card-header{flex-direction:column}.status-badge{align-self:flex-start}.info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.info-row .label{min-width:auto}}