html,body{width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden;min-height:100vh;margin:0;padding:0;box-sizing:border-box}:root{--primary: #047857;--primary-light: #10b981;--primary-dark: #065f46;--secondary: #b8860b;--secondary-light: #d4af37;--accent: #0d9488;--dark: #064e3b;--dark-light: #065f46;--gray: #4b5563;--gray-light: #9ca3af;--light: #ecfdf5;--white: #ffffff;--gradient-primary: linear-gradient(135deg, #047857 0%, #10b981 100%);--gradient-secondary: linear-gradient(135deg, #996515 0%, #d4af37 100%);--gradient-dark: linear-gradient(135deg, #064e3b 0%, #065f46 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 15px rgba(16, 185, 129, .3);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--radius: 1rem}.app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--dark);background:var(--white);overflow-x:hidden}.logo-image{height:40px;width:auto;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;border-bottom:1px solid rgba(255,255,255,.3)}.navbar.navbar-visible{transform:translateY(0)}.navbar.navbar-hidden{transform:translateY(-100%);box-shadow:none}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;color:var(--primary);cursor:pointer;text-decoration:none;letter-spacing:-.5px}.logo-icon{font-size:.75rem;font-weight:700;color:var(--white);background:var(--gray);width:40px;height:40px;border-radius:0;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.5);flex-shrink:0}.nav-links{display:flex;align-items:center;list-style:none;gap:2rem;margin:0;padding:0}.nav-links a{text-decoration:none;color:var(--dark);font-weight:600;cursor:pointer;position:relative;padding:.5rem 0;transition:var(--transition);display:inline-flex;align-items:center;height:100%}.nav-links li{display:flex;align-items:center}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-auth{margin-left:1.5rem}.mobile-auth,.nav-auth-buttons-mobile{display:none!important}.desktop-auth{display:flex!important}.mobile-menu-overlay{display:none!important}.nav-auth-buttons{display:flex;align-items:center;gap:.75rem}.nav-login-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.75rem;background:transparent;border:2px solid var(--primary);color:var(--primary)!important;border-radius:0;font-weight:700;font-size:.95rem;text-decoration:none;transition:var(--transition);white-space:nowrap;flex-shrink:0;min-width:100px}.nav-login-btn:hover{background:var(--white);color:var(--primary)!important;border:2px solid var(--primary);transform:translateY(-2px);box-shadow:0 4px 10px #04785733}.nav-login-btn:after{display:none}.nav-register-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.75rem;background:var(--gradient-primary);color:var(--white)!important;border-radius:0;font-weight:700;font-size:.95rem;text-decoration:none;transition:var(--transition);border:2px solid transparent;white-space:nowrap;flex-shrink:0;min-width:100px;box-shadow:var(--shadow-sm)}.nav-register-btn:hover{background:var(--white);color:var(--primary)!important;border:2px solid var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px #04785766}.nav-register-btn:after{display:none}.nav-profile-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;border:none;padding:0;transition:opacity .2s ease}.nav-profile-btn:hover{opacity:.8}.nav-profile-btn svg{border-radius:50%;border:2px solid #047857;box-shadow:0 2px 4px #0478574d}.nav-avatar{min-width:40px;width:40px;height:40px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--dark);border-radius:0;transition:var(--transition)}.welcome-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--dark);overflow:hidden;padding-top:80px}.welcome-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 40%,rgba(4,120,87,.4) 0%,transparent 50%),radial-gradient(circle at 80% 60%,rgba(217,119,6,.2) 0%,transparent 50%),linear-gradient(to bottom,#064e3bcc,#064e3b);animation:pulse 8s ease-in-out infinite alternate}.welcome-overlay:after{content:"";position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5'%3E%3C!-- Islamic Star Pattern --%3E%3Cpath d='M40 0 L45 15 L60 15 L48 24 L53 40 L40 30 L27 40 L32 24 L20 15 L35 15 Z'/%3E%3Cpath d='M40 80 L45 65 L60 65 L48 56 L53 40 L40 50 L27 40 L32 56 L20 65 L35 65 Z'/%3E%3Cpath d='M0 40 L15 35 L15 20 L24 32 L40 27 L30 40 L40 53 L24 48 L15 60 L15 45 Z'/%3E%3Cpath d='M80 40 L65 35 L65 20 L56 32 L40 27 L50 40 L40 53 L56 48 L65 60 L65 45 Z'/%3E%3C!-- Connecting Lines --%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Cpath d='M20 20 L60 60 M60 20 L20 60'/%3E%3Cpath d='M40 10 L40 70 M10 40 L70 40'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;background-repeat:repeat;pointer-events:none}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.welcome-content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:900px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-size:clamp(3rem,7vw,5rem);font-weight:800;color:var(--white);margin-bottom:2rem;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:-1px}.welcome-title .highlight{background:linear-gradient(to right,gold,#fdb931,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.welcome-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--gray-light);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 2px 10px rgba(0,0,0,.5);font-weight:500}.welcome-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 15px #04785766;border:2px solid transparent;transition:all .3s ease}.btn-primary:hover{background:var(--white);color:var(--primary);border:2px solid var(--primary);box-shadow:0 4px 15px #0478574d;transform:none}.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white);transition:all .3s ease}.btn-secondary:hover{background:var(--white);color:var(--primary);border:2px solid var(--white);box-shadow:0 4px 15px #ffffff4d;transform:none}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;z-index:10}.scroll-indicator span{display:block;width:30px;height:50px;border:2px solid rgba(255,255,255,.5);border-radius:50px;position:relative}.scroll-indicator span:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--white);border-radius:50%;animation:scroll 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;text-align:center;margin-bottom:1rem;color:var(--dark)}.section-subtitle{font-size:1.125rem;color:var(--gray);text-align:center;max-width:600px;margin:0 auto 3rem}.program-section{padding:4rem 0;background:var(--light);position:relative;width:100%;margin:0;overflow:hidden}#program .program-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;min-width:100%!important;min-height:auto;overflow:visible!important;margin:0!important;padding:0!important}#program .program-card-link{flex:0 0 25%!important;width:25%!important;max-width:25%!important;text-decoration:none;color:inherit;display:block;margin:0!important;padding:0!important;box-sizing:border-box!important}#program .program-grid:hover .program-card-link,#program .program-grid:hover .program-card-link:hover{flex:0 0 25%!important;width:25%!important}.program-card{background-color:var(--white);padding:0;transition:all .5s cubic-bezier(.4,0,.2,1);text-align:center;border-right:1px solid rgba(0,0,0,.05);height:100%;min-height:550px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:0;box-shadow:none}.program-card-link:last-child .program-card{border-right:none}.program-card-image-container{width:100%;height:60%;overflow:hidden;position:relative;flex-shrink:0}.program-card-link:hover .program-img{transform:scale(1.05)}.program-card-content{padding:2rem 1.5rem;background:var(--white);flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background-color .3s ease;position:relative;z-index:2}.program-card-link:hover .program-card-content{background:var(--light)}.program-title{font-size:1.25rem;margin-bottom:1rem;color:var(--dark);font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-shadow:none;transition:color .3s ease}.program-card-link:hover .program-title{color:var(--primary);margin-bottom:1rem;text-shadow:none}.program-desc{display:flex;flex-direction:column;gap:.5rem;width:100%}.program-desc p{color:var(--gray);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;max-width:100%;margin-left:auto;margin-right:auto}.view-details-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.view-details-btn .arrow{transition:transform .3s ease}.program-card-link:hover .arrow{transform:translate(5px)}@media(max-width:1024px){.program-title{font-size:1.1rem}.program-card{min-height:450px}.program-card-image-container{height:50%}#program .program-card-link{flex:0 0 50%!important;width:50%!important;max-width:50%!important}#program .program-grid:hover .program-card-link,#program .program-grid:hover .program-card-link:hover{flex:0 0 50%!important;width:50%!important}}@media(max-width:768px){.program-card{min-height:400px;border-right:none;border-bottom:1px solid rgba(0,0,0,.05)}.program-desc{max-height:100px;opacity:1;transform:none}#program .program-card-link{flex:0 0 50%!important;width:50%!important;max-width:50%!important}}@media(max-width:600px){#program .program-card-link{flex:0 0 100%!important;width:100%!important;max-width:100%!important}#program .program-grid:hover .program-card-link,#program .program-grid:hover .program-card-link:hover{flex:0 0 100%!important;width:100%!important}}.filosofi-section{padding:6rem 0;background:var(--white)}.filosofi-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.filosofi-quote{font-size:1.5rem;font-weight:700;color:var(--primary);border-left:5px solid var(--secondary);padding-left:1.5rem;margin-bottom:2rem;font-style:italic;line-height:1.4}.filosofi-story{margin-bottom:1.5rem;color:var(--gray);font-size:1.05rem;line-height:1.8;text-align:justify}.filosofi-highlight{background:var(--light);padding:2rem;border-radius:0;display:flex;gap:1.5rem;align-items:flex-start;margin-top:2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(4,120,87,.1)}.filosofi-highlight-icon{font-size:2.5rem;background:var(--white);padding:1rem;border-radius:0;box-shadow:var(--shadow-sm)}.filosofi-highlight h4{color:var(--dark);font-size:1.25rem;margin-bottom:.5rem;font-weight:700}.back-button-container{padding:1rem 2rem;background:var(--light)}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--white);color:var(--dark);text-decoration:none;border-radius:0;font-weight:600;font-size:.95rem;border:2px solid var(--primary);transition:var(--transition);box-shadow:var(--shadow-sm)}.back-button:hover{background:var(--primary);color:var(--white);transform:translate(-5px)}.back-button svg{transition:var(--transition)}.back-button:hover svg{transform:translate(-3px)}#donasi.donasi-section{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:100%!important;margin-left:0!important;min-height:100vh!important;padding:0!important;margin-top:0!important;margin-bottom:0!important;background:none!important;overflow:hidden!important;border-top:4px solid var(--secondary)!important}#donasi.donasi-section>.donasi-content{display:contents!important}#donasi .donasi-info{background:linear-gradient(#ffffffbf,#ffffffbf),url(https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;padding:3rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important;height:100vh!important}#donasi .donasi-card{background:#064e3b!important;padding:3rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important;height:100vh!important}.donasi-card h3{color:var(--white);font-size:2rem;font-weight:800;margin-bottom:2.5rem;text-align:left;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:1rem}.donasi-form .form-group{margin-bottom:1.5rem}.donasi-form label{display:block;margin-bottom:.5rem;font-weight:600;color:#ffffffe6}.donasi-form input,.donasi-form textarea{width:100%;padding:1rem 1.25rem;background:#00000040!important;border:2px solid rgba(255,255,255,.25)!important;border-radius:12px!important;color:var(--white)!important;font-size:1rem;transition:var(--transition);box-sizing:border-box}.donasi-form input:focus,.donasi-form textarea:focus{background:#ffffff1a;border-color:var(--secondary);outline:none;box-shadow:0 0 0 4px #f59e0b33}.donasi-form input::placeholder,.donasi-form textarea::placeholder{color:#fff6}.donasi-form textarea{height:120px;resize:vertical}.btn-donate{width:100%;padding:1.25rem;background:var(--secondary);color:var(--white);border:2px solid transparent;font-size:1.1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:var(--transition);margin-top:1.5rem;box-shadow:0 10px 20px #0003}.btn-donate:hover{transform:translateY(-3px);background:var(--white);color:var(--secondary);border:2px solid var(--secondary);box-shadow:0 15px 30px #0000004d;padding:1.15rem}.donasi-note{font-size:.85rem;color:#fff9;margin-top:1.5rem;text-align:center;font-style:italic}@media(max-width:768px){#donasi.donasi-section{grid-template-columns:1fr!important;height:auto!important;min-height:auto!important;overflow:visible!important}#donasi .donasi-info,#donasi .donasi-card{height:auto!important;min-height:auto!important;padding:2rem!important}.donasi-card h3{font-size:1.5rem}.donasi-form input,.donasi-form textarea{padding:.875rem 1rem;font-size:.95rem}.donasi-form .form-row{grid-template-columns:1fr!important}}.donasi-note-box{margin-top:2rem;padding:1.5rem;background:var(--light);border-radius:0;border-left:4px solid var(--primary)}.donasi-note-box h4{color:var(--dark);margin-bottom:1rem;font-size:1rem}.donasi-note-box ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.donasi-note-box ul li{color:var(--gray);font-size:.95rem;padding-left:1.5rem;position:relative}.donasi-note-box ul li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.donasi-form{display:flex;flex-direction:column;gap:1rem}.donasi-form .form-group{margin-bottom:0}.donasi-form label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:var(--secondary-light);font-weight:600}.donasi-form input,.donasi-form textarea{width:100%;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.25)!important;background:#00000040!important;border-radius:12px!important;color:var(--white)!important;font-size:.95rem;font-family:inherit;transition:var(--transition)}.donasi-form input::placeholder,.donasi-form textarea::placeholder{color:#fff6;font-size:.9rem}.donasi-form input:focus,.donasi-form textarea:focus{outline:none;border-color:var(--secondary);background:#ffffff1f;box-shadow:0 0 0 3px #d9770633}.donasi-form textarea{resize:none!important;height:120px;max-height:120px;overflow-y:auto;line-height:1.5;scrollbar-width:none;-ms-overflow-style:none}.donasi-form textarea::-webkit-scrollbar{display:none}.donasi-form textarea::-webkit-resizer{display:none}.donasi-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.donasi-form .form-row{grid-template-columns:1fr}}.donasi-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem;background:var(--light);border-radius:0}.stat-item{text-align:center}.stat-number{display:block;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--gray);font-weight:500}.contact-section{padding:6rem 0 2rem;background:var(--dark);color:var(--white);border-top:4px solid var(--secondary);position:relative}.contact-section .section-title,.contact-section .section-subtitle{color:var(--white)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.contact-right{display:flex;flex-direction:column;gap:1.5rem}.contact-map{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003}.contact-map iframe{display:block;width:100%}.contact-left{display:flex;flex-direction:column;gap:2rem}.home-footer{margin-top:1rem}.home-footer .footer-separator{margin:0 0 1.5rem}.home-footer .footer-content{align-items:flex-start;gap:1rem}.home-footer .footer-logo{font-size:1.25rem}.home-footer .footer-social{justify-content:flex-start}.home-footer .footer-copyright{text-align:left;font-size:.8rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;gap:1.25rem;padding:1.5rem;background:#ffffff0d;border-radius:0;border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.contact-item:hover{transform:translate(5px);background:#ffffff14;border-color:var(--primary-light)}.contact-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:0;flex-shrink:0;color:var(--secondary)}.contact-icon svg{width:28px;height:28px}.contact-item h4{font-size:1rem;color:var(--secondary);margin-bottom:.25rem}.contact-item p{color:#fffc;line-height:1.5}.contact-form{background:#ffffff0d;padding:2.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.feedback-form-container{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003}.feedback-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.feedback-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#10b981);border-radius:14px;color:#fff;box-shadow:0 4px 15px #10b98166}.feedback-title{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.feedback-subtitle{margin:.25rem 0 0;font-size:.85rem;color:#fff9}.feedback-form{display:flex;flex-direction:column;gap:1.25rem}.feedback-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feedback-form .form-group{margin-bottom:0}.feedback-form .form-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#ffffffd9;margin-bottom:.5rem}.feedback-form .form-label svg{opacity:.7}.feedback-form input,.feedback-form textarea{width:100%;padding:.875rem 1rem;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:.95rem;font-family:inherit;background:#ffffff14;color:#fff;transition:all .3s ease}.feedback-form input::placeholder,.feedback-form textarea::placeholder{color:#fff6}.feedback-form input:focus,.feedback-form textarea:focus{outline:none;border-color:var(--primary);background:#ffffff1f;box-shadow:0 0 0 4px #10b98126}.feedback-form textarea{resize:none;min-height:100px}.star-rating-container{display:flex;flex-direction:column;gap:.5rem}.star-rating{display:flex;gap:.5rem;flex-direction:row-reverse;justify-content:flex-end}.star-label{cursor:pointer}.star-label input{display:none}.star-icon{width:32px;height:32px;color:#ffffff40;transition:all .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.star-label:hover .star-icon,.star-label:hover~.star-label .star-icon{color:#daa520;transform:scale(1.1)}.star-label input:checked~.star-icon,.star-label:has(input:checked) .star-icon,.star-label:has(input:checked)~.star-label .star-icon{color:#daa520}.rating-hint{font-size:.75rem;color:#fff6;font-style:italic}.btn-feedback-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary),#10b981);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;margin-top:.5rem}.btn-feedback-submit:hover{transform:translateY(-2px);box-shadow:0 6px 25px #10b98173}.btn-feedback-submit:active{transform:translateY(0)}@media(max-width:600px){.feedback-form .form-row{grid-template-columns:1fr}.feedback-form-container{padding:1.5rem}.star-icon{width:28px;height:28px}}@media(max-width:768px){.contact-section{padding:4rem 0 2rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-item{padding:1rem;gap:.75rem;border-radius:8px}.contact-icon{width:44px;height:44px;border-radius:8px}.contact-icon svg{width:22px;height:22px}.contact-item h4{font-size:.9rem}.contact-item p{font-size:.8rem;line-height:1.4}.home-footer .footer-logo img{height:28px!important;min-height:28px}.home-footer .footer-logo span{font-size:1rem}.feedback-icon{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:12px;flex-shrink:0}.feedback-icon svg{width:24px;height:24px}.feedback-title{font-size:1.05rem}.feedback-subtitle{font-size:.75rem}.feedback-header{gap:.75rem}.contact-map iframe{height:180px}}@media(max-width:400px){.contact-section{padding:3rem 0 1.5rem}.contact-section .section-container{padding:0 .75rem}.contact-item{flex-direction:column;text-align:center;align-items:center}.contact-icon{width:40px;height:40px}.feedback-form-container{padding:1rem}.feedback-form input,.feedback-form textarea{font-size:16px;padding:.7rem}.btn-feedback-submit{padding:.75rem 1rem;font-size:.9rem}}.footer-section{background:var(--dark);color:#fff;padding-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem 3rem;display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:2.5rem}.footer-col{display:flex;flex-direction:column}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-logo .logo-image{height:36px;width:auto}.footer-about{color:#ffffffb3;font-size:.9rem;line-height:1.7}.footer-heading{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1.25rem;position:relative;padding-bottom:.75rem}.footer-heading:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-contact-link{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .3s ease}.footer-contact-link:hover{color:var(--secondary)}.footer-contact-link:hover svg{color:var(--secondary)}.footer-contact-link svg{flex-shrink:0;color:var(--primary)}.footer-address{display:flex;gap:.75rem;color:#ffffffb3;font-size:.85rem;line-height:1.6}.footer-address svg{flex-shrink:0;color:var(--primary);margin-top:2px}.footer-address p{margin:0 0 .25rem}.footer-schedule{list-style:none;padding:0;margin:0}.footer-schedule li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.85rem}.footer-schedule li:last-child{border-bottom:none}.footer-schedule li span:last-child{color:#fff;font-weight:500}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem}.footer-bottom-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:#ffffff80;font-size:.875rem;margin:0}.footer-social{display:flex;gap:.75rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--primary);transform:translateY(-2px)}@media(max-width:992px){.footer-container{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:576px){.footer-container{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem 2rem}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}}.program-section{padding:5rem 0;background:linear-gradient(135deg,#f8fffe,#ecfdf5);position:relative}.program-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:100%;margin:0}.program-card-link{display:block;text-decoration:none;height:100%}.program-card{position:relative;height:450px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.program-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 40%,rgba(4,120,87,.85) 70%,rgba(4,120,87,.95) 100%);z-index:1;transition:all .4s ease}.program-card:hover:before{background:linear-gradient(180deg,transparent 0%,transparent 20%,rgba(4,120,87,.9) 50%,rgba(4,120,87,.98) 100%)}.program-card-image-container{position:absolute;inset:0;overflow:hidden}.program-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.program-card:hover .program-img{transform:scale(1.1)}.program-card-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;z-index:2}.program-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.3)}.program-desc{opacity:1;max-height:200px;overflow:hidden}.program-desc p{color:#fffffff2;font-size:.9rem;line-height:1.7;margin:0}@media(max-width:1200px){.program-grid{grid-template-columns:repeat(2,1fr)}.program-card{height:400px}}@media(max-width:768px){.program-grid{grid-template-columns:1fr}.program-card{height:350px}.program-desc{opacity:1;max-height:200px}.program-title{font-size:1rem}}@media(max-width:992px){.donasi-content,.contact-content{grid-template-columns:1fr}}@media(max-width:768px){.menu-toggle{display:flex;z-index:1002;position:relative;background:none;border:none;padding:8px;cursor:pointer;color:#000}.menu-toggle svg{transition:transform .3s ease;stroke:#000}.mobile-menu-overlay,.mobile-menu-overlay.active{display:none}.nav-links{position:fixed;inset:0;width:100%;height:100vh;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;padding:0;gap:1.5rem;box-shadow:none;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1000;overflow-y:auto;display:flex;align-items:center;justify-content:center}.nav-links.active{transform:translate(0)}.nav-links li{opacity:0;transform:translate(-20px);animation:none}.nav-links.active li{animation:slideInLeft .4s ease forwards}.nav-links.active li:nth-child(1){animation-delay:.1s}.nav-links.active li:nth-child(2){animation-delay:.15s}.nav-links.active li:nth-child(3){animation-delay:.2s}.nav-links.active li:nth-child(4){animation-delay:.25s}.nav-links.active li:nth-child(5){animation-delay:.3s}.nav-links.active li:nth-child(6){animation-delay:.35s}.nav-links.active li:nth-child(7){animation-delay:.4s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.nav-links a{padding:1rem 2rem;display:block;text-align:center;border-radius:12px;font-size:1.5rem;font-weight:700;color:var(--dark);border-bottom:none;transition:all .2s ease;width:100%;max-width:280px}.nav-links a:hover{background:#04785726;color:var(--primary);padding-left:2rem}.nav-links a:after{display:none}.desktop-auth{display:none!important}.mobile-auth{display:block!important;margin-top:2rem;padding-top:0;border-top:none;width:100%;max-width:280px}.nav-auth-buttons-mobile{display:flex;flex-direction:column;gap:1rem;align-items:center}.nav-login-btn-mobile{display:flex!important;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem!important;background:#0000000d;color:var(--dark)!important;border-radius:50px!important;font-weight:600!important;font-size:1.1rem!important;transition:all .2s ease!important;border:2px solid transparent;width:100%;max-width:280px}.nav-login-btn-mobile:hover{background:var(--white);color:var(--primary)!important;border:2px solid var(--primary)}.nav-login-btn-mobile svg{flex-shrink:0}.nav-register-btn-mobile{display:flex!important;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem!important;background:var(--gradient-primary);color:var(--white)!important;border-radius:50px!important;font-weight:600!important;font-size:1.1rem!important;transition:all .2s ease!important;border:2px solid transparent;box-shadow:0 4px 12px #0478574d;width:100%;max-width:280px}.nav-register-btn-mobile:hover{background:var(--white);color:var(--primary)!important;border:2px solid var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px #04785766}.nav-register-btn-mobile svg{flex-shrink:0}.mobile-auth .nav-profile-btn{display:flex!important;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem!important;background:#0000000d;border-radius:50px!important;transition:all .2s ease;width:100%;max-width:280px}.mobile-profile-text{font-weight:600;color:var(--dark);font-size:1rem}.program-grid{grid-template-columns:1fr}.welcome-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.btn.btn-full,.btn.btn-donate,.upgrade-content .btn,.account-section .btn{max-width:100%!important;width:100%!important}.account-section div[style*="display: flex"]{flex-direction:column;width:100%}.payment-item{flex-direction:column;gap:.5rem}.contact-item{flex-direction:column;align-items:center;text-align:center}}@media(max-width:480px){.section-container{padding:0 1rem}.program-card,.contact-form,.donasi-card{padding:1.5rem}.donasi-amounts{grid-template-columns:1fr}.donasi-stats{grid-template-columns:1fr 1fr;gap:1rem}}.filosofi-section{min-height:100vh;padding:0;background:var(--white);position:relative;overflow:hidden;display:flex;align-items:center}.filosofi-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.filosofi-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:stretch;width:100%}.filosofi-image{position:relative;height:100%}.filosofi-image-wrapper{position:relative;border-radius:0;overflow:hidden;box-shadow:var(--shadow-lg)}.filosofi-image-wrapper:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.1;z-index:1}.filosofi-img{width:100%;height:400px;object-fit:cover;display:block}.filosofi-img-placeholder{width:100%;height:400px;background:var(--gradient-dark);display:flex;align-items:center;justify-content:center;font-size:8rem}.filosofi-image-wrapper{position:relative;width:100%;border-radius:0;overflow:hidden;box-shadow:var(--shadow-md)}.filosofi-img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top center;display:block}.filosofi-badge{position:absolute;bottom:-20px;right:-20px;background:var(--gradient-secondary);color:var(--white);padding:1.5rem 2rem;border-radius:0;box-shadow:var(--shadow-lg);z-index:2}.filosofi-badge span{display:block;font-size:2.5rem;font-weight:800;line-height:1}.filosofi-badge small{font-size:.875rem;opacity:.9}.filosofi-images-stack{display:flex;flex-direction:column;gap:0;position:relative;height:100%;border-radius:4px 16px 16px 4px;overflow:hidden;box-shadow:-8px 0 20px #0000004d,8px 8px 30px #0003,inset 0 0 0 1px #ffffff1a;border-left:12px solid #2d3748}.filosofi-images-stack:before{content:"";position:absolute;left:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,rgba(0,0,0,.3) 0%,transparent 100%);z-index:3;pointer-events:none}.filosofi-images-stack:after{content:"";position:absolute;right:-2px;top:5%;bottom:5%;width:4px;background:repeating-linear-gradient(0deg,beige 0px 2px,#e5e5d0 2px 4px);border-radius:0 2px 2px 0;z-index:3}.filosofi-img-top,.filosofi-img-bottom{overflow:hidden;flex:1;position:relative}.filosofi-img-top:after,.filosofi-img-bottom:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background-image:radial-gradient(ellipse at center,transparent 40%,rgba(139,90,43,.3) 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23d4a574' stroke-width='0.3' opacity='0.2'%3E%3Cpath d='M10 20 Q30 25 50 18 Q70 12 90 22'/%3E%3Cpath d='M5 45 Q25 42 45 48 Q65 52 95 44'/%3E%3Cpath d='M8 72 Q28 68 48 75 Q68 80 88 71'/%3E%3Cpath d='M15 88 Q35 92 55 86 Q75 82 95 90'/%3E%3C/g%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.6}.filosofi-img-top .filosofi-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:var(--transition)}.filosofi-img-bottom .filosofi-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:var(--transition)}.filosofi-badge-center{background:var(--gradient-secondary);color:var(--white);padding:1.5rem 2rem;text-align:center;z-index:2;flex-shrink:0;width:100%;box-sizing:border-box;box-shadow:0 4px 15px #0000004d}.filosofi-badge-center span{display:block;font-size:2.5rem;font-weight:800;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.filosofi-badge-center small{font-size:.875rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.filosofi-text{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:2rem 0}.filosofi-text h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--dark);margin-bottom:0;line-height:1.2}.filosofi-text h2 span{color:var(--primary)}.filosofi-quote{font-size:1.25rem;font-style:italic;color:var(--primary);padding:1.5rem;background:var(--light);border-left:4px solid var(--primary);border-radius:0;margin:0}.filosofi-story{color:var(--gray);line-height:1.8;margin:0}.filosofi-story:last-of-type{margin:0}.filosofi-highlight{display:flex;gap:1rem;padding:1.5rem;background:var(--gradient-dark);border-radius:0;color:var(--white)}.filosofi-highlight-icon{font-size:1rem;flex-shrink:0;background:var(--gray);color:var(--white);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:0;font-weight:700;border:2px dashed rgba(255,255,255,.5)}.filosofi-highlight h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--secondary-light)}.filosofi-highlight p{font-size:.95rem;opacity:.9;line-height:1.6}@media(max-width:992px){.filosofi-content{grid-template-columns:1fr;gap:3rem}.filosofi-badge{bottom:-15px;right:20px}}@media(max-width:480px){.filosofi-badge{padding:1rem 1.5rem}.filosofi-badge span{font-size:2rem}}.program-section{padding:3rem 0;background:var(--light)}#program .section-container{margin-bottom:2rem}.program-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;border-radius:0;overflow:visible;box-shadow:none!important;border:none!important;width:100%;margin:0}.program-card-link{text-decoration:none;color:inherit;display:block;height:100%}.program-item-1,.program-item-2,.program-item-3,.program-item-4{grid-column:auto!important;grid-row:auto!important}#program .program-card-link{padding:.75rem!important;background:transparent!important}.program-card{background:#10b981!important;color:var(--white)!important;border-radius:1.5rem!important;transition:var(--transition);overflow:hidden;height:100%;display:flex!important;flex-direction:column!important;border:none!important;position:relative;box-shadow:none!important}.program-card-link:last-child .program-card{border-right:none!important}.program-card:hover{transform:none!important;background:var(--primary)!important}.program-card-image,.program-card-image-container{position:relative;height:200px;flex:unset!important;width:100%!important;overflow:hidden;z-index:2}.program-card-image img,.program-card-image-container img,.program-img{transition:transform .5s ease!important;transform-origin:center center;will-change:transform}.program-card:hover .program-card-image img,.program-card:hover .program-card-image-container img,.program-card:hover .program-img{transform:scale(1.05)!important}.program-card-content{padding:1.5rem 1rem!important;text-align:left;flex:1;display:flex!important;flex-direction:column;justify-content:flex-start;position:relative;background:transparent!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;animation:none!important;overflow:hidden;margin:0!important;border:none!important}.program-title,.program-desc,.program-desc p{transform:none!important;margin-top:0!important;margin-bottom:.5rem!important;padding-top:0!important;padding-bottom:0!important}.program-desc p{padding:.75rem!important}.program-card-content:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.15'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Ccircle cx='30' cy='30' r='12'/%3E%3Cpath d='M30 15 L45 30 L30 45 L15 30 Z'/%3E%3Cpath d='M0 0 L60 60 M60 0 L0 60' stroke-dasharray='2 4'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;background-repeat:repeat;z-index:0;pointer-events:none;opacity:1}.program-card-content>*{position:relative;z-index:2}.program-desc p{background:#00000026;padding:.75rem;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff!important;font-size:.85rem;line-height:1.5;display:block!important;border:1px solid rgba(255,255,255,.1)}.program-card-content .program-icon{display:none!important}.program-card-content h3,.program-title{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:#fff!important;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;opacity:1!important;transform:none!important;transition:none!important}.program-desc{display:flex!important;flex-direction:column;gap:.5rem;opacity:1!important;visibility:visible!important;height:auto!important;transform:none!important;transition:none!important;animation:none!important}.program-card-content p{flex:unset!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;animation:none!important;display:block!important}.view-details-btn{margin-top:1rem;color:var(--secondary)!important;font-weight:600;font-size:.85rem;display:flex!important;align-items:center;gap:.5rem;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}.arrow{transition:none!important}.program-card:hover .arrow{transform:none!important}@media(max-width:1024px){.program-grid{grid-template-columns:repeat(2,1fr)!important;border-radius:0;width:100%;margin-left:0}.program-card-link{display:flex}.program-card{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);min-height:500px;flex:1}.program-card-link:nth-child(2n) .program-card{border-right:none}.program-card-link:nth-child(2n-1) .program-card{border-right:1px solid rgba(255,255,255,.1)}}@media(max-width:600px){.program-grid{grid-template-columns:1fr}.program-card,.program-card-link:nth-child(2n-1) .program-card{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.program-card-link:last-child .program-card{border-bottom:none}}.navbar-detail{background:var(--white)}.back-link{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.back-link:hover{color:var(--primary-dark)}.detail-hero{position:relative;height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;margin-top:70px}.detail-hero-image{position:absolute;inset:0}.detail-hero-image img{width:100%;height:100%;object-fit:cover}.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#064e3bb3,#064e3be6)}.detail-hero-content{position:relative;z-index:1;text-align:center;color:var(--white);padding:2rem;max-width:800px}.detail-icon{font-size:4rem;display:block;margin-bottom:1rem}.detail-hero-content h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem}.detail-hero-content p{font-size:1.25rem;opacity:.9}.detail-content{padding:4rem 0;background:var(--light)}.detail-grid{display:grid;grid-template-columns:1fr 380px;gap:3rem}.detail-main{display:flex;flex-direction:column;gap:3rem}.detail-section h2{font-size:1.75rem;color:var(--dark);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--primary);display:inline-block}.detail-description{font-size:1.125rem;color:var(--gray);line-height:1.8}.benefit-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.benefit-list li{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--white);border-radius:0;box-shadow:var(--shadow-sm);font-size:1.05rem;color:var(--gray)}.benefit-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--white);border-radius:0;font-weight:700;flex-shrink:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-item{border-radius:0;overflow:hidden;aspect-ratio:3/2;box-shadow:var(--shadow-sm);transition:var(--transition)}.gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.gallery-item img{width:100%;height:100%;object-fit:cover}.detail-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-card{background:var(--white);padding:2rem;border-radius:0;box-shadow:var(--shadow-sm)}.sidebar-card h3{font-size:1.25rem;color:var(--dark);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--light)}.info-item{display:flex;gap:1rem;margin-bottom:1.25rem}.info-icon{font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--light);border-radius:0;flex-shrink:0}.info-item strong{display:block;color:var(--dark);font-size:.875rem;margin-bottom:.25rem}.info-item p{color:var(--gray);font-size:.95rem}.btn-full{width:100%!important;margin-top:1rem}.other-programs{display:flex;flex-direction:column;gap:.75rem}.other-program-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--light);border-radius:0;text-decoration:none;color:var(--gray);font-weight:500;transition:var(--transition)}.other-program-item:hover{background:var(--primary);color:var(--white)}.not-found{text-align:center;padding:6rem 2rem}.not-found h1{font-size:2rem;color:var(--dark);margin-bottom:1rem}.not-found p{color:var(--gray);margin-bottom:2rem}@media(max-width:992px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{order:-1}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.detail-hero{height:50vh}.gallery-grid{grid-template-columns:1fr}.sidebar-card{padding:1.5rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;background:var(--gradient-dark);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);border-radius:0;animation:float 8s ease-in-out infinite}.auth-page:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(217,119,6,.1) 0%,transparent 70%);border-radius:0;animation:float 10s ease-in-out infinite reverse}.auth-container{width:100%;max-width:420px;position:relative;z-index:1}.auth-card{background:var(--white);padding:2.5rem;border-radius:0;box-shadow:0 20px 60px #0000004d}.auth-icon{font-size:3.5rem;display:block;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.auth-header h1{font-size:1.75rem;color:var(--dark);margin-bottom:.5rem;font-weight:800}.auth-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626;padding:1rem 1.25rem;border-radius:0;margin-bottom:1.5rem;font-size:.9rem;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{margin-bottom:0}.auth-form .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--dark);font-weight:600}.auth-form .form-group input{width:100%;padding:.875rem 1rem;border:2px solid var(--light);background:var(--white);border-radius:0;font-size:1rem;color:var(--dark);transition:var(--transition)}.auth-form .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.w-full-important{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important}.auth-form .btn-full{margin-top:.5rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--light)}.auth-footer p{color:var(--gray)}.profile-page{min-height:100vh;padding:6rem 2rem 2rem;background:var(--light)}.profile-container{max-width:900px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:2rem;padding:2.5rem;background:var(--gradient-dark);border-radius:0;color:var(--white);margin-bottom:2rem}.profile-avatar{width:100px;height:100px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-info h1{font-size:1.75rem;margin-bottom:.25rem}.profile-email{color:var(--gray-light);margin-bottom:.25rem}.profile-join{font-size:.875rem;color:var(--secondary-light)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.profile-stat-card{background:var(--white);padding:1.5rem;border-radius:0;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.profile-stat-card .stat-icon{font-size:2.5rem}.profile-stat-card .stat-value{display:block;font-size:1.25rem;font-weight:800;color:var(--primary);white-space:normal;word-wrap:break-word;line-height:1.3}.profile-stat-card .stat-label{font-size:.875rem;color:var(--gray)}.profile-section{background:var(--white);padding:2rem;border-radius:0;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.profile-section h2{font-size:1.25rem;color:var(--dark);margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--light);border-radius:0}.activity-item.empty{opacity:.6}.activity-icon{font-size:1.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:0;flex-shrink:0}.activity-content p{color:var(--dark);font-weight:500;margin-bottom:.25rem}.activity-time{font-size:.875rem;color:var(--gray)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--light);border-radius:0;text-decoration:none;transition:var(--transition)}.action-card:hover{background:var(--primary);color:var(--white);transform:translateY(-3px)}.action-card span{font-size:2rem}.action-card p{color:var(--gray);font-weight:600;font-size:.9rem}.action-card:hover p{color:var(--white)}.btn-logout{width:100%;padding:1rem;background:transparent;border:2px solid #dc2626;color:#dc2626;border-radius:0;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:1rem}.btn-logout:hover{background:#dc2626;color:var(--white)}.auth-buttons{display:flex;flex-direction:column;gap:1rem}.btn-secondary-outline{padding:.875rem 1.5rem;background:transparent;border:2px solid var(--primary);color:var(--primary);border-radius:0;font-weight:600;text-decoration:none;text-align:center;transition:var(--transition)}.btn-secondary-outline:hover{background:var(--primary);color:var(--white)}.activity-item.success{border-left:3px solid var(--primary)}.activity-item.info{border-left:3px solid var(--secondary)}.status-badge{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-section{border:2px dashed rgba(4,120,87,.2)}.account-info{margin-bottom:1.5rem}.account-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--light);border-radius:0;margin-bottom:.75rem}.account-label{color:var(--gray);font-size:.9rem}.account-value{color:var(--dark);font-weight:600;font-size:.9rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){.profile-header{flex-direction:column;text-align:center}.profile-stats,.quick-actions{grid-template-columns:1fr}.account-row{flex-direction:column;gap:.5rem;text-align:center}}.books-hero{padding:8rem 2rem 4rem;background:var(--dark);text-align:center;position:relative;overflow:hidden}.books-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(4,120,87,.3) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(217,119,6,.15) 0%,transparent 50%)}.books-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.books-hero h1{font-size:clamp(2.5rem,6vw,3.5rem);color:var(--white);margin-bottom:1.5rem;font-weight:800;letter-spacing:-1px}.books-hero p{color:var(--gray-light);font-size:1.15rem;margin-bottom:2.5rem}.books-total-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem}.total-stat{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1.5rem;border-radius:25px;color:var(--white);font-weight:600;font-size:1rem;border:1px solid rgba(255,255,255,.1)}.books-search{display:flex;align-items:center;background:var(--white);border-radius:50px;padding:.75rem 1.75rem;box-shadow:0 10px 40px #0003;max-width:600px;margin:0 auto;border:4px solid rgba(255,255,255,.1)}.books-search .search-icon{font-size:1.25rem;margin-right:1rem;color:var(--primary)}.books-search input{flex:1;border:none;background:transparent;font-size:1.05rem;color:var(--dark);outline:none}.books-categories{padding:1.5rem 2rem;background:var(--white);border-bottom:1px solid var(--light);position:sticky;top:70px;z-index:90;box-shadow:var(--shadow-sm)}.categories-scroll{display:flex;gap:.75rem;flex-wrap:wrap;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none;justify-content:center}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--light);border:2px solid transparent;border-radius:25px;font-size:.95rem;font-weight:600;color:var(--gray);cursor:pointer;transition:var(--transition);white-space:nowrap;flex-shrink:0}.category-btn:hover{border-color:var(--secondary);color:var(--secondary);background:var(--white)}.category-btn.active{background:var(--secondary);color:var(--white);border-color:var(--secondary);box-shadow:0 4px 12px #d977064d}.books-section{padding:3rem 0;background:var(--white);min-height:50vh}.books-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.books-header h2{font-size:1.5rem;color:var(--dark)}.books-count{background:var(--light);padding:.5rem 1rem;border-radius:0;font-size:.875rem;color:var(--gray);font-weight:600}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.book-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;text-decoration:none}.book-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#04785726}.book-cover{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#f1f5f9;border-bottom:1px solid rgba(0,0,0,.03);display:flex;align-items:center;justify-content:center}.no-cover-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#047857,#059669);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#fff}.no-cover-placeholder svg{opacity:.8}.no-cover-placeholder span{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.book-cover img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.book-card:hover .book-cover img{transform:scale(1.05)}.book-unavailable{position:absolute;top:.75rem;right:.75rem;background:#dc2626e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--white);padding:.375rem .75rem;border-radius:0;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #dc26264d}.book-info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.book-title{font-size:1rem;font-weight:700;color:var(--dark);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:.875rem;color:var(--gray);margin-bottom:.75rem}.book-meta{display:flex;justify-content:space-between;align-items:center}.book-year{font-size:.8rem;color:var(--gray-light)}.book-status{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:0}.book-status.available{background:#0478571a;color:var(--primary)}.book-status.unavailable{background:#dc26261a;color:#dc2626}.books-empty{text-align:center;padding:4rem 2rem;color:var(--gray)}.books-empty span{font-size:4rem;display:block;margin-bottom:1rem}.books-empty h3{font-size:1.25rem;color:var(--dark);margin-bottom:.5rem}@media(max-width:768px){.books-hero{padding:7rem 1.5rem 2rem}.books-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.book-cover{height:200px}.book-info{padding:1rem}}@media(max-width:480px){.books-grid{grid-template-columns:repeat(2,1fr)}.book-title{font-size:.9rem}.book-meta{flex-direction:column;align-items:flex-start;gap:.375rem}}.book-detail-page{min-height:100vh;padding:6rem 2rem 2rem;background:var(--light)}.book-detail-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:350px 1fr;gap:3rem;align-items:start}.book-detail-cover{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0003;height:auto;display:flex}.book-detail-cover img{width:100%;height:auto;display:block;object-fit:contain}.book-detail-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:0;font-size:.875rem;font-weight:600}.book-detail-badge.unavailable{background:#dc2626;color:var(--white)}.book-detail-info{background:transparent;padding:0;border-radius:0;box-shadow:none}.book-detail-category{display:inline-block;padding:.375rem 1rem;background:var(--gradient-primary);color:var(--white);border-radius:0;font-size:.8rem;font-weight:600;margin-bottom:1rem}.book-detail-info h1{font-size:2rem;color:var(--dark);margin-bottom:.5rem;font-weight:800}.book-detail-author{font-size:1.1rem;color:var(--gray);margin-bottom:1.5rem}.book-detail-author strong{color:var(--primary)}.book-detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--light)}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--gray)}.meta-icon{font-size:1.25rem}.book-detail-description h3{font-size:1.1rem;color:var(--dark);margin-bottom:.75rem}.book-detail-description p{color:var(--gray);line-height:1.7;margin-bottom:1.5rem}.book-detail-isbn{font-size:.875rem;color:var(--gray-light);margin-bottom:2rem}.book-detail-isbn span{font-weight:600}.book-stock-info{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--light);border-radius:0;margin-bottom:2rem}.stock-label{font-size:1rem;color:var(--gray);font-weight:500}.stock-value{font-size:1.25rem;font-weight:700;padding:.375rem 1rem;border-radius:0}.stock-value.in-stock{background:#0478571a;color:var(--primary)}.stock-value.out-of-stock{background:#dc26261a;color:#dc2626}.book-detail-actions{padding-top:1.5rem;border-top:1px solid var(--light)}.btn-borrow{width:100%;padding:1rem 2rem;font-size:1.1rem}.btn-disabled{width:100%;padding:1rem 2rem;background:var(--gray-light);color:var(--white);border:none;border-radius:0;font-size:1rem;font-weight:600;cursor:not-allowed}.borrow-note{text-align:center;margin-top:1rem;font-size:.9rem;color:var(--gray)}.borrow-note a{color:var(--primary);font-weight:600;text-decoration:none}.borrow-note a:hover{text-decoration:underline}.book-not-found{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.book-not-found span{font-size:5rem}.book-not-found h1{color:var(--dark)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--white);padding:2.5rem;border-radius:0;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;animation:modalSlide .3s ease}@keyframes modalSlide{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-icon{font-size:3rem;display:block;margin-bottom:.75rem}.modal-header h2{font-size:1.5rem;color:var(--dark)}.modal-body p{color:var(--gray);margin-bottom:1rem}.modal-book-info{background:var(--light);padding:1rem;border-radius:0;margin-bottom:1rem}.modal-book-info strong{display:block;color:var(--dark);font-size:1.1rem;margin-bottom:.25rem}.modal-book-info span{color:var(--gray);font-size:.9rem}.modal-note{font-size:.875rem;color:var(--gray);background:#0478570d;padding:1rem;border-radius:0;border-left:3px solid var(--primary)}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions .btn{flex:1;padding:.875rem}.btn-secondary{background:var(--light);color:var(--dark);border:none;border-radius:0;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--gray-light);color:var(--white)}.modal-success{text-align:center;padding:2rem 0}.success-icon{font-size:4rem;display:block;margin-bottom:1rem}.modal-success h2{color:var(--primary);margin-bottom:.5rem}.modal-success p{color:var(--gray)}@media(max-width:900px){.book-detail-container{grid-template-columns:1fr;gap:2rem}.book-detail-cover{max-width:300px;margin:0 auto}}@media(max-width:480px){.book-detail-info{padding:1.5rem}.book-detail-info h1{font-size:1.5rem}.book-detail-meta{gap:1rem}}.btn-admin-action{width:32px;height:32px;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s}.btn-admin-action:hover{transform:scale(1.1)}.btn-admin-action.delete{color:#ef4444}.btn-admin-action.delete:hover{background:#fee2e2}.donasi-section{padding:4rem 1.5rem;background-color:var(--white)}.donasi-content{max-width:800px;margin:0 auto}.donasi-benefit-card{padding:1.5rem;background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0000000d;transition:var(--transition);margin-bottom:1.5rem}.donasi-benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;border-color:#fffc;background:#fff9}.donasi-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.donasi-benefits-list li{display:flex;align-items:flex-start;gap:1rem}.donasi-benefits-list li svg{flex-shrink:0;margin-top:.15rem}.donasi-benefits-list li span{font-weight:500;color:var(--dark);font-size:1.05rem;line-height:1.4}.benefit-icon{width:40px;height:40px;min-width:40px;border-radius:0;background:#0478571a;color:var(--primary);display:flex;align-items:center;justify-content:center}.donasi-benefits li span{font-weight:500;color:var(--dark);font-size:1.05rem;line-height:1.4}.donasi-note-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:0;padding:1.5rem;margin-top:3rem}.donasi-note-box h4{color:var(--dark);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.donasi-note-box ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.donasi-note-box ul li{position:relative;padding-left:1.5rem;color:var(--gray)}.donasi-note-box ul li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.sidebar-logo{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .3s ease}.sidebar-user{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-info-small h4{color:#fff;font-size:.95rem;font-weight:700;margin:0}.user-info-small p{color:#ffffffb3;font-size:.8rem;margin:0}.btn-logout-sidebar{width:100%;padding:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ef4444;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-logout-sidebar:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.admin-section{padding-top:0!important;background:transparent!important;min-height:auto!important}.stat-value{color:var(--dark);font-size:2.25rem;font-weight:800;margin:0;line-height:1}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin:0}.table-responsive{width:100%;overflow-x:auto;border-radius:16px;box-shadow:0 4px 20px #00000014;background:#fff;border:1px solid #e5e7eb}.table-responsive h3{padding:1.25rem 1.5rem;margin:0;font-size:1rem;font-weight:600;color:#1f2937;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:.5rem}.table-responsive h3 svg{color:var(--primary)}.role-badge{display:inline-block;padding:.35rem .85rem;border-radius:0;font-size:.75rem;font-weight:600;text-transform:capitalize;background:#e2e8f0;color:#475569;letter-spacing:.02em}.role-badge.novel{background:#fee2e2;color:#991b1b}.role-badge.motivation{background:#dbeafe;color:#1e40af}.role-badge.history{background:#fef3c7;color:#92400e}.role-badge.islamic-history{background:#d1fae5;color:#065f46}.role-badge.admin{background:#e0e7ff;color:#3730a3}.role-badge.non-member{background:#fef3c7;color:#92400e}.btn-sm{font-size:.8rem!important;padding:.5rem 1rem!important;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;border:none;background:#f1f5f9;color:#475569;cursor:pointer;transition:all .2s ease}.btn-sm:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.btn-sm.btn-danger{background:#fef2f2;color:#dc2626}.btn-sm.btn-danger:hover{background:#fee2e2;color:#b91c1c}.register-card{max-width:500px}.register-steps{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--light);color:var(--gray);border-radius:50%;font-weight:600;font-size:.9rem;transition:var(--transition)}.step.active .step-number{background:var(--gradient-primary);color:#fff}.step.completed .step-number{background:var(--primary);color:#fff}.step.completed .step-number:after{content:"✓"}.step-label{font-size:.75rem;color:var(--gray-light);font-weight:500}.step.active .step-label{color:var(--primary);font-weight:600}.step-line{width:40px;height:2px;background:var(--light);margin:0 .5rem 1.5rem}.ktp-upload-section{margin-bottom:1.5rem}.ktp-upload-area{border:2px dashed var(--gray-light);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:var(--transition);background:var(--light);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.ktp-upload-area:hover{border-color:var(--primary);background:#0478570d}.ktp-upload-area svg{color:var(--gray-light)}.ktp-upload-area p{color:var(--gray);font-weight:500;margin:0}.ktp-upload-area small{color:var(--gray-light);font-size:.8rem}.ktp-preview{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.register-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.register-note{font-size:.85rem;color:var(--gray);text-align:center;margin-top:1rem;padding:1rem;background:#fef3c7;border-radius:8px;border:1px solid #fcd34d}.payment-summary{background:var(--light);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.payment-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.payment-item:last-child{border-bottom:none}.payment-item.total{font-weight:700;font-size:1.1rem;color:var(--dark);margin-top:.5rem;padding-top:1rem;border-top:2px solid var(--primary)}.payment-amount{font-weight:600;color:var(--primary)}.payment-item.total .payment-amount{color:var(--primary);font-size:1.25rem}.payment-methods{margin-bottom:1.5rem}.payment-methods h4{font-size:.9rem;color:var(--gray);margin-bottom:1rem}.payment-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.payment-method{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border:2px solid var(--light);border-radius:12px;background:#fff;cursor:pointer;transition:var(--transition)}.payment-method:hover{border-color:var(--primary-light)}.payment-method.active{border-color:var(--primary);background:var(--light)}.payment-method img{height:24px;width:auto;object-fit:contain}.payment-method span{font-size:.75rem;color:var(--gray);font-weight:500}.payment-va{background:var(--dark);color:#fff;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;text-align:center}.payment-va p{font-size:.85rem;margin-bottom:.75rem;opacity:.8}.va-number{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffff1a;padding:1rem;border-radius:8px}.va-number span{font-size:1.25rem;font-weight:700;font-family:monospace;letter-spacing:2px}.va-number button{background:#fff3;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#fff;transition:var(--transition)}.va-number button:hover{background:#ffffff4d}.member-warning{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:.75rem;font-size:.875rem;color:#92400e}.member-warning svg{flex-shrink:0;color:#b8860b}.member-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.member-badge.verified{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.member-badge.non-member{background:#fee2e2;color:#dc2626}.member-badge.pending{background:#fef3c7;color:#b8860b}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem;background:linear-gradient(135deg,var(--light) 0%,#d1fae5 50%,var(--white) 100%)}.auth-container{width:100%;max-width:440px}.auth-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.auth-header h1{font-size:1.75rem;color:var(--dark);margin-bottom:.5rem}.auth-header p{color:var(--gray);font-size:.95rem}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.875rem 1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.auth-form .form-group{margin-bottom:1.25rem}.auth-form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark);font-size:.9rem}.auth-form input{width:100%;padding:.875rem 1rem;border:2px solid var(--light);border-radius:10px;font-size:1rem;transition:var(--transition);background:var(--light)}.auth-form input:focus{outline:none;border-color:var(--primary);background:#fff}.btn-full{width:100%}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--light)}.auth-footer p{color:var(--gray);font-size:.9rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media(max-width:480px){.payment-method-grid{grid-template-columns:repeat(2,1fr)}.register-steps{flex-wrap:wrap;gap:.5rem}.step-line{display:none}}.upgrade-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #d4af37;border-radius:16px;padding:2rem}.upgrade-steps{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.upgrade-step{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray)}.upgrade-step .step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--gray-light);border-radius:50%;font-weight:600}.upgrade-step.active .step-number{background:var(--gradient-secondary);border-color:#d4af37;color:#fff}.upgrade-step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.step-connector{width:60px;height:2px;background:var(--gray-light);margin:0 1rem}.upgrade-content{background:#fff;padding:1.5rem;border-radius:12px;margin-top:1rem}.status-badge.verified{color:#047857!important}.status-badge.non-member{color:#dc2626!important}.status-badge.pending{color:#b8860b!important}.profile-stat-card.status-card.verified{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.profile-stat-card.status-card.non-member{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.profile-stat-card.status-card.pending{border-color:#d4af37;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.custom-toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;animation:slideInRight .3s ease-out;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;padding:4px;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s;display:flex;align-items:center;justify-content:center;border-radius:6px}.toast-close:hover{opacity:1;transform:scale(1.1);background:#0000001a}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out;padding:20px}.confirm-modal{background:#fff;border-radius:20px;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.modal-icon svg{width:32px;height:32px}.modal-title{font-size:1.35rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.modal-message{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:1.75rem}.modal-buttons{display:flex;gap:12px;justify-content:center}.btn-modal{padding:12px 28px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#f3f4f6;color:#4b5563}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{color:#fff;box-shadow:0 4px 12px #00000026}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}@media(max-width:480px){.toast-container{left:12px;right:12px;top:12px;max-width:none}.custom-toast{padding:14px 16px}.confirm-modal{padding:1.5rem;margin:1rem}.modal-buttons{flex-direction:column}.btn-modal{width:100%}}.welcome-section{position:relative;z-index:10;border-bottom:1px solid #047857}.about-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,#059669,#047857 40%,#022c22);overflow:hidden;padding:4rem 2rem}.about-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ecfdf5' stroke-width='1' stroke-opacity='0.08'%3E%3C!-- Spiral / Arabesque Curves Background --%3E%3Cpath d='M0 60 Q 30 20 60 60 T 120 60' /%3E%3Cpath d='M60 0 Q 100 30 60 60 T 60 120' /%3E%3Cpath d='M0 0 Q 30 0 60 60 T 120 120' opacity='0.5'/%3E%3Cpath d='M120 0 Q 90 0 60 60 T 0 120' opacity='0.5'/%3E%3C!-- Islamic Geometry: Rub el Hizb (8-pointed star style) --%3E%3Crect x='35' y='35' width='50' height='50' transform='rotate(45 60 60)' stroke-width='1.5' /%3E%3Crect x='35' y='35' width='50' height='50' stroke-width='1.5' /%3E%3Ccircle cx='60' cy='60' r='10' /%3E%3Ccircle cx='60' cy='60' r='3' fill='%23ecfdf5' fill-opacity='0.1' /%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px;opacity:1}.about-content{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto}.about-header{text-align:center;margin-bottom:3rem}.about-badge{display:inline-block;background:#fff3;color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.about-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto}.visi-misi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.visi-card,.misi-card{background:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #00000026;transition:transform .3s ease,box-shadow .3s ease}.visi-card:hover,.misi-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0003}.visi-icon,.misi-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.visi-icon{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.misi-icon{background:linear-gradient(135deg,#047857,#10b981);color:#fff}.visi-card h3,.misi-card h3{font-size:1.5rem;font-weight:700;color:#064e3b;margin-bottom:1rem}.visi-card p{color:#374151;font-size:1rem;line-height:1.8}.misi-list{list-style:none;padding:0;margin:0}.misi-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#374151;font-size:.95rem;line-height:1.6}.misi-list li:before{content:"";position:absolute;left:0;top:.5rem;width:8px;height:8px;background:linear-gradient(135deg,#0d9488,#10b981);border-radius:50%}.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.value-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,background .3s ease}.value-item:hover{transform:scale(1.05);background:#ffffff40}.value-number{font-size:2.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.value-label{font-size:.875rem;color:#ffffffe6;font-weight:500}@media(max-width:992px){.visi-misi-grid{grid-template-columns:1fr}.about-values{grid-template-columns:repeat(2,1fr)}.about-title{font-size:2.5rem}}@media(max-width:576px){.about-section{padding:3rem 1rem}.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.visi-card,.misi-card{padding:1.5rem}.about-values{grid-template-columns:repeat(2,1fr);gap:1rem}.value-number{font-size:2rem}.value-item{padding:1rem}}.info-hero{background:var(--gradient-dark);padding:8rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.info-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5'%3E%3Cpath d='M40 0 L45 15 L60 15 L48 24 L53 40 L40 30 L27 40 L32 24 L20 15 L35 15 Z'/%3E%3Cpath d='M40 80 L45 65 L60 65 L48 56 L53 40 L40 50 L27 40 L32 56 L20 65 L35 65 Z'/%3E%3C/g%3E%3C/svg%3E");opacity:.1;background-size:80px 80px}.info-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.info-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--white);font-weight:800;margin-bottom:1rem}.info-hero p{font-size:1.125rem;color:#fffc;max-width:500px;margin:0 auto}.info-section{padding:4rem 0;background:var(--light)}.info-card{background:var(--white);border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.info-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--light)}.info-icon{width:56px;height:56px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.info-icon.rules{background:var(--gradient-secondary)}.info-card-header h2{font-size:1.5rem;color:var(--dark);font-weight:700;margin:0}.info-steps{display:flex;flex-direction:column;gap:1.5rem}.info-step{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:var(--light);border-radius:12px;transition:var(--transition)}.info-step:hover{transform:none;background:#04785726}.step-number{width:48px;height:48px;background:var(--gradient-primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;flex-shrink:0}.step-content h3{font-size:1.125rem;color:var(--dark);font-weight:700;margin-bottom:.5rem}.step-content p{color:var(--gray);font-size:.95rem;line-height:1.6;margin:0}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem 1.5rem;background:var(--light);border-radius:12px;border-left:4px solid var(--primary);transition:var(--transition)}.rule-item:hover{transform:none;background:#04785726;box-shadow:var(--shadow-sm)}.rule-item.highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left-color:var(--primary-light)}.rule-item.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:var(--secondary)}.rule-number{width:32px;height:32px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.rule-item.warning .rule-number{background:var(--secondary)}.rule-content h4{font-size:1rem;color:var(--dark);font-weight:700;margin-bottom:.35rem}.rule-content p{color:var(--gray);font-size:.9rem;line-height:1.5;margin:0}.info-summary{background:var(--white);border-radius:16px;padding:2rem;box-shadow:var(--shadow-sm)}.info-summary h3{font-size:1.25rem;color:var(--dark);font-weight:700;text-align:center;margin-bottom:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.summary-item{background:var(--light);border-radius:12px;padding:1.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:var(--transition)}.summary-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.summary-item.warning{background:linear-gradient(135deg,#fef3c7,#fde68a)}.summary-icon{font-size:2rem}.summary-label{font-size:.75rem;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.summary-value{font-size:1.125rem;color:var(--dark);font-weight:800}@media(max-width:768px){.info-hero{padding:6rem 1.25rem 2.5rem}.info-hero h1{font-size:1.75rem}.info-hero p{font-size:.95rem}.info-section{padding:2rem 0}.info-section .section-container{padding:0 1rem}.info-card{padding:1.25rem;border-radius:12px;margin-bottom:1.25rem}.info-card-header{gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem}.info-icon{width:44px;height:44px;border-radius:10px}.info-icon svg{width:24px;height:24px}.info-card-header h2{font-size:1.15rem}.info-step{padding:1rem;gap:1rem}.step-number{width:38px;height:38px;font-size:1rem}.step-content h3{font-size:1rem}.step-content p{font-size:.85rem}.rule-item{padding:1rem;gap:.75rem}.rule-number{width:28px;height:28px;font-size:.75rem}.rule-content h4{font-size:.9rem}.rule-content p{font-size:.8rem}.summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.summary-item{padding:1rem .5rem;border-radius:10px}.summary-icon svg{width:20px;height:20px}.summary-label{font-size:.65rem}.summary-value{font-size:.95rem}}@media(max-width:400px){.info-hero{padding:5.5rem 1rem 2rem}.info-hero h1{font-size:1.5rem}.info-card{padding:1rem}.info-step,.rule-item{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:1fr 1fr;gap:.5rem}.summary-item{padding:.75rem .5rem}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.member-offer-modal{background:#fff;border-radius:24px;padding:2.5rem;max-width:420px;width:100%;text-align:center;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .4s ease}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.modal-close-btn:hover{background:#e2e8f0;color:#334155}.member-offer-icon{width:80px;height:80px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#059669}.member-offer-modal h2{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 .5rem}.member-offer-subtitle{color:#64748b;font-size:1rem;margin:0 0 1.5rem}.member-offer-benefits{background:#f8fafc;border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.benefit-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#334155;font-size:.95rem}.benefit-item svg{color:#10b981;flex-shrink:0}.member-offer-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.price-label{font-size:.9rem;color:#64748b}.price-value{font-size:2rem;font-weight:800;color:#059669}.price-period{font-size:.85rem;color:#94a3b8}.member-offer-actions{display:flex;flex-direction:column;gap:.75rem}.btn-text{background:transparent;border:none;color:#64748b;font-size:.95rem;font-weight:500;cursor:pointer;padding:.75rem;transition:color .2s ease}.btn-text:hover{color:#334155}@media(max-width:480px){.member-offer-modal{padding:2rem 1.5rem;border-radius:20px}.member-offer-modal h2{font-size:1.5rem}.price-value{font-size:1.75rem}}.membership-section{padding:5rem 2rem;background:linear-gradient(135deg,#064e3b,#047857,#065f46);position:relative;overflow:hidden}.membership-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.membership-section .section-container{position:relative;z-index:1}.membership-content{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:center;max-width:1200px;margin:0 auto}.membership-info{color:#fff}.membership-badge{display:inline-block;background:linear-gradient(135deg,#daa520,#d4af37);color:#1e293b;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.4rem .9rem;border-radius:20px;margin-bottom:1rem}.membership-info h2{font-size:2.5rem;font-weight:800;margin:0 0 .75rem;line-height:1.2}.membership-subtitle{font-size:1.1rem;color:#fffc;margin:0 0 2rem}.membership-benefits{display:flex;flex-direction:column;gap:1.25rem}.membership-benefit{display:flex;gap:1rem;align-items:flex-start}.membership-benefit .benefit-icon{width:48px;height:48px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.membership-benefit .benefit-icon svg{color:#daa520}.membership-benefit h4{margin:0 0 .25rem;font-size:1.05rem;font-weight:600}.membership-benefit p{margin:0;font-size:.9rem;color:#ffffffb3}.membership-cta-card{background:#fff;border-radius:24px;padding:2rem;text-align:center;box-shadow:0 25px 50px -12px #00000040}.cta-price-tag{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.cta-price-label{font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.cta-price-value{font-size:2.5rem;font-weight:800;color:#047857;margin:.25rem 0}.cta-price-note{font-size:.85rem;color:#94a3b8}.cta-features{background:#f8fafc;border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left}.cta-feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;color:#334155}.cta-feature svg{color:#10b981;flex-shrink:0}.btn-membership{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#047857,#10b981);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0478574d}.btn-membership:hover{transform:translateY(-2px);box-shadow:0 8px 25px #04785766}.cta-note{font-size:.8rem;color:#94a3b8;margin:1rem 0 0}@media(max-width:900px){.membership-content{grid-template-columns:1fr;text-align:center}.membership-info h2{font-size:2rem}.membership-benefits{max-width:400px;margin:0 auto}.membership-benefit{text-align:left}.membership-cta-card{max-width:400px;margin:0 auto}}@media(max-width:480px){.membership-section{padding:3rem 1rem}.membership-info h2{font-size:1.75rem}.cta-price-value{font-size:2rem}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge.member{background:#d1fae5;color:#047857}.role-badge.non-member{background:#fee2e2;color:#dc2626}.btn-sm{padding:.4rem .75rem;font-size:.8rem;border-radius:6px;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#334155;transition:all .2s ease}.btn-sm:hover{background:#f1f5f9}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.text-center{text-align:center}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;width:44px;height:44px;background:#fff;border:none;border-radius:10px;box-shadow:0 2px 10px #00000026;cursor:pointer;align-items:center;justify-content:center}@media(max-width:992px){.mobile-menu-toggle{display:flex!important;position:fixed;top:1rem;left:1rem;z-index:1101;background:var(--primary);border:none;border-radius:12px;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-menu-close{display:flex!important;position:fixed;top:1rem;right:1rem;z-index:1101;background:#ef4444;border:none;border-radius:50%;width:40px;height:40px;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md);transition:var(--transition)}.admin-section{padding:5rem 1rem 1rem!important}.section-container{padding:1.5rem!important;border-radius:12px;margin-bottom:1rem}.stat-value{font-size:1.875rem!important}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 -1rem!important;padding:0 1rem!important}.form-group{gap:.5rem!important}.form-group label{font-size:.875rem!important;font-weight:600!important}.form-group input,.form-group select,.form-group textarea{padding:.75rem!important;font-size:.875rem!important;border-radius:8px!important}.btn{padding:.75rem 1rem!important;font-size:.875rem!important;border-radius:8px!important;transition:all .2s ease!important}.btn-sm{padding:.5rem .75rem!important;font-size:.75rem!important;border-radius:6px!important}.role-badge{font-size:.7rem!important;padding:.25rem .5rem!important;border-radius:4px!important}}@media(min-width:576px)and (max-width:767px){.mobile-menu-toggle,.mobile-menu-close{display:flex!important}.admin-section{padding:5rem 1.5rem 1.5rem!important}.section-container{padding:1.75rem!important}}@media(min-width:768px)and (max-width:991px){.admin-section{padding:1.75rem!important}.section-container{padding:1.875rem!important}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media(min-width:992px)and (max-width:1199px){.admin-section{padding:1.875rem!important}.section-container{padding:2rem!important}}@media(min-width:1200px){.admin-section,.section-container{padding:2.5rem!important}}@media(min-width:1400px){.admin-section{max-width:1600px!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.section-container{border-width:.5px}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px!important;min-width:44px!important}.mobile-menu-toggle{width:52px!important;height:52px!important}.mobile-menu-close{width:44px!important;height:44px!important}}@media(max-width:768px){.nav-container{padding:.75rem 1rem}.nav-auth{margin-left:0}}@media(max-width:768px){.books-hero{padding:6rem 1rem 2rem}.books-hero h1{font-size:2rem}.book-search-form{flex-direction:column}.book-search-form input,.book-search-form button{width:100%;border-radius:8px!important}.books-categories-scroll{padding:0 1rem}}@media(max-width:480px){.section-container{padding:0 1rem}.profile-page{padding:5rem 1rem 1rem}.profile-header{padding:1.5rem}.profile-avatar{width:70px;height:70px}.profile-info h1{font-size:1.35rem}.profile-section{padding:1.25rem}.contact-section{padding:3rem 0 1rem}.contact-content{gap:2rem}.contact-item{padding:1rem}.contact-icon{width:48px;height:48px}.footer-container{padding:0 1rem 2rem}}@media(max-width:768px){.menu-toggle{display:flex!important;z-index:1001;color:#000!important}.menu-toggle svg{stroke:#000!important}.nav-links{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;background:#fffffff2!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;flex-direction:column!important;padding:0 1rem!important;gap:1.5rem!important;box-shadow:none!important;transform:translate(-100%)!important;transition:transform .4s cubic-bezier(.4,0,.2,1)!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important;overflow-x:hidden!important}.nav-links.active{transform:translate(0)!important}.nav-links a:not(.nav-login-btn):not(.nav-register-btn):not(.nav-profile-btn){font-size:1.35rem!important;font-weight:700!important;width:auto!important;padding:.75rem 2rem!important;border-bottom:none!important;text-align:center!important;color:var(--dark)!important}.desktop-auth{display:flex!important;margin-left:0!important;width:100%!important;margin-top:2rem!important;justify-content:center!important}.mobile-auth{display:none!important}.nav-auth-buttons{flex-direction:row!important;width:auto!important;gap:1rem!important;align-items:center!important;justify-content:center!important;display:flex!important;flex-wrap:nowrap!important}.nav-login-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.9rem 2rem!important;background:transparent!important;border:2px solid var(--primary)!important;color:var(--primary)!important;border-radius:0!important;font-weight:700!important;font-size:1.1rem!important;text-decoration:none!important;white-space:nowrap!important;min-width:unset!important}.nav-register-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.9rem 2rem!important;background:var(--gradient-primary)!important;color:var(--white)!important;border-radius:0!important;font-weight:700!important;font-size:1.1rem!important;text-decoration:none!important;border:2px solid transparent!important;white-space:nowrap!important;min-width:unset!important}.nav-container{padding:.75rem 1rem}.mobile-menu-overlay{display:none!important}}@media(max-width:768px){.nav-auth-buttons{flex-direction:column!important;gap:1rem!important;width:100%!important}.nav-login-btn,.nav-register-btn{width:100%!important;max-width:100%!important;display:flex!important}.nav-login-btn:hover{background:var(--primary)!important;color:var(--white)!important}.nav-register-btn:hover{opacity:.9!important}}@media(max-width:1024px){#program .program-grid{flex-wrap:wrap!important}#program .program-card-link{flex:0 0 50%!important;width:50%!important;max-width:50%!important}#program .program-grid:hover .program-card-link,#program .program-grid:hover .program-card-link:hover{flex:0 0 50%!important;width:50%!important}}@media(max-width:600px){#program .program-grid{flex-direction:column!important;min-height:auto!important}#program .program-card-link{flex:0 0 100%!important;width:100%!important;max-width:100%!important}#program .program-grid:hover .program-card-link,#program .program-grid:hover .program-card-link:hover{flex:0 0 100%!important;width:100%!important}.program-card{min-height:380px!important}.program-card-image-container{height:200px!important}.program-section{width:100%!important;margin-left:0!important;padding:3rem 1rem!important}.program-grid{border-radius:0!important}}@media(max-width:768px){.filosofi-section{padding:3rem 1rem}.filosofi-content{grid-template-columns:1fr!important;gap:2rem!important}.filosofi-text h2{font-size:1.75rem;text-align:center}.filosofi-quote{font-size:1.1rem}.filosofi-story{font-size:.95rem;text-align:left}.filosofi-images-stack{max-width:400px;margin:0 auto}.filosofi-badge-center{width:100%!important;transform:none}}@media(max-width:768px){.visi-misi-grid{grid-template-columns:1fr!important;gap:1.5rem}.about-values{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.about-section{padding:3rem 1rem}.about-title{font-size:1.75rem}.visi-card,.misi-card{padding:1.5rem}.value-number{font-size:2rem}}@media(max-width:600px){.welcome-section{padding-top:60px}.welcome-title{font-size:2rem!important}.welcome-subtitle{font-size:1rem;padding:0 .5rem}.welcome-buttons{flex-direction:column;gap:1rem;width:100%;padding:0 1rem}.welcome-buttons .btn{width:100%}.scroll-indicator{bottom:1.5rem}}@media(max-width:768px){.contact-section{padding:3rem 1rem}.contact-content{grid-template-columns:1fr!important;gap:2rem}.contact-left,.contact-right{width:100%}.contact-info{gap:1rem}.contact-item{flex-direction:column;text-align:center;gap:.75rem}.contact-map{height:250px}.contact-map iframe{height:250px!important}.feedback-form-container{padding:1.5rem}.home-footer{padding:1.5rem 0}.footer-social{gap:1rem}}@media(max-width:768px){.donasi-section .donasi-content{grid-template-columns:1fr!important}.donasi-info,.donasi-card{padding:2rem 1.5rem!important}.donasi-benefits li{font-size:.95rem}}@media(max-width:992px){.admin-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center}.admin-nav-item{padding:.5rem 1rem;font-size:.85rem}.admin-main{margin-left:0!important;width:100%!important;padding:1rem!important}}@media(max-width:600px){.admin-nav{flex-direction:column}.admin-nav-item{width:100%;text-align:center}}@media(max-width:768px){.books-hero{padding:6rem 1rem 3rem}.books-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.books-search-wrapper{width:100%}.books-categories-scroll{padding:0 1rem}.category-chip{font-size:.8rem;padding:.5rem 1rem}}@media(max-width:480px){.books-grid{grid-template-columns:1fr!important;gap:1rem;padding:0 1rem}.book-card{max-width:100%}}@media(max-width:600px){.profile-page{padding:4.5rem .75rem 1rem}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{white-space:nowrap;flex-shrink:0;padding:.75rem 1rem;font-size:.85rem}.loans-list{gap:1rem}.loan-card{padding:1rem}}@media(max-width:600px){.auth-page{padding:5rem 1rem 2rem}.auth-card{padding:1.5rem;margin:0}.auth-title{font-size:1.5rem}.form-row{grid-template-columns:1fr!important}}@media(max-width:480px){.section-title{font-size:1.5rem!important}.section-subtitle{font-size:.95rem;padding:0 .5rem}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}body,.app{overflow-x:hidden}img{max-width:100%;height:auto}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:360px){.nav-logo{font-size:1.1rem}.logo-image{height:32px}.btn{padding:.75rem 1.25rem;font-size:.9rem}.welcome-title{font-size:1.75rem!important}.about-values{grid-template-columns:1fr!important}.btn-full{width:100%!important;display:flex!important;justify-content:center!important}}.books-categories{position:sticky;top:0;z-index:990;background:var(--white);padding:10px 0;box-shadow:0 2px 10px #0000000d}.books-categories .categories-scroll{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:10px;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.books-categories .categories-scroll::-webkit-scrollbar{display:none}.category-btn{white-space:nowrap!important;flex-shrink:0!important}@media(max-width:768px){.books-search{width:100%!important;max-width:100%!important;margin-top:1rem}.books-search input{width:100%!important}.books-hero-content{padding:0 1rem}}@media(max-width:576px){.stat-value{font-size:2rem}.form-group input,.form-group select{font-size:16px}}.membership-section{position:relative;background-color:var(--dark);overflow:hidden}.membership-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:20px 20px;opacity:.6!important;z-index:0;pointer-events:none}.membership-content{position:relative;z-index:1}.contact-section{position:relative;background-color:var(--dark);padding:5rem 0;overflow:hidden}.contact-section:before{content:"";position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' opacity='0.3'%3E%3Cpath d='M20 5 L60 5 L75 20 L75 60 L60 75 L20 75 L5 60 L5 20 Z'/%3E%3Cpath d='M20 5 L60 75 M60 5 L20 75 M5 20 L75 60 M75 20 L5 60'/%3E%3Ccircle cx='40' cy='40' r='10'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;background-repeat:repeat;z-index:0;pointer-events:none}.contact-section .section-title,.contact-section .section-subtitle,.contact-section h4,.contact-section p,.contact-section span{color:var(--white)}.contact-section .section-subtitle{opacity:.9}.contact-section .section-container{position:relative;z-index:2}.contact-info .contact-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2);margin-bottom:1rem;transition:var(--transition)}.contact-info .contact-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d;background:#ffffff26;border-color:#fff6}.contact-icon{background:#fff;color:var(--primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;box-shadow:0 4px 6px -1px #0000001a}.contact-map iframe{box-shadow:0 8px 32px #0000004d;border:2px solid rgba(255,255,255,.3)!important;border-radius:12px}.feedback-form-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.1)}.feedback-form-container h3,.feedback-form-container p{color:#fff!important}.feedback-icon{background:#fff;color:var(--primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem}.feedback-header{display:flex;align-items:center;margin-bottom:2rem}.contact-section input,.contact-section textarea{background:#0003;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;padding:1rem}.contact-section input::placeholder,.contact-section textarea::placeholder{color:#fff9}.contact-section input:focus,.contact-section textarea:focus{background:#0000004d;border-color:var(--secondary);box-shadow:0 0 0 4px #d4af371a;outline:none}.contact-section label{color:#fff}.btn-feedback-submit{width:100%;padding:.875rem;background:var(--gradient-secondary);color:#fff;border:none;font-weight:700;border-radius:12px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #0003}.btn-feedback-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;filter:brightness(1.1)}.admin-layout{display:flex;min-height:100vh;background-color:#f3f4f6;font-family:Outfit,Inter,sans-serif;overflow:hidden}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInScale{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.admin-sidebar{width:280px;min-width:280px;background:var(--dark, #064e3b);background:linear-gradient(180deg,#022c22,#064e3b);color:#fff;display:flex;flex-direction:column;height:100vh;box-shadow:4px 0 24px #0000001a;position:relative;z-index:100;transition:transform .4s cubic-bezier(.25,1,.5,1)}.sidebar-header{padding:2rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{width:42px;height:42px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.sidebar-header:hover .sidebar-logo{transform:rotate(-10deg) scale(1.05)}.sidebar-brand{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#a7f3d0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:transparent;color:#d1d5db;border:none;border-radius:10px;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.sidebar-link svg{stroke-width:2.5;transition:transform .2s ease}.sidebar-link:hover{background:#ffffff0f;color:#fff;transform:translate(4px)}.sidebar-link.active{background:var(--primary, #10b981);background:linear-gradient(90deg,#10b981e6,#047857e6);color:#fff;box-shadow:0 4px 12px #10b9814d}.sidebar-link.active svg{transform:scale(1.1)}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:1rem}.sidebar-user{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:36px;height:36px;border-radius:50%;overflow:hidden;box-shadow:0 2px 4px #0003}.user-info-small h4{margin:0;font-size:.9rem;font-weight:600;color:#fff}.user-info-small p{margin:0;font-size:.75rem;color:#9ca3af}.btn-logout-sidebar{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-logout-sidebar:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444466}.admin-main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;background:#f9fafb}.admin-section{flex:1;padding:2rem;animation:fadeInScale .4s ease forwards}.section-container{max-width:1400px;margin:0 auto}.admin-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}.admin-header h1{font-size:2rem;font-weight:800;color:#111827;margin:0 0 .5rem;letter-spacing:-.5px}.admin-header p{color:#6b7280;margin:0;font-size:.95rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005;border:1px solid #f3f4f6;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000014;border-color:#e5e7eb}.stat-icon-wrapper{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary, linear-gradient(135deg, #10b981 0%, #047857 100%));color:#fff;box-shadow:0 4px 12px #10b98140}.stat-info h3{font-size:.85rem;text-transform:uppercase;font-weight:600;color:#6b7280;margin:0 0 .25rem;letter-spacing:.5px}.stat-value{font-size:1.85rem;font-weight:800;color:#111827;margin:0;line-height:1}.admin-quick-actions{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6;margin-bottom:2rem}.quick-actions-title{font-size:1.1rem;font-weight:700;color:#374151;margin:0 0 1rem}.admin-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--primary, #10b981);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-primary:hover{background:var(--primary-dark, #047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-outline{background:transparent;color:#4b5563;border:1px solid #d1d5db}.btn-outline:hover{background:#f9fafb;color:#111827;border-color:#9ca3af}.btn-sm{padding:.4rem .85rem;font-size:.8rem;border-radius:6px}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626;box-shadow:0 2px 8px #dc26264d}.admin-form-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 25px -5px #0000000d;border:1px solid #f3f4f6;animation:slideInLeft .3s ease}.admin-form .form-group{margin-bottom:1.25rem}.admin-form label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;font-size:.95rem;color:#111827;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.admin-form input:focus,.admin-form textarea:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b98126}.table-responsive{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #00000008;border:1px solid #e5e7eb;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th{background:#f9fafb;padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.admin-table td{padding:1rem 1.5rem;font-size:.9rem;color:#374151;border-bottom:1px solid #f3f4f6;vertical-align:middle}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.role-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-badge.member{background:#dcfce7;color:#166534}.role-badge.non-member{background:#f3f4f6;color:#4b5563}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-tiny{width:32px;height:32px;border-radius:50%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.mobile-menu-toggle{display:none;background:#fff;border:1px solid #e5e7eb;padding:.6rem;border-radius:10px;cursor:pointer;box-shadow:0 2px 6px #00000014;color:#334155}.sidebar-overlay{display:none;position:fixed;inset:0;background:#11182780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.mobile-menu-close{display:none!important}.tags-management-container{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}.tags-management-container h3{font-size:1.1rem;font-weight:700;color:#1f2937;padding:1rem 1.5rem;margin:0;border-bottom:1px solid #f3f4f6}@media(max-width:992px){.admin-layout{flex-direction:column;overflow-x:hidden}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:.75rem;left:.75rem;z-index:50;background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.mobile-menu-close.show{display:flex!important;position:fixed;top:.75rem;right:.75rem;z-index:1100;background:#ef4444;border:none;border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ef444466;cursor:pointer}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;min-width:280px;transform:translate(-100%);box-shadow:4px 0 30px #0003;z-index:100}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block}.admin-main-content{height:auto;min-height:100vh;overflow-y:auto}.admin-section{padding:3.5rem 1rem 2rem}.admin-header{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-header h1{font-size:1.5rem}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem;gap:.75rem}.stat-icon-wrapper{width:42px;height:42px;border-radius:10px}.stat-icon-wrapper svg{width:20px;height:20px}.stat-info h3{font-size:.7rem}.stat-value{font-size:1.35rem}.admin-actions{flex-direction:column}.admin-actions .btn{width:100%;justify-content:center}.table-responsive{border-radius:12px;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{padding:.75rem 1rem;font-size:.8rem}.tags-management-container{grid-template-columns:1fr}.admin-form-card{padding:1.25rem;border-radius:12px}.admin-form input,.admin-form textarea,.admin-form select{font-size:16px}}@media(max-width:640px){.admin-section{padding:3.5rem .75rem 1.5rem}.admin-stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.85rem 1rem;border-radius:12px}.admin-header h1{font-size:1.3rem}.admin-form-card{padding:1rem}}@media(max-width:400px){.admin-section{padding:3.5rem .5rem 1rem}.stat-card{flex-direction:column;align-items:flex-start;gap:.5rem}.btn{font-size:.8rem;padding:.5rem .85rem}.btn-sm{font-size:.7rem;padding:.35rem .6rem}}