body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.forced-reset-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forced-reset-card{animation:slideInUp .6s ease-out;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0003;max-width:500px;overflow:hidden;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.reset-header{background:linear-gradient(135deg,#c8963e,#b8862e);color:#fff;padding:30px 20px;text-align:center}.reset-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:15px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reset-header h1{font-size:1.8rem;font-weight:700;margin:0}.reset-content{padding:30px}.reset-content p{color:#666;line-height:1.6;margin-bottom:15px}.reset-content p:first-child{color:#2e2e5a;font-size:1.1rem}.reset-form{margin:25px 0}.password-input-container{align-items:center;display:flex;position:relative}.form-input{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 45px 12px 15px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#c8963e;box-shadow:0 0 0 3px #c8963e1a;outline:none}.form-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.password-toggle{padding:8px;transition:color .2s ease}.password-toggle:hover:not(:disabled){color:#c8963e}.error-message{animation:shake .5s ease-in-out;border:1px solid #f1aeb5;font-size:.9rem;margin:15px 0;padding:12px 15px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.submit-button{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin-top:20px;padding:15px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 5px 20px #c8963e66;transform:translateY(-2px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.security-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:25px;padding:20px}.security-info h3{align-items:center;color:#2e2e5a;display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.security-info ul{color:#666;margin:0;padding-left:20px}.security-info li{line-height:1.4;margin-bottom:8px}.security-info li:last-child{margin-bottom:0}@media (max-width:768px){.forced-reset-container{padding:15px}.reset-header{padding:25px 15px}.reset-header h1{font-size:1.5rem}.reset-icon{font-size:2.5rem}.reset-content{padding:25px 20px}.form-input{font-size:.95rem;padding:10px 40px 10px 12px}.submit-button{font-size:1rem;padding:12px}}@media (max-width:480px){.forced-reset-container{padding:10px}.reset-header{padding:20px 15px}.reset-header h1{font-size:1.3rem}.reset-content{padding:20px 15px}.security-info{padding:15px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100svh;min-height:100vh;padding:20px}.auth-wrapper{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:450px;padding:40px;position:relative;transform:translateZ(0);width:100%;will-change:auto}.auth-header{margin-bottom:30px;text-align:center}.auth-logo{height:auto;margin-bottom:15px;max-width:200px}.auth-header h1{color:#2e2e5a;font-size:2rem;font-weight:700;margin:0}.auth-form-container,.auth-toggle{overflow:hidden;position:relative}.auth-toggle{background:#f8f9fa;border-radius:25px;display:flex;margin-bottom:30px;padding:4px}.auth-toggle:before{background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:20px;bottom:4px;box-shadow:0 2px 8px #c8963e4d;content:"";position:absolute;top:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:1}.auth-form-container.login-mode .auth-toggle:before{transform:translateX(0)}.auth-form-container.register-mode .auth-toggle:before{transform:translateX(100%)}.toggle-btn{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;position:relative;transition:all .3s ease;z-index:2}.toggle-btn.active{background:#0000;color:#fff;text-shadow:0 1px 2px #0000001a}.toggle-btn:not(.active):hover{color:#2e2e5a}.auth-form,.form-fields{position:relative}.form-group{transition:all .4s cubic-bezier(.4,0,.2,1)}.form-group.confirm-password-field,.form-group.name-field{overflow:hidden}.form-group label svg{color:#667eea;margin-right:8px}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.password-input{position:relative}.password-toggle{right:15px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#667eea}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.message{padding:12px}.message.success{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.message.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #c8963e66}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.submit-btn svg{margin-right:8px}.auth-form-container.login-mode .confirm-password-field,.auth-form-container.login-mode .name-field{animation:slideOut .4s ease forwards}.auth-form-container.register-mode .confirm-password-field,.auth-form-container.register-mode .name-field{animation:slideInField .4s ease forwards}.confirm-password-field,.name-field{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.auth-form-container.login-mode .confirm-password-field,.auth-form-container.login-mode .name-field{margin-bottom:0;max-height:0;opacity:0;transform:translateY(-20px)}.auth-form-container.register-mode .confirm-password-field,.auth-form-container.register-mode .name-field{margin-bottom:20px;max-height:100px;opacity:1;transform:translateY(0)}@keyframes slideOut{0%{margin-bottom:20px;max-height:100px;opacity:1;transform:translateY(0)}to{margin-bottom:0;max-height:0;opacity:0;transform:translateY(-20px)}}@keyframes slideInField{0%{margin-bottom:0;max-height:0;opacity:0;transform:translateY(-20px)}to{margin-bottom:20px;max-height:100px;opacity:1;transform:translateY(0)}}@media (max-width:768px){.auth-container{align-items:flex-start;min-height:100svh;min-height:100vh;padding:10vh 15px 15px}.auth-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width:100%;padding:30px 25px;transform:translateZ(0);will-change:auto}.auth-header h1{font-size:1.8rem}.auth-logo{height:auto;max-width:170px}.auth-toggle:before{width:calc(50% - 4px);will-change:transform}.toggle-btn{font-size:.85rem;padding:10px 15px}.form-group input{font-size:.95rem;font-size:16px;padding:12px}.submit-btn{font-size:1rem;padding:12px}.auth-form,.form-fields{transform:translateZ(0);will-change:auto}}@media (max-width:480px){.auth-container{align-items:flex-start;min-height:100svh;min-height:100vh;overflow:hidden;padding:5vh 10px 10px;position:relative}.auth-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;max-height:90vh;overflow-y:auto;padding:25px 20px;transform:translateZ(0);will-change:auto}.auth-header h1{font-size:1.6rem}.auth-logo{height:auto;max-width:150px}.toggle-btn{font-size:.8rem;padding:8px 12px}.form-group{margin-bottom:15px}.form-group input{font-size:16px;padding:10px}.form-group label{font-size:.9rem;margin-bottom:6px}.submit-btn{font-size:.95rem;padding:10px}.auth-form-container,.password-input{transform:translateZ(0);will-change:auto}}.submit-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";display:inline-block;height:16px;margin-left:8px;width:16px}.complete-profile-container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.complete-profile-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;width:100%}.complete-profile-header{margin-bottom:40px;text-align:center}.complete-profile-logo{height:auto;margin-bottom:20px;width:80px}.complete-profile-header h1{color:#2c3e50;font-size:2.2em;font-weight:600;margin:0 0 15px;text-shadow:0 2px 4px #0000001a}.complete-profile-header p{color:#34495e;font-size:1.1em;margin:0;opacity:.8}.complete-profile-form,.complete-profile-form-container{width:100%}.form-fields{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.form-group label{align-items:center;color:#2c3e50;display:flex;font-size:1em;gap:8px}.form-group label svg{color:#c8963e;height:16px;width:16px}.form-group input,.form-group select,.form-group textarea{background:#ffffffe6;border:2px solid #e1e8ed;border-radius:12px;color:#2c3e50;font-size:16px;padding:15px 18px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{transform:translateY(-2px)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8f9facc;cursor:not-allowed;opacity:.7}.form-group textarea{min-height:100px}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.field-hint{color:#666;font-size:.85em;font-style:italic;margin-top:4px}.field-hint.success-hint{color:#059669;font-weight:500}.form-group input.auto-filled{background-color:#10b9810d;border-color:#10b981}.form-group input.auto-filled:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.message{animation:slideIn .3s ease;border-radius:12px;padding:15px 20px;text-align:center}.message.success{background:#10b9811a;border:1px solid #10b9814d;color:#059669}.message.error{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.message.info{background:#c8963e1a;border:1px solid #c8963e4d;color:#b8862e}.form-buttons{align-items:center;display:flex;gap:15px;justify-content:space-between}.back-btn,.submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:50px;padding:16px 24px;transition:all .3s ease}.back-btn{background:#6c757d1a;border:2px solid #6c757d33;color:#6c757d}.back-btn:hover:not(:disabled){background:#6c757d26;border-color:#6c757d4d;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#c8963e,#b8862e);border:2px solid #0000;color:#fff}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#b8862e,#a8761e);box-shadow:0 8px 25px #c8963e4d;transform:translateY(-2px)}.back-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-btn:disabled:hover,.submit-btn:disabled:hover{box-shadow:none;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.complete-profile-container{padding:15px}.complete-profile-wrapper{border-radius:15px;max-width:none;padding:30px 25px;width:100%}.complete-profile-header h1{font-size:1.8em}.complete-profile-header p{font-size:1em}.complete-profile-logo{width:60px}.form-fields{gap:20px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px 15px}.form-buttons{flex-direction:column;gap:12px}.back-btn,.submit-btn{flex:none;padding:14px 20px;width:100%}}@media (max-width:480px){.complete-profile-wrapper{padding:25px 20px}.complete-profile-header h1{font-size:1.6em}.complete-profile-logo{width:50px}.form-group label{font-size:.9em}}.event-notification-overlay{opacity:1;position:fixed;right:20px;top:20px;transform:translateX(0);transition:all .3s ease-in-out;z-index:10000}.event-notification-overlay.animating{opacity:0;transform:translateX(100%)}.event-notification-container{background:#fff;border:none;border-radius:10px;box-shadow:0 10px 30px #0003;color:#333;max-width:400px;min-width:320px;overflow:hidden;padding:0}.notification-header{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border-bottom:none;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.notification-counter-left{align-items:center;display:flex;flex:1 1}.notification-badge{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:8px}.notification-badge svg{color:#fff;font-size:1rem}.notification-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.notification-counter{background:#fff3;border-radius:12px;color:#fff;font-size:.8rem;opacity:.9;padding:2px 8px}.close-all-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.close-all-btn:hover{background:#ffffff4d;border-color:#ffffff80}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-btn:hover{background:#fff3;color:#dc2626}.notification-content{padding:20px}.event-title{color:#2e2e5a;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 15px}.event-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.event-detail{align-items:center;color:#666;display:flex;font-size:.9rem;gap:10px}.detail-icon{color:#c8963e;opacity:1;width:16px}.event-author{color:#999;font-size:.8rem;font-style:italic;margin-top:10px}.notification-footer{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-top:1px solid #e0e0e0;padding:15px 20px}.view-calendar-btn{background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.view-calendar-btn:hover{box-shadow:0 4px 15px #c8963e4d;transform:translateY(-1px)}@media (max-width:480px){.event-notification-overlay{left:10px;right:10px;top:10px}.event-notification-container{max-width:none;min-width:auto}.notification-header{padding:10px 12px}.notification-badge{font-size:.8rem}.close-all-btn,.notification-counter{font-size:.7rem}.close-all-btn{padding:3px 6px}.notification-content{padding:12px}.event-title{font-size:1rem}.event-detail{font-size:.8rem}.notification-footer{padding:10px 12px}}@media (prefers-color-scheme:dark){.event-notification-container{background:#fff;color:#333}.notification-header{background:linear-gradient(135deg,#c8963e,#b8862e)}.notification-footer{background:linear-gradient(135deg,#f8f9fa,#e8eaf6)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.event-notification-overlay{animation:slideInRight .3s ease-out}.event-notification-overlay.animating{animation:slideOutRight .3s ease-in}.home-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.home-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.header-right{gap:15px}.user-info{gap:15px;justify-content:flex-end}.desktop-only{display:flex}.mobile-only{display:none!important}.desktop-logout{border:2px solid red!important;display:flex!important}.mobile-logout{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:2px solid blue!important;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none!important;font-size:1rem;font-weight:600;height:44px;justify-content:center;padding:12px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;width:44px}.mobile-logout svg{height:16px;width:16px}.mobile-logout:hover{box-shadow:0 3px 15px #dc354566;transform:translateY(-1px) scale(1.05)}.home-logo{height:auto;max-height:50px;max-width:50px;width:auto}.home-header h1{color:#2e2e5a;font-size:2.5rem;font-weight:700;margin:0}.user-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.user-info span{color:#2e2e5a;font-size:1.1rem;font-weight:600}.logout-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:44px;justify-content:center;padding:12px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;width:44px}.logout-button svg{height:16px;width:16px}.logout-button:hover{box-shadow:0 3px 15px #dc354566;transform:translateY(-1px) scale(1.05)}.welcome-section-top{margin-bottom:30px}.welcome-card-top{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px 30px;text-align:center}.welcome-card-top h2{color:#2e2e5a;font-size:1.8rem;font-weight:700;margin:0 0 10px}.welcome-card-top p{color:#666;font-size:1.1rem;line-height:1.6;margin:0}.home-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.content-pages-card,.dashboard-card,.features-card,.navigation-card,.welcome-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.content-pages-card h2,.dashboard-card h2,.features-card h2,.navigation-card h2,.welcome-card h2{border-bottom:3px solid #c8963e;color:#2e2e5a;font-size:1.8rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.dashboard-card p,.welcome-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.navigation-menu{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:10px;color:inherit;cursor:pointer;display:flex;gap:20px;padding:20px;text-decoration:none;transition:all .3s ease}.nav-item:hover{border-left-color:#2e2e5a;box-shadow:0 4px 20px #c8963e33;transform:translateY(-2px)}.nav-icon{color:#c8963e;font-size:2rem;transition:color .3s ease}.nav-item:hover .nav-icon{color:#2e2e5a}.nav-content h3{color:#2e2e5a;font-size:1.2rem;font-weight:600;margin:0 0 5px}.nav-content p{color:#666;font-size:.95rem;line-height:1.4;margin:0}.admin-nav-item{background:linear-gradient(135deg,#ffebee,#fce4ec);border:2px solid #d32f2f}.admin-nav-item:hover{background:linear-gradient(135deg,#ffcdd2,#f8bbd9);border-color:#b71c1c;box-shadow:0 4px 20px #d32f2f4d}.admin-icon{color:#d32f2f!important}.admin-nav-item:hover .admin-icon{color:#b71c1c!important}.admin-nav-item .nav-content h3{color:#d32f2f;font-weight:700}.admin-nav-item:hover .nav-content h3{color:#b71c1c}.admin-nav-item .nav-content p{color:#333;font-weight:500}.welcome-section{margin-top:30px}.welcome-section .welcome-card{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;text-align:center}.welcome-section .welcome-card h2{color:#2e2e5a;margin-bottom:15px}.welcome-section .welcome-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:0}.user-details{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;padding:20px}.user-details h3{color:#2e2e5a;margin-bottom:15px;margin-top:0}.detail-item{font-size:1rem;margin-bottom:10px;word-break:break-word}.detail-item strong{color:#2e2e5a;display:inline-block;min-width:80px}.feature-list{display:flex;flex-direction:column;gap:20px}.feature-item{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;padding:15px}.feature-item h4{color:#2e2e5a;font-size:1.2rem;margin:0 0 8px}.feature-item p{color:#666;font-size:.95rem;line-height:1.4;margin:0}.loading-container{background-color:#f8f9fa;min-height:100vh}.loading-spinner{color:#c8963e;font-size:1.5rem;font-weight:600}@media (max-width:768px){.home-container{padding:15px}.welcome-section-top{margin-bottom:25px}.welcome-card-top{padding:20px}.welcome-card-top h2{font-size:1.5rem}.welcome-card-top p{font-size:1rem}.home-header{padding:20px}.header-content{align-items:center;justify-content:space-between;width:100%}.desktop-logout,.desktop-only{display:none!important}.mobile-logout,.mobile-only{display:flex!important}.mobile-logout{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:44px;justify-content:center;padding:12px;transition:all .3s ease;width:44px}.mobile-logout:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.home-header h1{font-size:2rem}.user-info span{font-size:1rem}.logout-button{font-size:.9rem;height:40px;width:40px}.logout-button svg{height:14px;width:14px}.home-content{gap:20px;grid-template-columns:1fr}.content-pages-card,.dashboard-card,.features-card,.navigation-card,.welcome-card{padding:25px 20px}.content-pages-card h2,.dashboard-card h2,.features-card h2,.navigation-card h2,.welcome-card h2{font-size:1.5rem}.navigation-menu{gap:15px;grid-template-columns:1fr}.nav-item{gap:15px;padding:15px}.nav-icon{font-size:1.5rem}.nav-content h3{font-size:1.1rem}.nav-content p{font-size:.9rem}.dashboard-card p{font-size:1rem}.user-details{padding:15px}.detail-item strong{font-size:.95rem;min-width:70px}.feature-item{padding:12px}.feature-item h4{font-size:1.1rem}.feature-item p{font-size:.9rem}}@media (max-width:480px){.home-container{padding:10px}.welcome-section-top{margin-bottom:20px}.welcome-card-top{padding:15px}.welcome-card-top h2{font-size:1.3rem}.welcome-card-top p{font-size:.95rem}.home-header{padding:15px}.home-header h1{font-size:1.8rem}.header-left{gap:10px}.home-logo{max-height:40px;max-width:40px}.mobile-only{font-size:1rem;padding:8px}.home-header h1{font-size:1.5rem;line-height:1.2}.user-info{flex-direction:column;gap:10px}.user-info span{font-size:.9rem;text-align:center}.logout-button{font-size:.85rem;height:36px;width:36px}.logout-button svg{height:12px;width:12px}.home-content{gap:15px}.content-pages-card,.dashboard-card,.features-card,.navigation-card,.welcome-card{border-radius:8px;padding:20px 15px}.content-pages-card h2,.dashboard-card h2,.features-card h2,.navigation-card h2,.welcome-card h2{font-size:1.3rem;margin-bottom:15px}.navigation-menu{gap:12px}.nav-item{flex-direction:column;gap:12px;padding:12px;text-align:center}.nav-icon{font-size:1.8rem}.nav-content h3{font-size:1rem}.nav-content p{font-size:.85rem}.dashboard-card p{font-size:.95rem;margin-bottom:20px}.user-details{padding:12px}.user-details h3{font-size:1.1rem;margin-bottom:12px}.detail-item{font-size:.9rem;margin-bottom:8px}.detail-item strong{font-size:.9rem;min-width:60px}.feature-list{gap:12px}.feature-item{padding:10px}.feature-item h4{font-size:1rem;margin-bottom:6px}.feature-item p{font-size:.85rem}}@media (max-width:320px){.home-container{padding:8px}.welcome-section-top{margin-bottom:15px}.welcome-card-top{padding:12px}.welcome-card-top h2{font-size:1.2rem}.welcome-card-top p{font-size:.9rem}.home-header{padding:12px}.home-header h1{font-size:1.3rem}.content-pages-card,.dashboard-card,.features-card,.navigation-card,.welcome-card{padding:15px 10px}.content-pages-card h2,.dashboard-card h2,.features-card h2,.navigation-card h2,.welcome-card h2{font-size:1.2rem}.nav-item{gap:10px;padding:10px}.nav-icon{font-size:1.5rem}.nav-content h3{font-size:.95rem}.nav-content p{font-size:.8rem}.user-info span{font-size:.85rem}.logout-button{font-size:.8rem;height:32px;width:32px}.logout-button svg{height:10px;width:10px}}.social-media-footer{margin-top:30px;padding:25px 0;position:relative;text-align:center}.social-links{align-items:center;display:flex;gap:20px;justify-content:center}.social-links:before{color:#2e2e5a;content:"Volg ons op sosiale media:";font-size:1rem;font-weight:600;left:50%;margin-bottom:15px;position:absolute;top:0;transform:translateX(-50%)}.social-link{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border:2px solid #0000;border-radius:25px;box-shadow:0 2px 8px #0000001a;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 18px;text-decoration:none;transition:all .3s ease}.social-link:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-link svg{font-size:1.2rem;transition:color .3s ease}.social-link.facebook{border-color:#1877f233;color:#1877f2}.social-link.facebook:hover{background:linear-gradient(135deg,#1877f2,#0d47a1);border-color:#1877f2;color:#fff}.social-link.instagram{border-color:#e4405f33;color:#e4405f}.social-link.instagram:hover{background:linear-gradient(135deg,#e4405f,#c13584);border-color:#e4405f;color:#fff}.social-link.snapscan{border:none;color:#00a86b;cursor:pointer}.social-link.snapscan:hover{background:linear-gradient(135deg,#00a86b,#008a5a);border-color:#00a86b;color:#fff}.snapscan-modal-overlay{background:#000c;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:1000}.snapscan-modal-content,.snapscan-modal-overlay{align-items:center;display:flex;justify-content:center}.snapscan-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;padding:20px}.snapscan-qr-image{border-radius:8px;cursor:default;height:auto;max-height:70vh;max-width:100%}@media (max-width:768px){.snapscan-modal-content{margin:20px;padding:15px}.snapscan-qr-image{max-height:60vh}.social-media-footer{margin-top:25px;padding:20px 0}.social-links:before{color:#2e2e5a;font-size:.9rem;top:0}.social-links{flex-direction:column;gap:15px;margin-top:25px}.social-link{justify-content:center;max-width:200px;padding:10px 16px;width:100%}.social-link svg{font-size:1.1rem}}@media (max-width:480px){.social-media-footer{margin-top:20px;padding:15px 0}.social-links:before{color:#2e2e5a;font-size:.85rem}.social-links{margin-top:20px}.social-link{font-size:.85rem;padding:8px 14px}.social-link svg{font-size:1rem}}.navigation-menu.restricted-content{position:relative}.restriction-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ff00001a;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.restriction-content{background:#fffffff2;border:2px solid #ff00004d;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:30px;text-align:center}.lock-icon{color:#dc3545;font-size:3rem;margin-bottom:15px}.restriction-content h3{color:#dc3545;font-size:1.4rem;margin:0 0 10px}.restriction-content p{color:#666;font-size:1rem;line-height:1.5;margin:0}.restricted-content .nav-item{opacity:.4;pointer-events:none}@media (max-width:768px){.restriction-content{margin:10px;padding:20px}.lock-icon{font-size:2.5rem}.restriction-content h3{font-size:1.2rem}.restriction-content p{font-size:.9rem}}@media (max-width:480px){.restriction-content{padding:15px}.lock-icon{font-size:2rem}.restriction-content h3{font-size:1.1rem}.restriction-content p{font-size:.8rem}}.news-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.news-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.news-header,.news-header h1{align-items:center;display:flex}.news-header h1{color:#2e2e5a;font-size:2.5rem;font-weight:700;gap:15px;margin:0}.add-news-button{align-items:center;background:linear-gradient(135deg,#2e2e5a,#1a1a3a);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.add-news-button:hover{box-shadow:0 3px 15px #2e2e5a66;transform:translateY(-1px)}.news-content{grid-gap:30px;display:grid;gap:30px}.news-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.news-card h2{border-bottom:3px solid #c8963e;color:#2e2e5a;font-size:1.8rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.news-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.news-list{display:flex;flex-direction:column;gap:20px}.news-item{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;padding:20px}.news-header-item{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.news-meta{display:flex;flex-direction:column;gap:5px}.news-date{align-items:center;color:#c8963e;display:flex;font-size:.9rem;font-weight:600;gap:5px}.news-author{color:#666;font-size:.8rem;font-style:italic}.delete-news-button{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.delete-news-button:hover{background:#c82333;transform:scale(1.1)}.news-item h3{color:#2e2e5a;font-size:1.4rem;margin:0 0 15px}.news-content-item{margin:0}.news-content-item p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 10px}.news-content-item p:last-child{margin-bottom:0}.error-message,.loading,.no-news{color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}.modal-header{border-bottom:1px solid #eee}.modal-header h2{color:#2e2e5a;font-size:1.5rem;margin:0}.close-modal-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.close-modal-button:hover{background:#f5f5f5;color:#333}.add-news-form{padding:30px}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:6px;transition:border-color .3s ease}.form-group textarea{font-family:inherit}.modal-actions{gap:15px;margin-top:30px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 3px 15px #c8963e66}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.news-container{padding:15px}.news-header{padding:20px}.header-content{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:space-between}.news-header h1{font-size:2rem}.add-news-button{font-size:.8rem;padding:10px 16px}.news-card{padding:25px 20px}.news-card h2{font-size:1.5rem}.news-item{padding:15px}.news-item h3{font-size:1.2rem}.news-header-item{align-items:flex-start;flex-direction:column;gap:10px}.modal-overlay{padding:10px}.modal-header{padding:15px 20px}.add-news-form{padding:20px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{padding:14px 20px}}@media (max-width:480px){.news-container{padding:10px}.news-header{padding:15px}.news-header h1{font-size:1.5rem;gap:10px}.add-news-button{font-size:.7rem;padding:8px 12px}.news-card{padding:20px 15px}.news-card h2{font-size:1.3rem}.news-item{padding:12px}.news-item h3{font-size:1.1rem}.news-content-item p{font-size:.95rem}.modal-overlay{padding:5px}.modal-header{padding:15px}.modal-header h2{font-size:1.3rem}.add-news-form{padding:15px}}.user-details-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.user-details-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.user-details-header h1{align-items:center;color:#2e2e5a;display:flex;font-size:2.5rem;font-weight:700;gap:15px;margin:0}.user-details-content{display:flex;flex-direction:column;gap:30px}.profile-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.profile-card h2{border-bottom:3px solid #c8963e;color:#2e2e5a;font-size:1.8rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.profile-details-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px}.profile-column{display:flex;flex-direction:column;gap:12px}.left-column{border-right:2px solid #e9ecef;padding-right:30px}.right-column{padding-left:30px}.profile-item{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;font-size:1rem;padding:15px;transition:all .3s ease;word-break:break-word}.profile-item:hover{box-shadow:0 4px 12px #c8963e26;transform:translateY(-2px)}.profile-item strong{color:#2e2e5a;display:inline-block;font-weight:600;margin-right:8px;min-width:120px}.profile-item:has(strong:contains("E-pos")),.profile-item:has(strong:contains("Naam")),.profile-item:has(strong:contains("Rol")){background:linear-gradient(135deg,#e8f5e8,#d4edda);border-left-color:#28a745}.password-action-section{display:flex;justify-content:center;margin-top:30px;padding:20px}.change-password-button{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:10px;box-shadow:0 4px 15px #c8963e4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.change-password-button:hover{background:linear-gradient(135deg,#b8862e,#a8761e);box-shadow:0 6px 20px #c8963e66;transform:translateY(-2px)}.change-password-button:active{transform:translateY(0)}.change-password-btn{background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:20px auto;padding:12px 30px;transition:all .3s ease}.change-password-btn:hover{background:linear-gradient(135deg,#b8862e,#a8761e);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.close-button:hover{background-color:#f0f0f0}.password-form{padding:30px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 50px 12px 16px;transition:border-color .3s ease;width:100%}.password-input-wrapper input:focus{border-color:#c8963e;outline:none}.password-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:5px;position:absolute;right:12px;transition:color .3s ease}.password-toggle:hover{color:#c8963e}.form-group small{font-size:.85rem;margin-top:5px}.message{margin:20px 0;padding:12px 16px}.message.success{background-color:#d4edda}.message.error{background-color:#f8d7da}.form-actions button{padding:12px 25px;transition:background-color .3s ease,transform .2s ease}.form-actions button:not(.primary){background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.form-actions button:not(.primary):hover{background:#e9ecef;color:#495057}.form-actions button.primary:hover{box-shadow:0 4px 15px #c8963e4d;transform:translateY(-1px)}.form-actions button:disabled{transform:none!important}@media (max-width:768px){.user-details-container{padding:12px}.user-details-header{border-radius:8px;padding:18px}.user-details-header h1{font-size:1.8rem;gap:12px}.page-logo{max-height:40px;max-width:40px}.back-button{height:38px;padding:10px;width:38px}.user-details-content{gap:20px}.profile-card{border-radius:8px;padding:20px 16px}.profile-card h2{font-size:1.4rem;margin-bottom:16px}.profile-details-grid{gap:16px;grid-template-columns:1fr}.left-column{border-bottom:2px solid #e9ecef;border-right:none;margin-bottom:8px;padding-bottom:16px;padding-right:0}.right-column{padding-left:0;padding-top:8px}.profile-item{padding:14px}.profile-item strong{font-size:.95rem;min-width:110px}.change-password-btn{font-size:1rem;padding:14px 24px}.modal-overlay{padding:15px}.modal-header{padding:15px 20px}.password-form{padding:20px}}@media (max-width:480px){.user-details-container{padding:8px}.user-details-header{margin-bottom:16px;padding:12px}.header-left{gap:10px}.user-details-header h1{font-size:1.4rem;gap:8px}.page-logo{max-height:32px;max-width:32px}.back-button{font-size:.9rem;height:34px;padding:8px;width:34px}.profile-card{border-radius:6px;padding:16px 12px}.profile-card h2{font-size:1.2rem;margin-bottom:14px;padding-bottom:8px}.profile-details-grid{gap:12px}.left-column{margin-bottom:6px;padding-bottom:12px}.right-column{padding-top:6px}.profile-item{border-radius:6px;display:flex;flex-direction:column;font-size:.9rem;gap:4px;padding:12px 10px}.profile-item strong{color:#c8963e;font-size:.85rem;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px;margin-right:0;min-width:0;min-width:auto;text-transform:uppercase}.change-password-btn{font-size:.9rem;margin:12px auto;max-width:280px;padding:12px 20px;width:calc(100% - 24px)}.modal-overlay{padding:8px}.modal-content{border-radius:8px;margin:0;max-height:95vh}.modal-header{padding:12px}.modal-header h3{font-size:1.1rem}.close-button{font-size:.9rem;height:28px;width:28px}.password-form{padding:12px}.form-group{margin-bottom:16px}.form-group label{font-size:.9rem;margin-bottom:6px}.password-input-wrapper input{border-radius:6px;font-size:16px;padding:12px 45px 12px 12px}.password-toggle{font-size:.9rem;right:12px}.form-group small{font-size:.8rem;margin-top:4px}.message{border-radius:6px;font-size:.9rem;margin:16px 0;padding:10px 12px}.form-actions{flex-direction:column;gap:8px;margin-top:20px}.form-actions button{border-radius:6px;font-size:.9rem;padding:12px 16px;width:100%}}@media (max-width:360px){.user-details-container{padding:6px}.user-details-header{padding:10px}.user-details-header h1{flex-direction:column;font-size:1.2rem;gap:6px;text-align:center}.header-content{flex-direction:column;gap:10px}.header-left{flex-direction:column;gap:8px}.profile-card{padding:12px 8px}.profile-item{font-size:.85rem;padding:10px 8px}.profile-item strong{font-size:.7rem}.change-password-btn{font-size:.85rem;padding:10px 16px}}.calendar-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.calendar-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.add-event-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.add-event-button:hover{box-shadow:0 4px 15px #c8963e4d;transform:translateY(-1px)}.calendar-header h1{align-items:center;color:#2e2e5a;display:flex;font-size:2.5rem;font-weight:700;gap:15px;margin:0}.calendar-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.calendar-card,.calendar-events-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.calendar-header-month{margin-bottom:20px}.month-navigation{justify-content:space-between;margin-bottom:20px}.month-navigation,.nav-button{align-items:center;display:flex}.nav-button{background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;justify-content:center;padding:12px 15px;transition:all .3s ease}.nav-button:hover{box-shadow:0 4px 15px #c8963e4d;transform:translateY(-1px)}.nav-button:active{transform:translateY(0)}.month-title{align-items:center;display:flex;flex-direction:column;gap:8px}.month-title h2{color:#2e2e5a;font-size:1.8rem;margin:0;text-align:center}.current-month-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.current-month-button:hover{background:#218838;transform:translateY(-1px)}.calendar-events-card h2{border-bottom:3px solid #c8963e;color:#2e2e5a;font-size:1.8rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.filter-info{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #2e2e5a;border-radius:8px;color:#333;display:flex;font-size:.95rem;gap:10px;margin-bottom:20px;padding:12px 15px}.clear-filter-button{background:#2e2e5a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.clear-filter-button:hover{background:#1a1a3a;box-shadow:0 2px 6px #2e2e5a4d;transform:translateY(-1px)}.calendar-grid{width:100%}.calendar-weekdays{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:1px}.weekday{background:#2e2e5a;color:#fff;font-size:.9rem;font-weight:600;padding:10px;text-align:center}.calendar-days{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:flex-start;background:#f8f9fa;border:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:flex-start;min-height:80px;padding:8px;position:relative;transition:all .2s ease}.calendar-day.clickable{cursor:pointer}.calendar-day.clickable:hover{background:#e3f2fd;box-shadow:0 2px 8px #0000001a;transform:scale(1.02)}.calendar-day.today{background:linear-gradient(135deg,#c8963e,#b8862e);color:#fff}.calendar-day.selected{background:linear-gradient(135deg,#2e2e5a,#1a1a3a);border:2px solid #c8963e;color:#fff}.calendar-day.today.selected{background:linear-gradient(135deg,#c8963e,#b8862e);border:2px solid #2e2e5a}.calendar-day.selected .day-number,.calendar-day.today .day-number{color:#fff;font-weight:700}.calendar-day.has-event{background:linear-gradient(135deg,#e8eaf6,#f3e5f5)}.calendar-day.has-event.clickable:hover{background:linear-gradient(135deg,#d1c4e9,#e1bee7)}.calendar-day.today.has-event{background:linear-gradient(135deg,#c8963e,#b8862e)}.calendar-day.selected.has-event{background:linear-gradient(135deg,#2e2e5a,#1a1a3a)}.day-number{color:#2e2e5a;font-size:1rem;font-weight:600}.event-indicators{display:flex;flex-wrap:wrap;gap:2px;margin-top:5px}.event-dot{background:#2e2e5a;border-radius:50%;height:6px;width:6px}.calendar-day.today .event-dot{background:#fff}.calendar-day.selected .event-dot{background:#c8963e}.month-events{gap:15px}.events-list,.month-events{display:flex;flex-direction:column}.events-list{gap:20px}.event-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;display:flex;gap:20px;padding:20px;position:relative}.event-actions{align-items:flex-end;display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:10px}.delete-button,.edit-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:8px 10px;transition:background-color .3s ease,transform .2s ease}.edit-button{background:#17a2b8;color:#fff}.edit-button:hover{background:#138496;transform:translateY(-1px)}.delete-button{background:#dc3545;color:#fff}.delete-button:hover{background:#c82333;transform:translateY(-1px)}.event-date{background:#2e2e5a;border-radius:8px;color:#fff;flex-shrink:0;min-width:80px;padding:15px;text-align:center}.event-day{font-size:1.8rem;font-weight:700;line-height:1}.event-month{font-size:.9rem;font-weight:600;margin-top:5px;text-transform:uppercase}.event-details{flex:1 1}.event-details h3{color:#2e2e5a;font-size:1.4rem;margin:0 0 10px}.event-details p{color:#666;font-size:.95rem;line-height:1.4;margin:5px 0}.event-meta{border-top:1px solid #e0e0e0;color:#888;font-size:.85rem;margin-top:10px;padding-top:8px}.month-event{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;padding:15px}.month-event-date{color:#c8963e;font-size:.9rem;font-weight:600;margin-bottom:5px}.month-event-title{color:#2e2e5a;font-size:1.1rem;font-weight:600;margin-bottom:3px}.month-event-time{color:#666;font-size:.9rem}@media (max-width:768px){.calendar-container{padding:15px}.calendar-header{padding:20px}.calendar-header h1{font-size:2rem}.header-actions{gap:10px}.add-event-button{font-size:.85rem;padding:10px 15px}.calendar-content{gap:20px;grid-template-columns:1fr}.calendar-card,.calendar-events-card{padding:25px 20px}.calendar-events-card h2,.calendar-header-month h2{font-size:1.5rem}.month-navigation{gap:15px}.nav-button{font-size:1rem;padding:10px 12px}.calendar-day{min-height:60px;padding:6px}.weekday{font-size:.8rem;padding:8px}.day-number{font-size:.9rem}.event-dot{height:5px;width:5px}.event-item{flex-direction:column;gap:15px;padding:15px}.event-date{align-self:flex-start;min-width:70px;padding:12px}.event-day{font-size:1.5rem}.event-details h3{font-size:1.2rem}.event-actions{justify-content:flex-end;margin-top:10px;position:static}.calendar-day.clickable:hover{background:#e3f2fd;transform:none}.calendar-day.has-event.clickable:hover{background:linear-gradient(135deg,#d1c4e9,#e1bee7)}.filter-info{align-items:flex-start;flex-direction:column;font-size:.9rem;gap:8px;text-align:left}.clear-filter-button{align-self:flex-start;font-size:.8rem;padding:5px 10px}.modal-overlay{padding:10px}.modal-header{padding:15px 20px}.modal-header h3{font-size:1.3rem}.event-form{padding:20px}.form-row{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:480px){.calendar-container{padding:10px}.calendar-header{padding:15px}.calendar-header h1{font-size:1.5rem;gap:10px}.calendar-card,.calendar-events-card{padding:20px 15px}.calendar-events-card h2,.calendar-header-month h2{font-size:1.3rem}.calendar-day{min-height:50px;padding:4px}.weekday{font-size:.75rem;padding:6px}.day-number{font-size:.8rem}.event-dot{height:4px;width:4px}.month-event{padding:12px}.month-event-title{font-size:1rem}.month-event-date,.month-event-time{font-size:.85rem}}.loading-message{color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}.birthdays-list{display:flex;flex-direction:column;gap:15px}.birthday-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:10px;display:flex;gap:20px;padding:15px;transition:all .3s ease}.birthday-item:hover{box-shadow:0 4px 15px #c8963e26;transform:translateY(-1px)}.birthday-date{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:8px;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;min-width:50px;padding:8px}.birthday-day{font-size:1.4rem;line-height:1;margin-bottom:2px}.birthday-month{font-size:.8rem;opacity:.9;text-transform:uppercase}.birthday-details{flex:1 1}.birthday-details h3{color:#2e2e5a;font-size:1.1rem;font-weight:600;margin:0 0 5px}.birthday-details p{color:#666;font-size:.9rem;margin:0}.birthday-details strong{color:#c8963e;font-weight:600}.calendar-birthdays-section{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border:1px solid #c8963e;border-radius:8px;margin-top:20px;padding:18px}.calendar-birthdays-section h3{align-items:center;color:#2e2e5a;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 18px}.calendar-birthdays-section h3:before{content:"🎂";font-size:1.3rem}.loading-message-small{color:#666;padding:15px}.loading-message-small,.no-birthdays{font-size:1rem;font-style:italic;text-align:center}.no-birthdays{color:#999;margin:0}.birthdays-list-compact{display:flex;flex-direction:column;gap:12px}.birthday-item-compact{align-items:center;background:#fff;border-left:4px solid #c8963e;border-radius:8px;display:flex;gap:15px;padding:12px 15px;transition:all .2s ease}.birthday-item-compact:hover{background:#fafafa;box-shadow:0 2px 8px #c8963e26;transform:translateX(3px)}.birthday-date-compact{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;min-width:36px}.birthday-details-compact{align-items:center;display:flex;flex:1 1;gap:10px}.birthday-name{color:#2e2e5a;font-size:1rem;font-weight:500}.birthday-age{color:#c8963e;font-size:.9rem;font-weight:600}.modal-content{box-shadow:0 10px 30px #0003}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 30px}.modal-header h3{align-items:center;display:flex;gap:10px}.close-button{border-radius:50%;color:#999;transition:color .3s ease,background-color .3s ease}.close-button:hover{background:#f0f0f0;color:#666}.event-form{padding:30px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{margin-bottom:6px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;color:#888;cursor:not-allowed}.form-group textarea{min-height:80px}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 15px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-actions{border-top:1px solid #e0e0e0}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.form-actions button[type=button]{background:#6c757d;color:#fff}.form-actions button[type=button]:hover:not(:disabled){background:#5a6268}.form-actions button.primary{background:linear-gradient(135deg,#c8963e,#b8862e);color:#fff}.form-actions button.primary:hover:not(:disabled){box-shadow:0 4px 15px #c8963e4d;transform:translateY(-1px)}.month-event-description{color:#777;font-size:.9rem;line-height:1.4;margin-top:5px}.color-preview{border:2px solid #ddd;border-radius:50%;display:inline-block;height:25px;margin-left:10px;transition:all .3s ease;vertical-align:middle;width:25px}.form-group select{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:1rem;padding:10px;transition:border-color .3s ease}.form-group select:focus{border-color:#5a67d8;box-shadow:0 0 0 2px #5a67d81a;outline:none}.form-group select:disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.6}.event-date{transition:all .3s ease}.event-item:hover .event-date{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.teebeurt-preview{color:#666;display:block;font-size:.9rem;font-style:italic;margin-top:5px}.about-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.about-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.about-header,.about-header h1{align-items:center;display:flex}.about-header h1{color:#2e2e5a;font-size:2.5rem;font-weight:700;gap:15px;margin:0}.about-content{display:flex;flex-direction:column;gap:30px}.about-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px;transition:transform .2s ease,box-shadow .2s ease}.about-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.card-icon{color:#c8963e;font-size:2rem}.about-card h2{color:#2e2e5a;font-size:1.8rem;font-weight:700;margin:0}.about-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:0}.values-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.value-item{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;padding:20px}.value-item h3{color:#2e2e5a;font-size:1.3rem;font-weight:600;margin:0 0 10px}.value-item p{color:#666;font-size:1rem;line-height:1.5;margin:0}.community-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.stat-item h3{color:#2e2e5a;font-size:1.3rem;font-weight:600;margin:0 0 10px}.stat-item p{color:#666;font-size:1rem;line-height:1.5;margin:0}.staff-list{display:flex;flex-direction:column;gap:40px;margin-top:25px}.staff-row{grid-gap:30px;align-items:stretch;display:grid;gap:30px}.staff-row.first-row{grid-template-columns:repeat(3,1fr)}.staff-row.second-row{grid-template-columns:repeat(4,1fr)}.staff-member{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:12px;display:flex;flex-direction:column;height:100%;min-height:280px;padding:25px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.staff-member:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.staff-photo{margin-bottom:20px}.staff-photo img{background:#f0f0f0;border:3px solid #c8963e;border-radius:50%;height:80px;object-fit:cover;width:80px}.staff-info{align-items:center;display:flex;flex:1 1;flex-direction:column;width:100%}.staff-info h3{color:#2e2e5a;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 8px;text-align:center}.staff-info h4{color:#c8963e;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0 0 20px;text-align:center;text-transform:uppercase}.contact-details{flex-direction:column;margin-top:auto;width:100%}.contact-detail,.contact-details{align-items:center;display:flex;gap:8px}.contact-detail{color:#666;font-size:.9rem;justify-content:center}.contact-icon{color:#c8963e;flex-shrink:0;font-size:.85rem;width:14px}.contact-card{background:linear-gradient(135deg,#2e2e5a,#1a1a3a);color:#fff}.contact-card h2{color:#fff;font-size:2rem;margin-bottom:30px;text-align:center}.contact-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:20px;text-align:center}.contact-item h3{color:#c8963e;font-size:1.3rem;font-weight:600;margin:0 0 15px}.contact-item p{color:#ffffffe6;line-height:1.5;margin:0}@media (max-width:1024px){.staff-row.first-row{gap:25px;grid-template-columns:repeat(3,1fr)}.staff-row.second-row{gap:25px;grid-template-columns:repeat(2,1fr)}.staff-member{min-height:260px;padding:20px}.staff-photo img{height:70px;width:70px}.staff-info h3{font-size:1.1rem}.staff-info h4{font-size:.85rem}}@media (max-width:768px){.about-container{padding:15px}.about-header{padding:20px}.about-header h1{font-size:2rem}.about-card{padding:25px 20px}.card-header{flex-direction:column;gap:10px;text-align:center}.about-card h2{font-size:1.5rem}.community-stats,.contact-info,.values-list{gap:20px;grid-template-columns:1fr}.staff-list{gap:30px}.staff-row.first-row,.staff-row.second-row{gap:20px;grid-template-columns:repeat(2,1fr)}.staff-member{min-height:240px;padding:18px}.staff-photo{margin-bottom:15px}.staff-photo img{height:65px;width:65px}.staff-info h3{font-size:1.05rem;margin-bottom:6px}.staff-info h4{font-size:.8rem;margin-bottom:15px}.contact-detail{font-size:.85rem}}@media (max-width:480px){.about-container{padding:10px}.about-header{padding:15px}.about-header h1{font-size:1.5rem;gap:10px}.about-card{padding:20px 15px}.about-card h2{font-size:1.3rem}.card-icon{font-size:1.5rem}.about-card p{font-size:1rem}.value-item{padding:15px}.value-item h3{font-size:1.1rem}.value-item p{font-size:.9rem}.stat-item{padding:15px}.stat-item h3{font-size:1.1rem}.stat-item p{font-size:.9rem}.contact-card h2{font-size:1.5rem}.contact-item{padding:15px}.contact-item h3{font-size:1.1rem}.contact-item p{font-size:.9rem}.staff-row.first-row,.staff-row.second-row{gap:15px;grid-template-columns:1fr}.staff-member{min-height:220px;padding:15px}.staff-photo{margin-bottom:12px}.staff-photo img{height:60px;width:60px}.staff-info h3{font-size:1rem;margin-bottom:5px}.staff-info h4{font-size:.75rem;margin-bottom:12px}.contact-detail{font-size:.8rem}.contact-icon{font-size:.75rem;width:12px}}.admin-section{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #c8963e}.admin-controls{display:flex;gap:10px;justify-content:flex-end}.add-note-btn{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-note-btn:hover{box-shadow:0 4px 15px #c8963e66;transform:translateY(-2px)}.note-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c8963e;box-shadow:0 0 0 3px #c8963e1a;outline:none}.form-group textarea{line-height:1.6}.content-editor{position:relative}.editor-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.insert-verse-btn{align-items:center;background:linear-gradient(135deg,#2e2e5a,#c8963e);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.insert-verse-btn:hover{box-shadow:0 3px 10px #2e2e5a4d;transform:translateY(-1px)}.editor-help{color:#666;font-size:.85rem;font-style:italic;margin:5px 0 0}.modal-overlay{background:#000000b3}.modal-header{border-bottom:2px solid #e0e0e0;padding:20px 25px}.modal-header h3{font-size:1.3rem}.modal-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:5px;transition:all .2s ease}.modal-close-btn:hover{background:#f0f0f0;color:#333}.modal-body{padding:25px}.verse-search-form{flex-direction:column}.form-row,.verse-search-form{display:flex;gap:15px}.form-row .form-group{flex:1 1}.modal-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:2px solid #e0e0e0;padding:20px 25px}.insert-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.insert-btn:hover{box-shadow:0 3px 12px #28a7454d;transform:translateY(-1px)}.bible-verse-section{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:10px;padding:20px}.bible-verse-section h3{color:#2e2e5a;font-size:1.2rem;margin:0 0 15px}.verse-search-inputs{display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.verse-search-inputs input,.verse-search-inputs select{border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;min-width:120px;padding:10px}.search-verse-btn{align-items:center;background:linear-gradient(135deg,#2e2e5a,#c8963e);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.search-verse-btn:hover{box-shadow:0 3px 10px #2e2e5a4d;transform:translateY(-1px)}.added-verses{margin-top:20px}.added-verses h4{color:#2e2e5a;margin:0 0 10px}.verse-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 15px}.remove-verse-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 8px;transition:all .2s ease}.remove-verse-btn:hover{background:#c82333;transform:scale(1.1)}.form-actions{border-top:2px solid #e0e0e0}.save-btn{background:linear-gradient(135deg,#28a745,#20c997);padding:12px 24px}.save-btn:hover{box-shadow:0 4px 15px #28a7454d}.cancel-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover{box-shadow:0 4px 15px #6c757d4d;transform:translateY(-2px)}.note-header-content{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.note-header-content>div:first-child{align-items:center;display:flex;gap:15px}.note-actions{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;background:none;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:8px;transition:all .3s ease}.edit-btn{border-color:#c8963e;color:#c8963e}.edit-btn:hover{background:#c8963e;color:#fff;transform:scale(1.1)}.delete-btn{border-color:#dc3545;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.note-meta{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;margin-bottom:20px;padding:15px}.note-meta p{align-items:center;color:#2e2e5a;display:flex;font-weight:500;gap:8px;margin:5px 0}.note-date{font-size:1rem}.note-author{color:#666!important;font-size:.9rem}.note-content{color:#333;font-size:1.1rem;line-height:1.8}.verse-link{border-radius:4px;color:#c8963e;cursor:pointer;display:inline-block;font-weight:600;padding:2px 4px;text-decoration:underline;transition:all .3s ease}.verse-link:hover{background:#c8963e1a;color:#2e2e5a}.floating-verse-modal{max-width:400px;pointer-events:none;position:absolute;z-index:1000}.floating-modal-content{background:#fff;border:2px solid #c8963e;border-radius:8px;box-shadow:0 8px 25px #00000026;font-size:.9rem;padding:15px}.floating-modal-content h4{border-bottom:1px solid #e0e0e0;color:#2e2e5a;font-size:1rem;margin:0 0 10px;padding-bottom:5px}.floating-modal-content .verse-text{line-height:1.4;margin:5px 0}.verse-content-mobile{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #c8963e;border-radius:8px;box-shadow:0 2px 10px #c8963e1a;display:block;margin:8px 0;max-width:100%;padding:10px}.verse-content-mobile .verse-text{color:#2e2e5a;font-size:.9rem;line-height:1.5;margin:5px 0}.verse-content-mobile .verse-text strong{color:#c8963e;font-weight:700}.verse-toggle-btn{align-items:center;background:linear-gradient(135deg,#c8963e,#2e2e5a);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:4px;margin:0 2px;padding:4px 8px;transition:all .3s ease}.verse-toggle-btn:hover{box-shadow:0 2px 8px #c8963e66;transform:translateY(-1px)}.verse-toggle-icon{font-size:.8rem}.verse-content{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #c8963e;border-radius:8px;box-shadow:0 2px 10px #c8963e1a;display:block;margin:8px 0;max-width:500px;padding:15px;width:100%}.verse-text{color:#2e2e5a;font-size:1rem;line-height:1.6;margin:8px 0}.verse-text strong{color:#c8963e;font-weight:700}.loading-container{font-size:1.1rem;padding:40px 20px;text-align:center}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-actions,.modal-body,.modal-header{padding:15px}.form-row{flex-direction:column}.modal-actions{flex-direction:column-reverse}.cancel-btn,.insert-btn{justify-content:center;width:100%}.editor-toolbar,.insert-verse-btn{justify-content:center}.insert-verse-btn{width:100%}.verse-search-form{align-items:stretch}.verse-search-form,.verse-search-inputs{flex-direction:column}.verse-search-inputs input,.verse-search-inputs select{min-width:auto;width:100%}.search-verse-btn{justify-content:center;width:100%}.form-actions{flex-direction:column}.cancel-btn,.save-btn{justify-content:center;width:100%}.note-header-content{flex-direction:column;gap:15px}.note-actions{align-self:flex-end}.verse-content{max-width:100%}.add-note-btn,.admin-controls{justify-content:center}.add-note-btn{width:100%}}@media (max-width:480px){.bible-verse-section{padding:15px}.note-meta{padding:12px}.verse-item{align-items:flex-start;flex-direction:column;gap:10px}.remove-verse-btn{align-self:flex-end}.note-content{font-size:1rem}.verse-toggle-btn{font-size:.85rem;padding:3px 6px}.verse-content{padding:12px}.modal-header h3{font-size:1.1rem}}.translation-selector-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;margin-bottom:20px;padding:15px 20px}.translation-selector{align-items:center;display:flex;gap:10px;margin:0 auto;max-width:1200px}.translation-selector label{color:#036;font-size:16px;font-weight:600;white-space:nowrap}.translation-dropdown{background:#fff;border:2px solid #036;border-radius:6px;color:#036;cursor:pointer;font-size:14px;min-width:250px;padding:8px 12px;transition:all .3s ease}.translation-dropdown:hover{border-color:#0056b3;box-shadow:0 2px 4px #0363}.translation-dropdown:focus{border-color:#0056b3;box-shadow:0 0 0 3px #0056b31a;outline:none}@media (max-width:768px){.translation-selector{align-items:stretch;flex-direction:column;gap:8px}.translation-selector label{font-size:14px}.translation-dropdown{min-width:0;min-width:auto;width:100%}}.verse-loading{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#036;height:24px;width:24px}.verse-loading p{color:#036;font-size:14px;margin:0}.pitkos-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.pitkos-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:30px;padding:20px 30px;width:100%}.pitkos-header h1{align-items:center;color:#2e2e5a;display:flex;font-size:2.5rem;font-weight:700;gap:15px;margin:0}.pitkos-content{grid-gap:30px;display:grid;gap:30px}.pitkos-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.pitkos-card h2{border-bottom:3px solid #c8963e;color:#2e2e5a;font-size:1.8rem;margin-top:0;padding-bottom:10px}.pitkos-card h2,.pitkos-search-container{margin-bottom:20px}.pitkos-search-form{display:flex;gap:10px;margin-bottom:10px}.pitkos-search-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.pitkos-search-input:focus{border-color:#c8963e;outline:none}.pitkos-search-button{background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.pitkos-search-button:hover{box-shadow:0 4px 12px #c8963e4d;transform:translateY(-2px)}.pitkos-clear-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.pitkos-clear-button:hover{background:#5a6268}.pitkos-search-info{background:#e8eaf6;border-left:4px solid #c8963e;border-radius:4px;color:#2e2e5a;font-weight:500;padding:8px 16px}.pitkos-load-more{border-top:2px solid #f0f0f0;margin-top:30px;padding-top:20px;text-align:center}.load-more-button{background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;min-width:200px;padding:14px 32px;transition:all .3s ease}.load-more-button:hover:not(:disabled){box-shadow:0 6px 20px #c8963e66;transform:translateY(-2px)}.load-more-button:disabled{cursor:not-allowed;opacity:.6}.pitkos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.pitkos-block{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border:2px solid #e0e0e0;border-left:4px solid #c8963e;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;position:relative;transition:all .3s ease}.pitkos-block:hover{background:linear-gradient(135deg,#fff,#f0f2ff);border-color:#c8963e;box-shadow:0 8px 25px #c8963e4d;transform:translateY(-3px)}.pitkos-block-date{align-items:center;color:#c8963e;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:12px}.pitkos-block-title{color:#2e2e5a;flex-grow:1;font-size:1.1rem;font-weight:700;letter-spacing:.5px;line-height:1.4;text-align:center;text-transform:uppercase}.pitkos-block-title,.pitkos-modal-backdrop{align-items:center;display:flex;justify-content:center}.pitkos-modal-backdrop{animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pitkos-modal{animation:modalSlideIn .3s ease forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;transform:scale(.9);width:100%}.pitkos-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-bottom:2px solid #f0f0f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 30px 20px}.pitkos-modal-header h2{color:#2e2e5a;flex:1 1;font-size:1.5rem;font-weight:700;margin:0;padding-right:20px}.pitkos-modal-close{align-items:center;background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pitkos-modal-close:hover{background:#ff3742;transform:scale(1.1)}.pitkos-modal-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.pitkos-modal-meta{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px}.pitkos-modal-date{align-items:center;color:#c8963e;display:flex;font-size:.95rem;font-weight:600;gap:8px}.pitkos-modal-from{color:#666;font-size:.9rem;font-style:italic}.pitkos-modal-body{flex:1 1;line-height:1.6;padding:30px}.pitkos-modal-body img{border-radius:8px;display:block!important;height:auto!important;margin:20px auto!important;max-width:100%!important}.pitkos-modal-body p{color:#333;font-size:1rem;margin:0 0 15px}.pitkos-modal-body h1,.pitkos-modal-body h2,.pitkos-modal-body h3{color:#2e2e5a;margin:20px 0 10px}@media (max-width:768px){.pitkos-modal{margin:10px;max-height:95vh}.pitkos-modal-header{padding:20px 20px 16px}.pitkos-modal-header h2{font-size:1.3rem;padding-right:15px}.pitkos-modal-meta{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 20px}.pitkos-modal-body{padding:20px}}.pitkos-item{background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;padding:20px}.pitkos-header-item{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.pitkos-meta{display:flex;flex-direction:column;gap:5px}.pitkos-date{align-items:center;color:#c8963e;display:flex;font-size:.9rem;font-weight:600;gap:5px}.pitkos-from{color:#666;font-size:.8rem;font-style:italic}.pitkos-item h3{color:#2e2e5a;font-size:1.4rem;margin:0 0 15px}.pitkos-content-item{margin:0}.pitkos-content-item p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 10px}.pitkos-content-item p:last-child{margin-bottom:0}.pitkos-content-item img{margin:20px auto!important}.pitkos-content-item div,.pitkos-content-item img{text-align:center!important}.pitkos-image-center{margin:15px 0!important;text-align:center!important;width:100%!important}.pitkos-image-center,.pitkos-image-center img{display:block!important;position:static!important}.pitkos-image-center img{margin:0 auto!important}.pitkos-content-item img,.pitkos-image-center img{height:auto!important;left:auto!important;max-width:100%!important;right:auto!important;transform:none!important}.pitkos-content-item img{display:block!important;margin:15px auto!important;position:static!important}.pitkos-content-item table{margin:0 auto!important}.pitkos-content-item table,.pitkos-content-item td{position:static!important;text-align:center!important}.pitkos-content-item div:has(img),.pitkos-content-item p:has(img){text-align:center!important}.error-message,.loading,.no-pitkos{color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}.error-message{background:#f8d7da;border-radius:6px}@media (max-width:768px){.pitkos-container{padding:15px}.pitkos-header{padding:20px}.header-content{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:center}.pitkos-header h1{font-size:2rem}.pitkos-card{padding:25px 20px}.pitkos-card h2{font-size:1.5rem}.pitkos-search-form{flex-direction:column}.pitkos-clear-button,.pitkos-search-button,.pitkos-search-input{width:100%}.pitkos-grid{gap:15px;grid-template-columns:1fr}.pitkos-block{min-height:100px;padding:16px}.pitkos-block-title{font-size:1rem}.load-more-button{width:100%}.pitkos-item{padding:15px}.pitkos-item h3{font-size:1.2rem}.pitkos-header-item{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.pitkos-container{padding:10px}.pitkos-header{padding:15px}.pitkos-header h1{font-size:1.5rem;gap:10px}.pitkos-card{padding:20px 15px}.pitkos-card h2{font-size:1.3rem}.pitkos-grid{gap:12px}.pitkos-block{min-height:90px;padding:14px}.pitkos-block-title{font-size:.95rem}.pitkos-block-date{font-size:.85rem}.pitkos-item{padding:12px}.pitkos-item h3{font-size:1.1rem}.pitkos-content-item p{font-size:.95rem}}.preke-container{-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0 auto;max-width:1200px;min-height:100vh;overscroll-behavior:contain;padding:20px;-webkit-user-select:none;user-select:none}.preke-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;justify-content:center;margin-bottom:30px;padding:20px 30px;touch-action:manipulation;width:100%}.preke-header,.preke-header h1{align-items:center;display:flex}.preke-header h1{color:#2e2e5a;font-size:2.5rem;font-weight:700;gap:15px;margin:0}.preke-content{grid-gap:30px;display:grid;gap:30px}.preke-loading{color:#666;font-size:1.1rem}.preke-error,.preke-loading{padding:40px 20px;text-align:center}.preke-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px}.preke-empty{color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}.preke-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.preke-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border:2px solid #e0e0e0;border-left:4px solid #c8963e;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:20px;text-align:center;transition:all .3s ease}.preke-card:hover{background:linear-gradient(135deg,#fff,#f0f2ff);border-color:#c8963e;box-shadow:0 8px 25px #c8963e4d;transform:translateY(-3px)}.preke-card.error{background:linear-gradient(135deg,#ffeaea,#ffe8e8);border-left-color:#e74c3c}.preke-card.error:hover{border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c4d}.preke-card.locked{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-left-color:#666;opacity:.8}.preke-card.locked:hover{background:linear-gradient(135deg,#f8f8f8,#eee);border-color:#666;box-shadow:0 8px 25px #6666664d}.preke-card.locked .preke-card-icon{color:#666}.preke-card-locked{color:#666;font-size:.9rem;font-style:italic;margin:.5rem 0 0}.preke-card-expiration{color:#f39c12}.preke-card-expiration,.preke-card-expired{font-size:.85rem;font-weight:600;margin:.5rem 0 0;text-align:center}.preke-card-expired{color:#e74c3c;font-style:italic}.preke-card-icon{color:#c8963e;margin-bottom:15px}.preke-card.error .preke-card-icon{color:#e74c3c}.preke-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;width:100%}.preke-card-title{align-items:center;color:#2e2e5a;display:flex;flex-grow:1;font-size:1.1rem;font-weight:700;justify-content:center;letter-spacing:.5px;line-height:1.4;margin:0;text-align:center;text-transform:uppercase}.preke-card-date{color:#c8963e;font-size:.9rem;font-style:italic;font-weight:600;margin:8px 0 0;text-align:center}.preke-card-error{color:#e74c3c;font-size:.9rem;font-style:italic;margin:.5rem 0 0}.preke-modal-overlay{align-items:center;animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;bottom:0;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transform:translateZ(0);will-change:opacity;z-index:9999}.preke-modal,.preke-modal-overlay{-webkit-touch-callout:none;display:flex;-webkit-user-select:none;user-select:none}.preke-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1) forwards;background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 80px #0006;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;transform:scale(.8) translateY(30px);transform:translateZ(0) scale(.8) translateY(30px);width:95%;will-change:transform,opacity}@keyframes fadeIn{to{opacity:1}}.preke-modal-content{animation:modalSlideIn .3s ease forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;transform:scale(.9);width:100%}.preke-modal-header{align-items:center;background:linear-gradient(135deg,#2e2e5a,#4a90e2);border-radius:20px 20px 0 0;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.preke-modal-header h2,.preke-modal-header h3{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0}.preke-modal-header .modal-date{background:#ffffff26;border-radius:15px;color:#c8963e;font-size:1rem;font-style:italic;font-weight:600;margin-left:10px;padding:4px 12px}.preke-modal-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.preke-modal-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.preke-modal-header .preke-warnings{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;box-sizing:border-box;margin:0;padding:12px 15px;width:100%}.preke-modal-header .preke-warnings h4{color:#856404;font-size:.9rem;font-weight:600;margin:0 0 8px}.preke-modal-header .preke-warnings ul{margin:0;padding-left:20px}.preke-modal-header .preke-warnings li{color:#856404;font-size:.85rem;line-height:1.4;margin-bottom:3px}.preke-modal-body{flex:1 1;line-height:1.7;max-height:calc(90vh - 120px);overflow-y:auto;padding:30px 40px}.preke-modal-error{color:#e74c3c;padding:2rem;text-align:center}.preke-modal-error p{font-size:1.1rem;margin-top:1rem}.access-request-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1) forwards,accessRequestPulse 2s ease-in-out 1s infinite;max-width:500px}@keyframes accessRequestPulse{0%,to{box-shadow:0 25px 80px #0006,0 0 0 0 #dc3545b3}50%{box-shadow:0 25px 80px #0006,0 0 0 4px #dc35454d}}.access-request-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.cancel-request-btn,.request-access-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .3s ease}.request-access-btn{background:linear-gradient(135deg,#28a745,#20a135);color:#fff}.request-access-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.request-access-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-request-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.cancel-request-btn:hover:not(:disabled){background:linear-gradient(135deg,#545b62,#4e555b);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.preke-content-html,.preke-content-wrapper{-webkit-touch-callout:none;position:relative;-webkit-user-select:none;user-select:none}.preke-content-html{-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;color:#333;font-size:1.05rem;line-height:1.7;max-width:100%;padding:0 20px;pointer-events:auto;text-align:justify;word-spacing:.1em;z-index:1}.content-protection-overlay{-webkit-touch-callout:none;background:#0000;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:2}.preke-content-html.content-blurred{filter:blur(10px);-webkit-filter:blur(10px);pointer-events:none;transition:filter .3s ease}.dev-tools-warning{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#dc3545f2;border:2px solid #dc3545;border-radius:12px;box-shadow:0 4px 20px #0000004d;color:#fff;font-size:1.1rem;font-weight:600;left:50%;padding:20px 30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.dev-tools-warning p{color:#fff;margin:0}.preke-content-html *,.preke-content-html :after,.preke-content-html :before{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;-webkit-user-select:none!important;user-select:none!important}@media print{.preke-content-html{display:none!important}.preke-container:before{color:red;content:"Hierdie inhoud mag nie gedruk word nie. Kontak 'n administrateur vir toestemming.";display:block;font-family:Arial,sans-serif;font-size:24px;padding:50px;text-align:center}}.preke-content-html h1,.preke-content-html h2,.preke-content-html h3,.preke-content-html h4,.preke-content-html h5,.preke-content-html h6{color:#2e2e5a;font-weight:700;margin:20px 0 10px}.preke-content-html h1{border-bottom:2px solid #c8963e;font-size:2rem;padding-bottom:10px}.preke-content-html h2{font-size:1.6rem}.preke-content-html h3{font-size:1.3rem}.preke-content-html p{color:#333;font-size:1.05rem;line-height:1.7;margin:0 0 18px;text-align:justify;white-space:pre-line}.preke-content-html ol,.preke-content-html ul{margin:15px 0;padding-left:2rem}.preke-content-html li{margin-bottom:5px}.preke-content-html strong{color:#2e2e5a;font-weight:700}.preke-content-html em{color:#c8963e;font-style:italic}.preke-content-html blockquote{background:#f8f9fa;border-left:4px solid #c8963e;color:#666;font-style:italic;margin:20px 0;padding:15px 20px}.preke-content-html img{border-radius:8px;display:block!important;height:auto!important;margin:20px auto!important;max-width:100%!important}.preke-warnings{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:20px;padding:15px}.preke-warnings h4{color:#856404;font-size:1rem;margin:0 0 10px}.preke-warnings ul{margin:0;padding-left:20px}.preke-warnings li{color:#856404;font-size:.9rem;margin-bottom:5px}@media (max-width:768px){.preke-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:15px}.preke-header{padding:20px;touch-action:manipulation}.header-content{align-items:stretch;flex-direction:column;gap:15px}.preke-header h1{font-size:2rem}.preke-content{gap:20px}.preke-grid{gap:15px;grid-template-columns:1fr}.preke-card{-webkit-tap-highlight-color:rgba(0,0,0,.1);cursor:pointer;min-height:100px;padding:16px;touch-action:manipulation}.preke-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.preke-card-title{font-size:1rem}.preke-modal{-webkit-overflow-scrolling:touch;margin:10px;overscroll-behavior:contain;padding:10px}.preke-modal-content{-webkit-overflow-scrolling:touch;max-height:95vh}.preke-modal-header{padding:20px 20px 16px}.preke-modal-header h2{font-size:1.3rem;margin-bottom:12px}.preke-modal-header .preke-warnings{padding:10px 12px}.preke-modal-header .preke-warnings h4{font-size:.85rem}.preke-modal-header .preke-warnings li{font-size:.8rem}.preke-modal-body{padding:20px}}@media (max-width:480px){.preke-container{padding:10px}.preke-header{padding:15px}.preke-header h1{font-size:1.5rem;gap:10px}.preke-grid{gap:12px}.preke-card{min-height:90px;padding:14px}.preke-card-title{font-size:.95rem}.preke-modal-header{padding:15px 15px 12px}.preke-modal-header h2{font-size:1.1rem;margin-bottom:10px}.preke-modal-header .preke-warnings{padding:8px 10px}.preke-modal-header .preke-warnings h4{font-size:.8rem}.preke-modal-header .preke-warnings li{font-size:.75rem}.preke-modal-body{padding:15px}}.upload-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:10px;box-shadow:0 3px 12px #4a90e233;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;margin-right:15px;padding:12px 24px;transition:all .3s ease}.upload-button:hover{background:linear-gradient(135deg,#357abd,#2e6ba8);box-shadow:0 5px 20px #4a90e259;transform:translateY(-3px)}.upload-button:active{transform:translateY(-1px)}.upload-button svg{font-size:1.1rem}.header-right{align-items:center;display:flex}.upload-section{margin-bottom:25px;text-align:center}.file-input-label{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px dashed #4a90e2;border-radius:15px;box-shadow:0 2px 8px #4a90e21a;color:#4a90e2;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:15px;justify-content:center;min-height:120px;padding:40px 30px;text-align:center;transition:all .3s ease}.file-input-label:hover{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-color:#357abd;box-shadow:0 4px 15px #4a90e233;color:#357abd;transform:translateY(-2px)}.file-input-label svg{font-size:2.5rem;margin-bottom:10px}.file-input{display:none}.upload-drop-zone{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px dashed #4a90e2;border-radius:15px;display:flex;justify-content:center;min-height:150px;padding:40px 30px;text-align:center;transition:all .3s ease}.upload-drop-zone:hover{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-color:#357abd}.upload-drop-zone.dragging{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;border-style:solid;box-shadow:0 4px 20px #28a74533;transform:scale(1.02)}.upload-drop-zone .file-input-label{align-items:center;background:#0000;border:none;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;gap:15px;min-height:auto;padding:0;width:100%}.upload-drop-zone .file-input-label:hover{background:#0000;box-shadow:none;transform:none}.drop-text{color:#4a90e2;font-size:1.1rem;font-weight:600}.file-type-hint{color:#666;font-size:.9rem;font-weight:400}.selected-files-list{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;margin-top:20px;padding:15px}.selected-files-list h4{color:#2e2e5a;font-size:1rem;margin:0 0 10px}.selected-files-list ul{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.selected-file-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:10px 15px;transition:all .2s ease}.selected-file-item:last-child{margin-bottom:0}.selected-file-item:hover{background:#f0f8ff;border-color:#4a90e2}.selected-file-item svg:first-child{color:#c8963e;font-size:1.2rem}.selected-file-item .file-name{color:#333;flex:1 1;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:none;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s ease}.remove-file-btn:hover{background:#dc35451a;transform:scale(1.1)}.upload-modal .preke-modal-body{padding:25px}.selected-file{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;box-shadow:0 2px 8px #28a74526;color:#155724;display:flex;font-size:1.05rem;font-weight:600;gap:12px;justify-content:center;margin-top:20px;padding:15px 20px}.selected-file svg{color:#28a745;font-size:1.5rem}.upload-actions{border-top:2px solid #e9ecef;gap:15px;margin-top:30px;padding-top:20px}.upload-actions,.upload-btn{display:flex;justify-content:center}.upload-btn{align-items:center;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:10px;box-shadow:0 3px 12px #28a74533;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;gap:10px;min-width:160px;padding:15px 30px;transition:all .3s ease}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 5px 20px #28a7454d;transform:translateY(-3px)}.upload-btn:disabled{box-shadow:0 2px 8px #28a7451a;cursor:not-allowed;opacity:.6;transform:none}.cancel-upload-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:10px;box-shadow:0 3px 12px #6c757d33;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;min-width:160px;padding:15px 30px;transition:all .3s ease}.cancel-upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 5px 20px #6c757d4d;transform:translateY(-3px)}.cancel-upload-btn:disabled{box-shadow:0 2px 8px #6c757d1a;cursor:not-allowed;opacity:.6;transform:none}.preke-modal-header h3{align-items:center;color:#fff;display:flex;flex:1 1;font-size:1.8rem;font-weight:700;gap:12px;margin:0;text-align:center}.preke-modal-body{background:#fafbfc;border-radius:0 0 20px 20px;padding:30px}@media (max-width:768px){.upload-button{font-size:.9rem;margin-right:10px;padding:10px 15px}.preke-modal{border-radius:15px;margin:10px;max-width:calc(100vw - 20px);transform:translateZ(0);will-change:transform}.preke-modal-overlay{transform:translateZ(0);will-change:opacity}.preke-modal-header{border-radius:15px 15px 0 0;padding:20px}.preke-modal-header h3{font-size:1.5rem}.preke-modal-body{border-radius:0 0 15px 15px;min-height:200px;padding:20px}.preke-content-html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6;padding:0 10px}.file-input-label{font-size:1rem;min-height:100px;padding:30px 20px}.file-input-label svg{font-size:2rem}.upload-actions{flex-direction:column}.cancel-upload-btn,.upload-btn{justify-content:center;padding:15px;width:100%}}.preke-card{position:relative}.preke-card-actions{position:absolute;right:10px;top:10px;z-index:2}.delete-preek-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:40px;justify-content:center;opacity:0;pointer-events:none;transform:scale(.8);transition:all .3s ease;width:40px}.preke-card:hover .delete-preek-btn{opacity:1;pointer-events:auto;transform:scale(1)}.delete-preek-btn:hover{background:#c82333;box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.delete-preek-btn:active{transform:scale(.95)}.delete-modal .preke-modal-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.delete-modal .preke-modal-header h3{color:#fff}.delete-confirmation{padding:20px 0;text-align:center}.warning-icon{color:#dc3545;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));margin-bottom:20px}.delete-warning{color:#2e2e5a;font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:15px}.delete-note{color:#666;font-size:.95rem;font-style:italic;line-height:1.4;margin-bottom:30px}.delete-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.cancel-delete-btn,.confirm-delete-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.confirm-delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 2px 8px #dc35454d;color:#fff}.confirm-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc354566;transform:translateY(-2px)}.confirm-delete-btn:active{transform:translateY(0)}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-delete-btn{background:#6c757d;box-shadow:0 2px 8px #6c757d4d;color:#fff}.cancel-delete-btn:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}.cancel-delete-btn:active{transform:translateY(0)}.cancel-delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.delete-preek-btn,.preke-card-actions{opacity:1;pointer-events:auto}.delete-preek-btn{font-size:.8rem;height:35px;transform:scale(1);width:35px}.delete-actions{flex-direction:column;gap:10px}.cancel-delete-btn,.confirm-delete-btn{min-width:0;min-width:auto;padding:15px;width:100%}.delete-warning{font-size:1rem}.delete-note{font-size:.9rem}}.preke-card,.preke-modal-body,.preke-modal-header{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.preke-content-html ::selection,.preke-content-html::selection{background:#0000!important}.preke-content-html ::-moz-selection,.preke-content-html::-moz-selection{background:#0000!important}.preke-content-html img{-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;pointer-events:none!important}.preke-container *,.preke-content-html img{-webkit-user-select:none!important;user-select:none!important}.preke-container *{-webkit-touch-callout:none!important}.preke-content-html :focus{background:#0000!important;outline:none!important}.preke-modal-body::-webkit-scrollbar{width:6px}.preke-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.preke-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.preke-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media screen and (-webkit-max-device-pixel-ratio:1.5625),screen and (max-resolution:150dpi){.preke-content-html{zoom:1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}.preke-content-html,.preke-content-html *{translate:no}@media (max-width:768px){.preke-content-html{-webkit-user-drag:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}.preke-content-html,.preke-content-html *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.preke-content-html:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}}.aktuele-sake-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.aktuele-sake-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:30px;padding:20px 30px;width:100%}.header-content{max-width:1200px}.header-actions{flex-shrink:0}.aktuele-sake-header h1{align-items:center;color:#2e2e5a;display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0}@media (max-width:768px){.articles-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.article-card{min-height:160px;padding:15px}.article-title{font-size:1rem}.article-preview{font-size:.85rem}.article-admin-actions{right:10px;top:10px}.search-input{font-size:.9rem;padding:10px 40px 10px 12px}.search-input::placeholder{font-size:.85rem}}.header-actions{gap:15px}.add-article-button{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.add-article-button:hover{background:linear-gradient(135deg,#d4a148,#c8963e);box-shadow:0 4px 12px #c8963e66;transform:translateY(-2px)}.back-button{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#2e2e5a;font-size:1.2rem;padding:12px 15px;transition:all .3s ease}.back-button:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;color:#1e1e4a;transform:translateY(-1px)}.aktuele-sake-content{margin:0 auto;max-width:1200px}.aktuele-sake-card{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;min-height:500px;padding:40px}.aktuele-sake-card>p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:40px;text-align:center}.search-container{margin-bottom:30px}.search-input-wrapper{margin:0 auto;max-width:500px;position:relative}.search-input{background:#fff;border:2px solid #e9ecef;border-radius:25px;box-shadow:0 2px 4px #0000000d;padding:12px 45px 12px 15px;transition:all .3s ease}.search-input:focus{border-color:#2e2e5a;box-shadow:0 4px 12px #2e2e5a26}.search-input::placeholder{color:#999;font-style:italic}.search-icon{color:#999;font-size:1.1rem;pointer-events:none;right:15px}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;font-weight:500;padding:12px 16px}.loading{font-size:1.1rem}.loading,.no-articles{color:#666;padding:60px 20px;text-align:center}.no-articles p{font-size:1.2rem;margin-bottom:30px}.articles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.article-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;min-height:180px;padding:20px;position:relative;transition:all .3s ease}.article-card:hover{border-color:#2c5aa0;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.article-card-content{display:flex;flex-direction:column;height:100%}.article-date{color:#666;font-size:.85rem;font-weight:500;margin-bottom:10px}.article-title{-webkit-line-clamp:2;line-clamp:2;color:#2e2e5a;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 12px}.article-preview,.article-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-preview{-webkit-line-clamp:3;line-clamp:3;color:#555;flex-grow:1;font-size:.9rem;line-height:1.4;margin:0}.article-admin-actions{display:flex;gap:8px;opacity:0;position:absolute;right:15px;top:15px;transition:opacity .3s ease}.article-card:hover .article-admin-actions{opacity:1}.article-admin-actions .btn-delete,.article-admin-actions .btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.article-admin-actions .btn-edit{background:#e3f2fd;color:#1976d2}.article-admin-actions .btn-edit:hover{background:#bbdefb}.article-admin-actions .btn-delete{background:#ffebee;color:#d32f2f}.article-admin-actions .btn-delete:hover{background:#ffcdd2}.external-link{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.external-link:hover{background:linear-gradient(135deg,#d4a148,#c8963e);box-shadow:0 4px 12px #c8963e4d;color:#fff;transform:translateY(-1px)}.modal-overlay{background:#0009}.modal-content{border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:25px 30px 20px}.modal-header h3{color:#2e2e5a;font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:5px;transition:all .2s ease}.close-button:hover{background:#f5f5f5;color:#333}.article-form{padding:30px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:.95rem;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#c8963e;box-shadow:0 0 0 3px #c8963e1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group small{color:#666;display:block;font-size:.8rem;margin-top:4px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d4a148,#c8963e);box-shadow:0 4px 12px #c8963e4d}.btn-primary:disabled{box-shadow:none;transform:none}.btn-secondary{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#495057}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.aktuele-sake-container{padding:15px}.header-content{flex-direction:column;text-align:center}.aktuele-sake-header h1{font-size:1.6rem}.add-article-button span{display:none}.aktuele-sake-card{padding:25px 20px}.articles-grid{gap:20px;grid-template-columns:1fr}.article-card{padding:20px}.article-header{align-items:flex-start;flex-direction:column;gap:10px}.article-actions{align-self:flex-end}.article-footer{align-items:stretch;flex-direction:column;gap:15px}.external-link{justify-content:center;text-align:center}.modal-overlay{padding:10px}.modal-content{max-height:95vh}.article-form,.modal-header{padding:20px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.page-logo{height:40px;width:40px}.aktuele-sake-header h1{font-size:1.4rem}.add-article-button{font-size:.9rem;padding:10px 15px}.back-button{padding:10px 12px}.aktuele-sake-card{padding:20px 15px}.article-card{padding:15px}.article-header h3{font-size:1.2rem}.article-form,.modal-header{padding:15px}}.article-view-modal{max-width:600px;width:90%}.article-view-content{padding:0 25px 25px}.article-meta-info{align-items:center;background:#f8f9fa;border-radius:8px;color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;padding:15px}.article-description-full{margin-bottom:25px}.article-description-full p{color:#555;font-size:1rem;line-height:1.6;margin:0 0 15px}.article-description-full p:last-child{margin-bottom:0}.article-external-link{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.external-link-button{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:8px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.external-link-button:hover{background:linear-gradient(135deg,#d4a148,#c8963e);box-shadow:0 4px 12px #c8963e4d;transform:translateY(-2px)}@media (max-width:768px){.article-view-modal{max-width:none;width:95%}.article-view-content{padding:0 20px 20px}.article-meta-info{flex-direction:column;gap:8px;text-align:center}.external-link-button{font-size:.9rem;padding:10px 20px}}.admin-panel-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.admin-panel-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px 30px}.admin-panel-header,.header-content{align-items:center;display:flex;justify-content:space-between}.header-content{width:100%}.header-left{align-items:center;display:flex;flex:1 1;gap:15px}.page-logo{height:auto;max-height:50px;max-width:50px;width:auto}.admin-panel-header h1{align-items:center;color:#2e2e5a;display:flex;font-size:2.5rem;font-weight:700;gap:15px;margin:0}.back-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:44px;justify-content:center;padding:12px;text-decoration:none;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;width:44px}.back-button:hover{box-shadow:0 3px 15px #c8963e66;transform:translateY(-1px) scale(1.05)}.admin-panel-content{display:flex;flex-direction:column;gap:30px}.admin-stats-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.admin-stats-card h2{align-items:center;border-bottom:3px solid #c8963e;color:#2e2e5a;display:flex;font-size:1.8rem;gap:10px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8eaf6);border-left:4px solid #c8963e;border-radius:8px;display:flex;flex-direction:column;padding:20px}.stat-number{color:#2e2e5a;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:1rem;text-align:center}.users-management-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.search-section{margin-bottom:30px}.search-container{max-width:500px;position:relative}.search-icon{color:#666;font-size:1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 15px 12px 45px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.search-input:focus{border-color:#c8963e;box-shadow:0 0 0 3px #c8963e1a;outline:none}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#c8963e;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.error-message{color:#d32f2f;font-size:1.1rem;margin-bottom:20px;text-align:center}.retry-button{background:linear-gradient(135deg,#2e2e5a,#1e1e4a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.retry-button:hover{box-shadow:0 2px 10px #2e2e5a4d;transform:translateY(-1px)}.users-table-container{background:#f8f9fa;border-radius:8px;overflow:hidden}.users-table-header{background:linear-gradient(135deg,#2e2e5a,#1e1e4a);color:#fff;padding:15px 20px}.users-table-header h3{align-items:center;display:flex;font-size:1.2rem;gap:10px;margin:0}.users-table{max-height:600px;overflow-y:auto;width:100%}.users-data-table{background:#fff;border-collapse:collapse;width:100%}.users-data-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.users-data-table th{color:#2e2e5a;font-size:.95rem;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.users-data-table td{border-bottom:1px solid #e0e0e0;padding:15px 12px;vertical-align:middle}.user-row{transition:background-color .2s ease}.user-row:hover{background-color:#f8f9fa}.user-row:last-child td{border-bottom:none}.col-avatar{text-align:center;width:60px}.col-avatar .fa-solid{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:50%;color:#fff;display:inline-flex;font-size:1rem;height:40px;justify-content:center;width:40px}.col-id{color:#666;font-family:monospace;font-size:.9rem;width:60px}.col-name{color:#2e2e5a;font-weight:600;min-width:180px}.col-email{color:#666;min-width:220px;word-break:break-word}.col-role{width:120px}.col-date{color:#666;font-size:.9rem;width:180px}.no-users{color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}.user-role{border-radius:4px;font-weight:600;padding:4px 8px;text-transform:uppercase}.role-admin{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.role-member{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.role-elder{background:#fff8e1;border:1px solid #ffcc02;color:#f57c00}.role-deacon{background:#e8f5e8;border:1px solid #a5d6a7;color:#2e7d32}.role-visitor{background:#f3e5f5;border:1px solid #ce93d8;color:#7b1fa2}.col-actions{text-align:center;width:140px}.action-buttons{gap:5px}.action-btn,.action-buttons{align-items:center;display:flex;justify-content:center}.action-btn{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;height:32px;padding:6px 8px;transition:all .2s ease;width:32px}.action-btn:disabled{cursor:not-allowed;opacity:.4}.action-btn:not(:disabled):hover{box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.role-btn{border-color:#2196f3;color:#2196f3}.role-btn:not(:disabled):hover{background:#2196f3;color:#fff}.reset-btn{border-color:#ff9800;color:#ff9800}.reset-btn:not(:disabled):hover{background:#ff9800;color:#fff}.delete-btn{border-color:#f44336;color:#f44336}.delete-btn:not(:disabled):hover{background:#f44336;color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:30px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{color:#2e2e5a;font-size:1.5rem;margin-bottom:20px;margin-top:0}.modal-content p{color:#666;line-height:1.5;margin-bottom:20px}.role-selection{margin-bottom:25px}.role-selection label{color:#2e2e5a;display:block;font-weight:600;margin-bottom:8px}.role-select{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:10px;transition:border-color .3s ease;width:100%}.role-select:focus{border-color:#c8963e;box-shadow:0 0 0 3px #c8963e1a;outline:none}.warning-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.95rem;margin:15px 0;padding:15px}.delete-modal .warning-message{background:#f8d7da;border:1px solid #f1aeb5;color:#721c24}.revoke-details{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin:15px 0;padding:15px}.revoke-details p{font-size:.95rem;margin:8px 0}.revoke-details strong{color:#2e2e5a;font-weight:600}.temp-password-display{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;margin:15px 0;padding:20px}.temp-password{background:#fff;border:2px dashed #2196f3;border-radius:6px;font-family:monospace;font-size:1.2rem;letter-spacing:2px;margin-bottom:15px;padding:15px;text-align:center;word-break:break-all}.password-instructions{color:#1565c0;font-size:.9rem}.password-instructions p{margin:8px 0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#c8963e,#b8862e);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 3px 10px #c8963e66;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#666}.btn-secondary:hover{background:#e9ecef;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-danger:hover{box-shadow:0 3px 10px #f4433666;transform:translateY(-1px)}.access-denied-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:60px 40px;text-align:center}.access-denied-icon{color:#d32f2f;font-size:4rem;margin-bottom:30px}.access-denied-card h2{color:#2e2e5a;font-size:2rem;margin-bottom:20px}.access-denied-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.back-home-button{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.back-home-button:hover{box-shadow:0 3px 15px #c8963e66;transform:translateY(-1px)}@media (max-width:768px){.admin-panel-container{padding:15px}.admin-panel-header{padding:20px}.admin-panel-header h1{font-size:2rem}.admin-stats-card,.users-management-card{padding:25px 20px}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-number{font-size:2rem}.search-container{max-width:100%}.users-data-table{font-size:.9rem}.users-data-table td,.users-data-table th{padding:10px 8px}.col-avatar{width:50px}.col-avatar .fa-solid{font-size:.9rem;height:35px;width:35px}.col-id{font-size:.8rem;width:50px}.col-name{font-size:.9rem;min-width:140px}.col-email{font-size:.85rem;min-width:180px}.col-role{width:100px}.col-date{font-size:.8rem;width:140px}.col-actions{width:100px}.action-buttons{gap:3px}.action-btn{font-size:.75rem;height:28px;padding:4px;width:28px}.user-role{font-size:.7rem;padding:3px 6px}.access-denied-card{padding:40px 25px}.access-denied-icon{font-size:3rem}.access-denied-card h2{font-size:1.5rem}}@media (max-width:480px){.admin-panel-container{padding:10px}.admin-panel-header{padding:15px}.admin-panel-header h1{font-size:1.5rem;gap:10px}.admin-stats-card,.users-management-card{padding:20px 15px}.search-input{font-size:.95rem;padding:10px 12px 10px 40px}.search-icon{font-size:.9rem;left:12px}.users-data-table{font-size:.8rem}.users-data-table td,.users-data-table th{padding:8px 6px}.col-avatar{width:40px}.col-avatar .fa-solid{font-size:.8rem;height:30px;width:30px}.col-id{font-size:.75rem;width:40px}.col-name{font-size:.8rem;min-width:120px}.col-email{font-size:.75rem;min-width:150px}.col-role{width:80px}.col-date{font-size:.7rem;width:120px}.col-actions{width:90px}.action-buttons{gap:2px}.action-btn{font-size:.7rem;height:26px;padding:3px;width:26px}.user-role{font-size:.65rem;padding:2px 4px}.modal-content{margin:10px;padding:20px}.modal-content h3{font-size:1.3rem}.modal-actions{flex-direction:column;gap:10px}.btn-danger,.btn-primary,.btn-secondary{justify-content:center;width:100%}.users-table{max-height:400px}.access-denied-card{padding:30px 20px}.access-denied-card p{font-size:1rem}}.admin-tabs{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:5px;margin-bottom:20px;padding:5px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:15px 25px;position:relative;transition:all .3s ease}.tab-button:hover{background:#f0f0f0;color:#2e2e5a}.tab-button.active{background:linear-gradient(135deg,#c8963e,#b8862e);color:#fff}.notification-badge{background:#e74c3c;border-radius:10px;color:#fff;font-size:.75rem;margin-left:5px;min-width:18px;padding:2px 6px;text-align:center}.file-management-section{grid-gap:20px;display:grid;gap:20px}.file-permissions-card,.file-requests-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.file-permissions-card h3,.file-requests-card h3{align-items:center;color:#2e2e5a;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 20px}.requests-list{grid-gap:15px;display:grid;gap:15px}.request-item{align-items:center;background:#f8f9fa;border-left:4px solid #c8963e;border-radius:8px;display:flex;justify-content:space-between;padding:20px}.request-info h4{color:#2e2e5a;font-size:1.1rem;margin:0 0 5px}.request-info p{color:#666;margin:5px 0}.request-date{font-size:.9rem;font-style:italic}.request-actions{display:flex;gap:10px}.approve-btn,.reject-btn,.revoke-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:5px;padding:8px 15px;transition:all .3s ease}.approve-btn{background:linear-gradient(135deg,#28a745,#20a135);color:#fff}.approve-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.reject-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.reject-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.revoke-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.revoke-btn:hover{background:linear-gradient(135deg,#545b62,#4e555b);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.permissions-table{overflow-x:auto}.permissions-table table{border-collapse:collapse;margin-top:10px;width:100%}.permissions-table td,.permissions-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.permissions-table th{background:#f8f9fa;color:#2e2e5a;font-weight:700}.permissions-table tr:hover{background:#f8f9fa}@media (max-width:768px){.admin-tabs{flex-direction:column}.tab-button{justify-content:center;padding:12px 20px}.request-item{align-items:stretch;flex-direction:column;gap:15px}.request-actions{justify-content:center}.permissions-table{font-size:.9rem}.permissions-table td,.permissions-table th{padding:8px 6px}}.feedback-message{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1001}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.success-message svg:first-child{color:#28a745}.error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.error-message svg:first-child{color:#dc3545}.feedback-message p{flex:1 1;font-size:.9rem;line-height:1.4;margin:0}.close-message-btn{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;opacity:.7;padding:2px;transition:all .2s ease}.close-message-btn:hover{background:#0000001a;opacity:1}.user-editing-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.user-editing-container{display:grid;grid-template-columns:1fr 2fr;min-height:600px}.user-list-panel{background:#f8f9fa;border-right:1px solid #e9ecef;padding:20px}.user-list-panel h3{align-items:center;color:#2e2e5a;display:flex;font-size:1.2rem;gap:8px;margin-bottom:15px}.user-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.user-item{background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:12px 15px;transition:all .2s ease}.user-item:hover{background:#f0f0f0;transform:translateX(2px)}.user-item.selected{background:#fff9f0;border-color:#c8963e}.user-name{color:#2e2e5a;font-size:1rem;font-weight:600}.user-email{color:#666;font-size:.85rem;margin-top:2px}.user-role{color:#c8963e;font-size:.8rem;font-weight:500;margin-top:3px}.user-edit-panel{background:#fff;padding:30px}.edit-form-container h3{align-items:center;color:#2e2e5a;display:flex;font-size:1.4rem;gap:10px;margin-bottom:25px}.edit-form{gap:20px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2e2e5a;font-size:1rem;font-weight:600}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#c8963e;box-shadow:0 0 0 3px #c8963e1a;outline:none}.wyk-buttons{background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;display:flex;overflow:hidden;padding:4px;position:relative;transition:border-color .2s ease}.wyk-buttons:hover{border-color:#c8963e}.wyk-buttons:before{background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:20px;bottom:4px;box-shadow:0 2px 8px #c8963e4d;content:"";left:4px;position:absolute;top:4px;transform:translateX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);width:10%;z-index:1}.wyk-buttons[data-selected="0"]:before{transform:translateX(25px)}.wyk-buttons[data-selected="1"]:before{transform:translateX(85px)}.wyk-buttons[data-selected="2"]:before{transform:translateX(145px)}.wyk-buttons[data-selected="3"]:before{transform:translateX(205px)}.wyk-buttons[data-selected="4"]:before{transform:translateX(265px)}.wyk-buttons[data-selected="5"]:before{transform:translateX(325px)}.wyk-buttons[data-selected="6"]:before{transform:translateX(385px)}.wyk-buttons[data-selected="7"]:before{transform:translateX(445px)}.wyk-buttons[data-selected="8"]:before{transform:translateX(505px)}.wyk-buttons[data-selected="9"]:before{transform:translateX(565px)}.wyk-button{align-items:center;background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;height:40px;justify-content:center;position:relative;transition:all .3s ease;z-index:2}.wyk-button.active{color:#fff;text-shadow:0 1px 2px #0000001a}.wyk-button:not(.active):hover{color:#2e2e5a;transform:scale(1.05)}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-group label{color:#2e2e5a;font-size:1rem;font-weight:600;margin-bottom:8px}.aktief-toggle{background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;display:flex;overflow:hidden;padding:4px;position:relative;transition:border-color .2s ease}.aktief-toggle:hover{border-color:#c8963e}.aktief-toggle:before{background:linear-gradient(135deg,#c8963e,#b8862e);border-radius:20px;bottom:4px;box-shadow:0 2px 8px #c8963e4d;content:"";position:absolute;top:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:1}.aktief-toggle.inactive:before{transform:translateX(0)}.aktief-toggle.active:before{transform:translateX(100%)}.toggle-option{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;position:relative;transition:all .3s ease;z-index:2}.toggle-option.active{color:#fff;text-shadow:0 1px 2px #0000001a}.toggle-option:not(.active):hover{color:#2e2e5a}.form-actions{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.save-btn{align-items:center;background:linear-gradient(135deg,#c8963e,#b8862e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#b8862e,#a8761e);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-selection{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-selection svg{color:#c8963e;margin-bottom:20px}.no-selection h3{color:#2e2e5a;margin-bottom:10px}.no-selection p{color:#666;line-height:1.6}@media (max-width:768px){.user-editing-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.user-list-panel{border-bottom:1px solid #e9ecef;border-right:none;max-height:300px}.user-list{max-height:200px}.user-edit-panel{padding:20px}}@media (max-width:480px){.user-editing-container{min-height:auto}.user-edit-panel,.user-list-panel{padding:15px}.edit-form-container h3{font-size:1.2rem}}.users-table-full-width{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.users-table-full-width .users-table-header{align-items:center;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;display:flex;justify-content:space-between;padding:20px}.users-table-full-width .users-table-header h3{align-items:center;display:flex;gap:8px;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.clear-filters-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.clear-filters-btn:hover{background:#ffffff4d}.toggle-filters-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.toggle-filters-btn:hover{background:#ffffff40;transform:translateY(-1px)}.users-table-full-width .users-data-table{border-collapse:collapse;width:100%}.filter-row{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:table-row}.filter-column,.filter-spacer{display:table-cell;padding:12px 16px;text-align:center;vertical-align:middle}.wyk-filter-span{padding:12px 20px;width:auto}.wyk-filter-span .wyk-buttons{background-color:#f8f9fa;border-radius:25px;display:flex;margin:0 auto;max-width:500px;overflow:hidden;padding:4px;position:relative}.wyk-filter-span .wyk-buttons:before{background:linear-gradient(135deg,#b8860b,#daa520);border-radius:20px;content:"";height:calc(100% - 8px);left:4px;opacity:0;position:absolute;top:4px;transition:transform .3s ease;width:calc(10% - .8px)}.wyk-filter-span .wyk-buttons[data-selected]:not([data-selected=""]):before{opacity:1}.wyk-filter-span .wyk-buttons[data-selected="0"]:before{transform:translateX(1px)}.wyk-filter-span .wyk-buttons[data-selected="1"]:before{transform:translateX(49px)}.wyk-filter-span .wyk-buttons[data-selected="2"]:before{transform:translateX(97px)}.wyk-filter-span .wyk-buttons[data-selected="3"]:before{transform:translateX(147px)}.wyk-filter-span .wyk-buttons[data-selected="4"]:before{transform:translateX(196px)}.wyk-filter-span .wyk-buttons[data-selected="5"]:before{transform:translateX(244px)}.wyk-filter-span .wyk-buttons[data-selected="6"]:before{transform:translateX(293px)}.wyk-filter-span .wyk-buttons[data-selected="7"]:before{transform:translateX(341px)}.wyk-filter-span .wyk-buttons[data-selected="8"]:before{transform:translateX(391px)}.wyk-filter-span .wyk-buttons[data-selected="9"]:before{transform:translateX(439px)}.wyk-filter-span .wyk-button{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;flex:1 1;font-weight:600;height:40px;position:relative;transition:color .3s ease;z-index:2}.wyk-filter-span .wyk-button.active{color:#fff}.funktionaris-buttons{align-items:stretch;display:flex;flex-direction:column;gap:2px;justify-content:center;width:140px}.funktionaris-buttons .filter-btn{border-radius:8px;font-size:9px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap;width:100%}.filter-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:16px;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;padding:6px 10px;text-align:center;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,#b8860b,#daa520);border-color:#b8860b;box-shadow:0 2px 6px #b8860b4d;color:#fff}.filter-btn.active:hover{background:linear-gradient(135deg,#a67c0a,#c8941f);box-shadow:0 3px 8px #b8860b66;transform:translateY(-1px)}.filter-column:nth-child(6) .filter-buttons{flex-direction:column;gap:2px}.filter-column:nth-child(6) .filter-btn{border-radius:12px;font-size:9px;padding:4px 6px;width:100%}.filter-column:nth-child(7) .filter-buttons{flex-direction:column;gap:3px}.filter-column:nth-child(7) .filter-btn{border-radius:12px;font-size:10px;font-weight:600;padding:5px 8px;width:100%}.no-filtered-results{background:#f8f9fa;border-top:1px solid #e9ecef;color:#666;padding:40px 20px;text-align:center}.no-filtered-results .clear-filters-btn{background:linear-gradient(135deg,#b8860b,#daa520);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .2s ease}.users-table-full-width .users-data-table td,.users-table-full-width .users-data-table th{border-bottom:1px solid #f5f5f5;padding:12px 16px;text-align:left}.users-table-full-width .users-data-table th{background-color:#f8f9fa;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table-full-width .clickable-row{cursor:pointer;transition:background-color .2s ease}.users-table-full-width .clickable-row:hover{background-color:#f8f9fa;transform:none}.users-table-full-width .col-id{color:#666;font-weight:600;width:60px}.users-table-full-width .col-name{color:#333;font-weight:600;width:200px}.users-table-full-width .col-email{color:#666;width:250px}.users-table-full-width .col-wyk{text-align:center;width:80px}.users-table-full-width .col-funktionaris{width:140px}.users-table-full-width .col-lidmaatskap{width:120px}.users-table-full-width .col-aktief{width:100px}.users-table-full-width .col-date{color:#666;font-size:14px;width:150px}.status-badge{border-radius:16px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.edit-user-modal{max-width:800px;min-width:600px}.edit-user-modal .edit-form{margin:20px 0}.edit-user-modal .form-group{margin-bottom:20px}.edit-user-modal .form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.edit-user-modal .form-group select{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.edit-user-modal .form-group select:focus{border-color:#b8860b;outline:none}.edit-user-modal .wyk-buttons{background-color:#f8f9fa;border-radius:25px;display:flex;overflow:hidden;padding:4px;position:relative}.edit-user-modal .wyk-buttons:before{background:linear-gradient(135deg,#b8860b,#daa520);border-radius:20px;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(10% - 8px);z-index:1}.edit-user-modal .wyk-button{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;flex:1 1;font-weight:600;height:40px;position:relative;transition:color .3s ease;z-index:2}.edit-user-modal .wyk-button.active{color:#fff}.edit-user-modal .wyk-buttons[data-selected="0"]:before{transform:translateX(3px)}.edit-user-modal .wyk-buttons[data-selected="1"]:before{transform:translateX(76px)}.edit-user-modal .wyk-buttons[data-selected="2"]:before{transform:translateX(149px)}.edit-user-modal .wyk-buttons[data-selected="3"]:before{transform:translateX(222px)}.edit-user-modal .wyk-buttons[data-selected="4"]:before{transform:translateX(295px)}.edit-user-modal .wyk-buttons[data-selected="5"]:before{transform:translateX(368px)}.edit-user-modal .wyk-buttons[data-selected="6"]:before{transform:translateX(440px)}.edit-user-modal .wyk-buttons[data-selected="7"]:before{transform:translateX(513px)}.edit-user-modal .wyk-buttons[data-selected="8"]:before{transform:translateX(586px)}.edit-user-modal .wyk-buttons[data-selected="9"]:before{transform:translateX(658px)}.edit-user-modal .aktief-toggle{background-color:#f8f9fa;border-radius:25px;display:flex;overflow:hidden;padding:4px;position:relative;width:200px}.edit-user-modal .aktief-toggle:before{background:linear-gradient(135deg,#b8860b,#daa520);border-radius:20px;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 8px);z-index:1}.edit-user-modal .aktief-toggle.active:before{transform:translateX(100%)}.edit-user-modal .toggle-option{background:#0000;border:none;border-radius:20px;color:#666;cursor:pointer;flex:1 1;font-weight:600;height:40px;position:relative;transition:color .3s ease;z-index:2}.edit-user-modal .toggle-option.active{color:#fff}@media (max-width:1200px){.filter-row .filter-column:nth-child(2),.filter-row .filter-column:nth-child(3),.users-table-full-width .col-funktionaris,.users-table-full-width .col-lidmaatskap{display:none}.wyk-filter-span .wyk-buttons{max-width:300px}}@media (max-width:768px){.filter-row,.users-table-full-width .col-date,.users-table-full-width .col-wyk{display:none}.filter-btn{font-size:10px;padding:4px 6px}.edit-user-modal{max-width:90vw;min-width:90vw}.edit-user-modal .wyk-buttons{background:#0000;border:none;flex-wrap:wrap;gap:8px;padding:0}.edit-user-modal .wyk-buttons:before{display:none}.edit-user-modal .wyk-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#666;flex-basis:calc(20% - 8px);flex-grow:1;flex-shrink:1;height:40px;min-width:calc(20% - 8px)}.edit-user-modal .wyk-button.active{background:#fff4b7;border-color:#c8963e;color:#2e2e5a}.edit-user-modal .wyk-button:not(.active):hover{background:#e9ecef;transform:none}}.debug-section{margin-top:20px}.debug-section h3{align-items:center;color:#2e2e5a;display:flex;gap:10px;margin-bottom:20px}.debug-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.debug-buttons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.debug-buttons button:disabled{cursor:not-allowed;opacity:.5}.debug-loading{background:#f8f9fa;padding:20px;text-align:center}.debug-loading,.debug-message{border-radius:8px;margin:20px 0}.debug-message{font-weight:600;padding:15px 20px}.debug-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.debug-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.debug-status{background:#fff;border:1px solid #e9ecef;border-radius:10px;margin-top:20px;padding:25px}.debug-status h4{color:#2e2e5a;font-size:1.2rem;margin-bottom:20px}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.status-item.full-width{grid-column:1/-1}.status-label{color:#666;font-weight:600}.status-value{align-items:center;display:flex;font-weight:600;gap:8px}.status-value.success{color:#28a745}.status-value.error{color:#dc3545}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#2e2e5a,#4a4a7a 50%,#c8963e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App,body{min-height:100vh}.App{width:100%}@media (max-width:768px){body{font-size:16px}.App{overflow-x:hidden}}@media (hover:none) and (pointer:coarse){.button,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}a,button{padding:8px}}
/*# sourceMappingURL=main.c76df9fb.css.map*/