@import'https://fonts.googleapis.com/css2?family=Fjalla+One&family=Julius+Sans+One&family=Outfit:wght@100..900&display=swap" rel="stylesheet';@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Poppins:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#fff;color:#000}#root{position:relative;z-index:0}html,body,#root{height:100%}.admin-layout{height:100vh;display:flex;overflow:hidden}.admin-main{flex:1;height:100vh;overflow-y:auto!important;overflow-x:hidden}.admin-content{min-height:100%;height:auto}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}:root{--bg-overlay: rgba(0,0,0,.75);--card-bg: rgba(255,255,255,.95);--text: #111827;--muted: #6b7280;--input-bg: #f9fafb;--border: #e5e7eb;--primary: #0f3d1a}body.dark{--bg-overlay: rgba(0,0,0,.9);--card-bg: rgba(17,24,39,.95);--text: #f9fafb;--muted: #9ca3af;--input-bg: #1f2937;--border: #374151;--primary: #22c55e}body.dark,body.dark html,body.dark #root,body.dark .admin-layout,body.dark .admin-main,body.dark .dashboard-wrapper,body.dark .dashboard-page,body.dark .dashboard-content{background:#0b1220!important;color:#e5e7eb!important}body.dark *{border-color:#4b55634d}body.dark .card,body.dark .dashboard-section,body.dark .gallery-card,body.dark .event-card{background:#111827eb!important;color:#e5e7eb!important}body.dark .dashboard-table td,body.dark .dashboard-table th{background:transparent!important;color:#e5e7eb!important}body.dark .action-menu{background:#111827!important;color:#e5e7eb!important}body.dark .action-menu button:hover{background:#ffffff0f}body.dark .admin-layout{background:#0b1220!important}.actions{position:relative;z-index:9999;isolation:isolate}.inline-actions{display:flex;gap:8px;align-items:center}.action-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn.approve{background:#e9f9ee;color:#15803d;border-color:#bbf7d0}.action-btn.approve:hover{background:#16a34a;color:#fff;transform:translateY(-1px)}.action-btn.reject{background:#fff1f2;color:#be123c;border-color:#fecdd3}.action-btn.reject:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.action-btn.delete{background:#f3f4f6;color:#374151}.action-btn.delete:hover{background:#111827;color:#fff;transform:translateY(-1px)}.action-menu{position:absolute;top:38px;right:0;width:220px;background:#fff;border-radius:14px;box-shadow:0 18px 45px #0000002e;padding:8px;z-index:999999;display:flex;flex-direction:column;gap:6px;animation:fadePop .15s ease}.action-menu button{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:none;background:transparent;font-size:13px;font-weight:500;cursor:pointer;transition:.2s ease}.action-menu button:hover{background:#f3f4f6}.action-menu .view{color:#111827}.action-menu .edit{color:#2563eb}.action-menu .delete{color:#dc2626}.btn-more.action-label{background:#111827;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s ease}.btn-more.action-label:hover{background:#1f2937;transform:translateY(-1px)}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}body.dark{background:#0b1220;color:#e5e7eb;transition:.3s ease}.header{display:flex;justify-content:space-between;align-items:center;padding:50px 30px;margin-bottom:28px;border-radius:10px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at top left,#14532d,#0b3d1a 40%,#062b12);box-shadow:0 30px 80px #00000040,inset 0 0 0 1px #ffffff14}.header:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 180deg,#22c55e26,#10b9811a,#22c55e26,#0000);animation:rotateGlow 12s linear infinite;filter:blur(40px);opacity:.9}.header:after{content:"";position:absolute;width:220%;height:220%;top:-60%;left:-60%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.02) 55%,transparent 100%);transform:rotate(20deg);animation:lightSweep 7s linear infinite}.header-particles{position:absolute;inset:0;overflow:hidden;z-index:0}.header-particles span{position:absolute;bottom:-20px;width:6px;height:6px;background:#22c55e40;border-radius:50%;animation:floatUp 10s linear infinite}.header-left{z-index:2;display:flex;flex-direction:column;gap:6px}.header-title{display:flex;align-items:center;gap:14px}.header-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));transition:.3s ease}.header-logo:hover{transform:scale(1.08) rotate(-3deg)}.header-title h1{margin:0}.header-title p{margin:3px 0 0}.header-left h1{font-size:2.1rem;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-left p{font-size:13px;opacity:.85}.header-badge{z-index:2;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;font-size:12px;font-weight:700;background:#ffffff14;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-badge:before{content:"";width:9px;height:9px;background:#22c55e;border-radius:50%;box-shadow:0 0 14px #22c55e;animation:pulseDot 1.6s infinite}@keyframes rotateGlow{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.2)}}@keyframes lightSweep{0%{transform:translate(-40%) rotate(20deg)}to{transform:translate(40%) rotate(20deg)}}@keyframes floatUp{0%{transform:translateY(0) scale(.8);opacity:0}50%{opacity:.6}to{transform:translateY(-250px) scale(1.2);opacity:0}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.add-container{display:flex;justify-content:flex-end;margin-bottom:10px}.add{background:linear-gradient(135deg,#0e7a00f2,#0aa000d9);color:#fff;border:1px solid rgba(255,255,255,.18);padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;letter-spacing:.3px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 15px #00000026;transition:all .25s ease;position:relative;overflow:hidden}.add:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 22px #00000040;background:linear-gradient(135deg,#10a000f2,#0cb400d9)}.add:active{transform:translateY(0) scale(.98);box-shadow:0 4px 10px #0003}.add:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:#ffffff26;transform:rotate(25deg);transition:.5s}.add:hover:after{left:120%}.actions{position:relative;z-index:100;overflow:visible}.btn-more{background:transparent;border:none;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:.2s;color:#111827;position:relative;z-index:10}.btn-more:hover{background:#0000000d}.action-menu{position:absolute;top:35px;right:0;width:240px;background:#fff;border-radius:12px;box-shadow:0 12px 30px #0000002e;padding:10px;z-index:99999;display:flex;flex-direction:column;gap:6px;animation:fadeIn .15s ease}.action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:none;background:transparent;cursor:pointer;border-radius:6px;font-size:14px;transition:.2s}.action-menu button:hover{background:#0000000d}.action-menu .view{color:#333}.action-menu .edit{color:#007bff}.action-menu .delete{color:#dc3545}.member-table tbody tr.active-row{z-index:1000}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:18px}.event-card{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:12px;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000000f;border:1px solid rgba(255,255,255,.6);transition:.3s ease}.card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 45px #0000001f}.fb-wrapper{width:100%;overflow:hidden;border-radius:12px}.fb-wrapper iframe{width:100%;height:600px;border:none}.card a{padding:10px 12px;font-size:13px;color:#1b5e20;text-decoration:none;border-top:1px solid #eee;font-weight:600}.page{min-height:calc(100vh - 72px);width:100%;display:flex;flex-direction:column}@media(max-width:768px){.header{flex-direction:column;align-items:flex-start;padding:18px 16px;margin-bottom:16px;border-radius:16px;background:linear-gradient(135deg,#0f3d1a,#14532d);box-shadow:0 10px 25px #0000002e;overflow:hidden}.header:before,.header:after,.header-particles{display:none}.header-left{width:100%;gap:6px}.header-title{flex-direction:row;align-items:center;gap:10px}.header-logo{width:48px;height:48px}.header-left h1{font-size:1.4rem;line-height:1.2}.header-left p{font-size:12px;opacity:.8}.header-badge{margin-top:10px;font-size:11px;padding:8px 12px;align-self:flex-start}.header-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:url(/assets/wmsu-B-r3GpIh.jpg) no-repeat center center/cover;position:relative;font-family:Poppins,Segoe UI,sans-serif}.login-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000bf,#000000d9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-wrapper{display:flex;width:920px;border-radius:20px;position:relative;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 60px #00000080,inset 0 0 0 1px #ffffff0d;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-left{flex:1.15;padding:46px 42px;background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.1),transparent 42%),linear-gradient(160deg,#0f3d1a,#164a24 38%,#1b5e20 70%,#2e7d32);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:26px;position:relative;overflow:hidden;isolation:isolate;border-top-left-radius:20px;border-bottom-left-radius:20px}.left-decor{position:absolute;inset:0;z-index:0;pointer-events:none}.dot-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,transparent,black 25%,black 75%,transparent);mask-image:linear-gradient(180deg,transparent,black 25%,black 75%,transparent);opacity:.55}.blob{position:absolute;border-radius:50%;filter:blur(60px)}.blob-1{width:260px;height:260px;background:#42b72a59;top:-70px;right:-70px}.blob-2{width:220px;height:220px;background:#ffffff14;bottom:-60px;left:-60px}.watermark-icon{position:absolute;bottom:-30px;right:-25px;font-size:220px;color:#ffffff0f;transform:rotate(-12deg)}.brand{position:relative;z-index:1}.login-logos{display:flex;gap:12px}.brand-logo{width:54px;height:54px;border-radius:14px;background:#ffffff1f;padding:9px;box-shadow:0 8px 20px #00000040;transition:transform .25s ease}.brand-logo:hover{transform:translateY(-2px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#a5d6a7}.eyebrow:before{content:"";width:18px;height:2px;background:#42b72a;display:inline-block}.brand h1{font-family:Sora,Poppins,sans-serif;font-size:32px;font-weight:700;letter-spacing:.2px;margin-top:10px}.brand .greeting{margin-top:10px;font-size:14px;opacity:.9}.brand-description{margin-top:16px;font-size:13px;line-height:1.8;opacity:.85;max-width:34ch}.left-footer{position:relative;z-index:1}.footer-line{display:block;width:56px;height:3px;border-radius:2px;background:linear-gradient(90deg,#42b72a,#42b72a00)}.login-card{flex:1;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:45px;text-align:center;position:relative;z-index:3;border-top-right-radius:20px;border-bottom-right-radius:20px}.login-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:.4s}.login-card:hover:before{opacity:1}.login-card h2{font-family:Sora,Poppins,sans-serif;font-size:24px;font-weight:700;margin-bottom:5px}.subtext{font-size:13px;color:#6b7280;margin-bottom:22px}.input-group{position:relative;margin-bottom:16px}.input-group input{width:100%;padding:13px 40px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;font-size:14px;outline:none;transition:all .25s ease}.input-group input:hover{border-color:#42b72a;background:#fff}.input-group input:focus{background:#fff;border-color:#42b72a;box-shadow:0 0 0 3px #42b72a26}.icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;transition:.2s}.input-group input:focus+.icon,.input-group:hover .icon{color:#42b72a}.toggle-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#9ca3af;transition:.2s}.toggle-eye:hover{color:#42b72a;transform:translateY(-50%) scale(1.15)}.login-btn{width:100%;padding:13px;border:none;border-radius:10px;background:linear-gradient(135deg,#0f3d1a,#1b5e20,#2e7d32);color:#fff;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);top:0;left:-120%;transition:.6s}.login-btn:hover:before{left:120%}.login-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 10px 25px #42b72a66}.login-btn:active{transform:scale(.97)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-message{margin-top:12px;font-size:13px;font-weight:500;color:#0f3d1a}.slow-warning{margin-top:10px;font-size:12px;color:#b45309;background:#fff7ed;padding:8px;border-radius:6px;border:1px solid #fed7aa;animation:fadeIn .3s ease}.forgot-password span{cursor:pointer;color:#0f3d1a;font-weight:500;display:inline-block;margin-top:10px}.forgot-password span:hover{text-decoration:underline}.forgot-password{margin-top:10px;position:relative;z-index:5}.forgot-link{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:500}.forgot-link:hover{text-decoration:underline}.back-to-login{margin-top:14px;text-align:center}.back-link{background:none;border:none;color:#2563eb;font-size:14px;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:6px;transition:.2s ease}.back-link:hover{background:#2563eb14;text-decoration:underline;transform:translateY(-1px)}.particles{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.particles span{position:absolute;bottom:-50px;width:10px;height:10px;background:#42b72a66;box-shadow:0 0 10px #42b72a99;border-radius:50%;animation:floatUp linear infinite;filter:blur(.3px)}.particles span:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s}.particles span:nth-child(2){left:20%;animation-duration:18s;animation-delay:2s}.particles span:nth-child(3){left:30%;animation-duration:14s;animation-delay:4s}.particles span:nth-child(4){left:40%;animation-duration:20s;animation-delay:1s}.particles span:nth-child(5){left:50%;animation-duration:16s;animation-delay:3s}.particles span:nth-child(6){left:60%;animation-duration:22s;animation-delay:5s}.particles span:nth-child(7){left:70%;animation-duration:13s;animation-delay:2s}.particles span:nth-child(8){left:80%;animation-duration:19s;animation-delay:6s}.particles span:nth-child(9){left:90%;animation-duration:15s;animation-delay:1s}.particles span:nth-child(10){left:15%;animation-duration:17s;animation-delay:4s}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-110vh) scale(.6);opacity:0}}.login-title{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px;text-align:left}.title-icon{display:flex;align-items:center;justify-content:center}.login-title-logo{width:48px;height:48px;object-fit:contain;border-radius:12px;padding:6px;box-shadow:0 8px 20px #0000001f;transition:transform .2s ease}.title-text{display:flex;flex-direction:column;justify-content:center}.title-text h2{font-family:Sora,Poppins,sans-serif;font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#0f3d1a,#2e7d32);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.3px}.title-text p{margin:2px 0 0;font-size:13px;color:#6b7280}@media(max-width:768px){.login-container{padding:40px 20px;align-items:center;justify-content:center}.login-wrapper{width:100%;max-width:340px;flex-direction:column;border-radius:20px;overflow:hidden;transform:scale(.98);box-shadow:0 25px 60px #00000073,0 0 0 1px #ffffff0f}.login-left{padding:22px 18px;text-align:center;gap:14px}.brand h1{font-size:19px;letter-spacing:.3px}.eyebrow{margin-top:10px;font-size:10px}.brand .greeting{font-size:11px}.brand-description{font-size:11px;line-height:1.5;opacity:.8;max-width:none}.login-logos{justify-content:center;margin-top:4px}.brand-logo{width:40px;height:40px}.left-footer{display:flex;justify-content:center}.watermark-icon{font-size:140px}.login-card{padding:22px 18px}.login-card h2{font-size:17px}.subtext{font-size:11px;margin-bottom:14px}.login-title{flex-direction:column;gap:6px;margin-bottom:16px}.login-title-logo{width:38px;height:38px;border-radius:10px}.title-text h2{font-size:17px}.title-text p{font-size:11px}.input-group input{padding:10px 34px;font-size:12.5px}.icon{left:10px;font-size:13px}.toggle-eye{right:10px;font-size:13px}.login-btn{padding:11px;font-size:13px;border-radius:10px}.forgot-password span{font-size:11.5px}.login-message{font-size:11px}.slow-warning{font-size:10.5px;padding:6px}.particles,.left-decor{display:none}}@media(max-width:380px){.login-wrapper{max-width:300px;border-radius:18px}.login-container{padding:50px 16px}.login-card,.login-left{padding:16px 12px}.login-card h2{font-size:16px}}.dashboard-wrapper{display:flex;min-height:100vh;font-family:Segoe UI,sans-serif;overflow-x:hidden}.dashboard-bg-blur{position:fixed;width:650px;height:650px;filter:blur(120px);top:-220px;right:-220px;z-index:0}.dashboard-page{width:100%}.dashboard-content{flex:1;height:100vh;padding:15px;position:relative;z-index:2;transition:.3s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:30px}.card{background:#eef2f7;border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:8px 8px 18px #c9ced6,-8px -8px 18px #fff;transition:all .25s ease}.card:hover{transform:translateY(-6px);box-shadow:12px 12px 24px #c9ced6,-12px -12px 24px #fff}.card-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#eef2f7;box-shadow:inset 4px 4px 8px #c9ced6,inset -4px -4px 8px #fff;transition:all .3s ease}.pending .card-icon{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.approved .card-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}.deleted .card-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.events .card-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.announcements .card-icon{background:linear-gradient(135deg,#ef4444,#f87171)}.gallery .card-icon{background:linear-gradient(135deg,#a855f7,#c084fc)}.card h2{margin:0;font-size:1.5rem}.card p{margin:3px 0 0;font-size:12px;color:#6b7280}.dashboard-section{background:#eef2f7;border-radius:18px;padding:22px;box-shadow:8px 8px 18px #c9ced6,-8px -8px 18px #fff;transition:.3s ease}.dashboard-section:hover{transform:translateY(-3px);box-shadow:12px 12px 24px #c9ced6,-12px -12px 24px #fff}.dashboard-section h2{font-size:15px;margin-bottom:14px}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0 12px;font-size:14px}.dashboard-table tbody tr{background:#eef2f7;border-radius:14px;box-shadow:6px 6px 14px #c9ced6,-6px -6px 14px #fff;transition:all .25s ease}.dashboard-table tbody tr:hover{transform:scale(1.01);box-shadow:10px 10px 20px #c9ced6,-10px -10px 20px #fff}.dashboard-table td{padding:14px 16px;border:none}.dashboard-table tbody tr td:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.dashboard-table tbody tr td:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.dashboard-table .pending{color:#f59e0b;font-weight:700;background:#f59e0b1f;padding:4px 10px;border-radius:999px;display:inline-block}.dashboard-table .approved{color:#22c55e;font-weight:700;background:#22c55e1f;padding:4px 10px;border-radius:999px;display:inline-block}.dashboard-table tbody tr{animation:rowFade .4s ease}@keyframes rowFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.gallery-card{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #0000000f;transition:.3s ease}.gallery-card:hover{transform:scale(1.05) rotate(-.3deg)}.gallery-thumb{width:100%;height:120px;object-fit:cover}.gallery-info{padding:10px}.no-image{height:120px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af}.dashboard-grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:22px}@media(max-width:900px){.dashboard-grid-2{grid-template-columns:1fr}}.chart-box,.table-box{animation:fadeUp .6s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dashboard-table tr{transition:.2s ease}.dashboard-table tr:hover{transform:scale(1.01);background:#22c55e14}.dashboard-section:has(.gallery-grid){max-width:900px;margin-left:auto;margin-right:auto}.dashboard-page{animation:pageUp .6s cubic-bezier(.2,.8,.2,1)}@keyframes pageUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-grid .card{opacity:0;transform:translateY(40px);animation:cardUp .6s cubic-bezier(.2,.8,.2,1) forwards}.stats-grid .card:nth-child(1){animation-delay:.05s}.stats-grid .card:nth-child(2){animation-delay:.1s}.stats-grid .card:nth-child(3){animation-delay:.15s}.stats-grid .card:nth-child(4){animation-delay:.2s}.stats-grid .card:nth-child(5){animation-delay:.25s}.stats-grid .card:nth-child(6){animation-delay:.3s}@keyframes cardUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.card{transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000001f}.chart-box{animation:chartUp .7s ease}@keyframes chartUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.dashboard-table tbody tr{opacity:0;transform:translateY(20px);animation:rowUp .45s ease forwards}.dashboard-table tbody tr:nth-child(1){animation-delay:.05s}.dashboard-table tbody tr:nth-child(2){animation-delay:.1s}.dashboard-table tbody tr:nth-child(3){animation-delay:.15s}.dashboard-table tbody tr:nth-child(4){animation-delay:.2s}.dashboard-table tbody tr:nth-child(5){animation-delay:.25s}@keyframes rowUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-table tbody tr:hover{transform:translateY(-3px);transition:.2s ease}.dashboard-section{opacity:0;transform:translateY(25px);animation:sectionUp .6s ease forwards}@keyframes sectionUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.card-icon{transition:transform .3s ease}.card:hover .card-icon{transform:translateY(-3px)}*{scroll-behavior:smooth}@media(max-width:768px){.dashboard-wrapper{flex-direction:column}.dashboard-content{padding:12px;height:auto}.dashboard-page{padding-bottom:80px}.dashboard-bg-blur{width:350px;height:350px;top:-150px;right:-150px;filter:blur(90px)}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.card{padding:14px;border-radius:14px;gap:10px}.card h2{font-size:1.2rem}.card p{font-size:11px}.card-icon{width:42px;height:42px;font-size:1.4rem}.dashboard-grid-2{grid-template-columns:1fr;gap:14px}.dashboard-section{padding:16px;border-radius:14px}.dashboard-section h2{font-size:14px}.dashboard-table{font-size:12px}.dashboard-table td{padding:10px}.dashboard-section{overflow-x:auto}.dashboard-table{min-width:500px}.dashboard-table .pending,.dashboard-table .approved{font-size:10px;padding:3px 8px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-thumb{height:100px}.card,.dashboard-section,.dashboard-table tbody tr{animation-duration:.4s}}body.dark{background:#0b1220;color:#e5e7eb}body.dark .dashboard-wrapper,body.dark .dashboard-page,body.dark .dashboard-content{background:#0b1220}body.dark .card,body.dark .dashboard-section{background:#111827;box-shadow:8px 8px 18px #050a12,-8px -8px 18px #1b2333;color:#e5e7eb}body.dark .card:hover,body.dark .dashboard-section:hover{box-shadow:12px 12px 24px #050a12,-12px -12px 24px #1b2333}body.dark .card-icon{background:#111827;box-shadow:inset 4px 4px 10px #050a12,inset -4px -4px 10px #1b2333}body.dark .pending .card-icon{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}body.dark .approved .card-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}body.dark .deleted .card-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}body.dark .events .card-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}body.dark .announcements .card-icon{background:linear-gradient(135deg,#ef4444,#f87171)}body.dark .gallery .card-icon{background:linear-gradient(135deg,#a855f7,#c084fc)}body.dark .card h2,body.dark .dashboard-section h2{color:#f9fafb}body.dark .card p{color:#9ca3af}body.dark .dashboard-table tbody tr{background:#111827;box-shadow:6px 6px 14px #050a12,-6px -6px 14px #1b2333}body.dark .dashboard-table td{color:#e5e7eb}body.dark .dashboard-table tbody tr:hover{background:#0f172a;box-shadow:10px 10px 20px #050a12,-10px -10px 20px #1b2333}body.dark .dashboard-table thead th{color:#9ca3af}body.dark .dashboard-table .pending{background:#f59e0b26;color:#fbbf24}body.dark .dashboard-table .approved{background:#22c55e26;color:#4ade80}body.dark .gallery-card{background:#111827;box-shadow:8px 8px 18px #050a12,-8px -8px 18px #1b2333}body.dark .gallery-info{color:#e5e7eb}body.dark .no-image{background:#0f172a;color:#9ca3af}body.dark .recharts-text,body.dark .recharts-legend-item-text{fill:#e5e7eb!important}body.dark .recharts-tooltip-wrapper{color:#fff!important}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}.sidebar{position:fixed;top:0;left:0;width:255px;height:100vh;background:linear-gradient(180deg,#0f3d1a,#14532d,#166534);color:#fff;display:flex;flex-direction:column;justify-content:space-between;z-index:1;transition:width .3s ease;box-shadow:10px 0 40px #00000040;overflow:hidden}.sidebar.collapsed{width:78px}.sidebar-top{padding:18px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar:not(.collapsed) .sidebar-top{flex-direction:row}.sidebar.collapsed .sidebar-top{flex-direction:column;align-items:center;justify-content:center;gap:10px}.brand-container{display:flex;align-items:center;gap:12px}.brand-logo{width:46px;height:46px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000040}.brand-text h3{font-size:14px;font-weight:700;color:#fff}.brand-text p{font-size:11px;opacity:.75}.sidebar.collapsed .brand-text{display:none}.collapse-btn{width:38px;height:38px;border-radius:10px;border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s ease}.collapse-btn:hover{background:#ffffff40;transform:scale(1.05)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:#fff!important;text-decoration:none;transition:.2s ease}.nav-item:hover{background:#ffffff1a;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 18px #22c55e59}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .nav-item span{display:none}.logout-btn{margin:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:none;border-radius:12px;background:#ffffff14;color:#fff;cursor:pointer;transition:.25s ease}.logout-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px)}.sidebar.collapsed .logout-btn{justify-content:center}.sidebar.collapsed .logout-btn span{display:none}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-card{width:360px;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:26px;color:#fff;text-align:center;box-shadow:0 25px 60px #00000059}.modal-icon{font-size:30px;margin-bottom:10px}.modal-card h2{font-size:18px;margin-bottom:6px}.modal-card p{font-size:13px;opacity:.85}.modal-actions{display:flex;gap:10px;margin-top:18px}.btn-cancel{flex:1;padding:10px;border-radius:10px;background:#ffffff26;color:#fff;border:none;cursor:pointer}.btn-danger{flex:1;padding:10px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:6px}@media(max-width:768px){.sidebar{width:100%;height:65px;position:fixed;bottom:0;top:auto;left:0;flex-direction:row;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#0f3d1a,#14532d,#166534);box-shadow:0 -10px 30px #00000040;overflow:visible}.sidebar.collapsed{width:100%}.sidebar-top{display:none}.sidebar-nav{flex:1;flex-direction:row;justify-content:space-around;align-items:center;padding:0;gap:0}.nav-item{flex-direction:column;justify-content:center;align-items:center;padding:6px 10px;gap:4px;font-size:11px}.nav-item span{display:none}.nav-item.active{transform:translateY(-6px);border-radius:14px}.logout-btn{margin:0;padding:8px 10px;border-radius:14px;display:flex;justify-content:center;align-items:center}.logout-btn span{display:none}.modal-card{width:90%;max-width:340px;margin:0 12px}}body.dark .sidebar{background:linear-gradient(180deg,#0b1220,#0f172a,#111827);color:#f9fafb;box-shadow:10px 0 40px #0009}body.dark .sidebar.collapsed{background:linear-gradient(180deg,#0b1220,#0f172a)}body.dark .sidebar-top{color:#f9fafb}body.dark .brand-logo{background:#fff;box-shadow:0 8px 20px #00000080}body.dark .brand-text h3{color:#fff}body.dark .brand-text p{color:#9ca3af}body.dark .collapse-btn{background:#ffffff14;color:#e5e7eb;border:1px solid rgba(255,255,255,.08)}body.dark .collapse-btn:hover{background:#22c55e40;color:#fff}body.dark .nav-item{color:#e5e7eb!important}body.dark .nav-item:hover{background:#ffffff14;transform:translate(4px)}body.dark .nav-item.active{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 0 18px #22c55e59;color:#fff!important}body.dark .sidebar.collapsed .nav-item{color:#e5e7eb}body.dark .logout-btn{background:#ffffff0f;color:#e5e7eb;border:1px solid rgba(255,255,255,.08)}body.dark .logout-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}body.dark .modal-card{background:#111827d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#f9fafb;border:1px solid rgba(255,255,255,.08)}body.dark .modal-card p{color:#9ca3af}body.dark .btn-cancel{background:#ffffff14;color:#e5e7eb;border:1px solid rgba(255,255,255,.08)}body.dark .btn-danger{box-shadow:0 10px 25px #ef444440}body.dark .btn-spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff}body.dark .sidebar,body.dark .nav-item,body.dark .logout-btn,body.dark .modal-card,body.dark .collapse-btn{transition:all .3s ease}.member-wrapper{display:flex;min-height:100vh;background:#f4f6fb;font-family:Segoe UI,sans-serif}.doc-actions{display:flex;align-items:center;gap:10px}.member-content{flex:1;overflow-y:auto;padding:15px;transition:.3s ease}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding:22px 24px;background:linear-gradient(135deg,#0b5d1e,#128a2e);border-radius:16px;color:#fff;box-shadow:0 12px 30px #0000001f}.member-header-left h1{margin:0;font-size:1.8rem;font-weight:700}.member-header-left p{margin:6px 0 0;font-size:13px;opacity:.85}.member-header-badge{padding:8px 12px;border-radius:999px;font-size:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.notification{position:fixed;top:18px;right:18px;background:#141414f2;color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;z-index:999;animation:popToast .25s ease;box-shadow:0 10px 30px #0003}@keyframes popToast{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.member-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.member-filters input,.member-filters select{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font-size:13px;outline:none;transition:.2s;min-width:160px}.member-filters input:focus,.member-filters select:focus{border-color:#128a2e;box-shadow:0 0 0 4px #128a2e26}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.member-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;position:relative;box-shadow:0 10px 25px #0000000f;border:1px solid rgba(0,0,0,.04)}.member-table thead{background:#0b5d1e}.member-table th{text-align:left;padding:14px 16px;font-size:12px;color:#fff;font-weight:600;text-transform:uppercase}.member-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid #f1f1f1;color:#374151}.member-table td,.member-table th{overflow:visible!important;position:relative}.member-table tbody tr{position:relative;z-index:1}.member-table tbody tr.active-row{z-index:99}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid transparent;transition:.2s ease;white-space:nowrap}.status-pending{background:#f59e0b1f;color:#b45309;border-color:#f59e0b4d}.status-approved{background:#22c55e1f;color:#15803d;border-color:#22c55e4d}.status-rejected{background:#ef44441f;color:#b91c1c;border-color:#ef44444d}.status-badge:hover{transform:scale(1.05)}.btn-more{position:relative;z-index:10}.name-cell{display:flex;align-items:center;gap:10px}.name-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#14532d,#22c55e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0000001f;flex-shrink:0}.member-table tbody tr:hover .name-avatar{transform:scale(1.05);transition:.2s ease}.modal-box{width:420px;background:#e5e7eb;border-radius:16px;padding:22px;box-shadow:12px 12px 25px #00000040,-6px -6px 12px #fff6;display:flex;flex-direction:column;gap:12px;position:relative}.modal-box:before{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 4px 4px 10px #00000026,inset -4px -4px 10px #ffffff40;pointer-events:none}.modal-box h3{font-size:18px;font-weight:700;color:#111827}.modal-box select,.modal-box textarea{padding:11px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f3f4f6;font-size:13px;box-shadow:inset 2px 2px 6px #0000001f,inset -2px -2px 6px #fff6;outline:none}.modal-actions .cancel{background:#d1d5db;border:none;padding:9px 14px;border-radius:10px;box-shadow:3px 3px 6px #0003,-2px -2px 5px #fff6}.modal-actions .confirm{background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;border:none;padding:9px 14px;border-radius:10px;box-shadow:4px 4px 10px #00000040}.menu-wrapper{position:relative;display:flex;justify-content:flex-end;align-items:center;overflow:visible}.menu-btn{background:#f3f4f6;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:16px;transition:.2s ease}.menu-btn:hover{background:#e5e7eb}.menu-dropdown{position:absolute;top:50%;right:100%;transform:translateY(-50%);margin-right:8px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;min-width:160px;z-index:9999;overflow:hidden}.menu-dropdown .action-btn{width:100%;border:none;background:transparent;padding:10px 12px;text-align:left;display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}.menu-dropdown .action-btn:hover{background:#eaf5ee;color:#14532d}.menu-dropdown .action-btn:not(:last-child){border-bottom:1px solid #eee}.profile-page.single{display:flex;justify-content:center;padding:24px;background:#f0f2f5;min-height:100vh}.profile-container{width:100%;max-width:900px;display:flex;flex-direction:column;gap:16px}.profile-header-card,.profile-info-card,.profile-doc-card,.profile-upload-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 2px #00000014;border:1px solid rgba(0,0,0,.04);transition:.2s ease}.profile-header-card:hover,.profile-info-card:hover,.profile-doc-card:hover,.profile-upload-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-1px)}.profile-header-card{text-align:center;padding:26px 18px 70px;display:flex;flex-direction:column;align-items:center;position:relative}.profile-avatar{width:92px;height:92px;border-radius:50%;margin-bottom:12px;background:linear-gradient(135deg,#14532d,#166534);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#fff;box-shadow:0 10px 25px #16653440}.profile-header-card h2{font-size:20px;font-weight:700;color:#1c1e21;margin:4px 0}.profile-header-card p{font-size:13px;color:#65676b}.status-badge{display:inline-flex;align-items:center;margin-top:10px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.approved{background:#1665341f;color:#14532d}.status-badge.pending{background:#22c55e1a;color:#166534}.status-badge.rejected{background:#dc26261f;color:#b91c1c}.close-btn{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:10px;background:#166534;color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.2s ease;box-shadow:0 6px 14px #16653440}.close-btn:hover{background:#14532d;transform:translate(-50%) translateY(-2px)}.profile-info-card,.profile-doc-card,.profile-upload-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 20px #0000000d}.info-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.info-card-header h3{margin:0}.edit-info-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid #166534;background:transparent;color:#166534;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.edit-info-btn:hover{background:#16653414}.edit-info-btn.done{background:#166534;color:#fff}.edit-info-btn.done:hover{background:#14532d}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-field{display:flex;flex-direction:column;gap:6px}.info-field label{font-size:11px;font-weight:700;color:#14532d;text-transform:uppercase}.info-field input,.info-field textarea{padding:11px 12px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;font-size:13px;outline:none;transition:.2s ease}.info-field input:focus,.info-field textarea:focus{background:#fff;border-color:#166534;box-shadow:0 0 0 3px #16653426}.info-field input:disabled{background:#f0f2f5;color:#4b5563;border-color:#e5e7eb;cursor:not-allowed}.info-field.full{grid-column:span 2}.doc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#f3f4f6;margin-bottom:8px;font-size:13px}.doc-row:hover{background:#e5e7eb}.doc-actions a{margin-left:10px;color:#166534;font-weight:600;text-decoration:none}.doc-actions a:hover{text-decoration:underline}.upload-box{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#166534;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.2s ease}.upload-box:hover{background:#14532d;transform:translateY(-1px)}.approve-box{margin-top:10px;padding:14px;background:#f3f4f6;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px}.approve-box select,.approve-box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #d1d5db;font-size:13px;background:#fff}.approve-box button{background:#166534;color:#fff;border:none;padding:10px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s ease}.approve-box button:hover{background:#14532d}.delete-doc-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:10px;background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .25s ease}.delete-doc-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 14px #ef44444d}.delete-doc-btn:active{transform:scale(.95);box-shadow:0 2px 6px #0003}.dark .delete-doc-btn{background:#ef444426}.dark .delete-doc-btn:hover{background:#ef4444;color:#fff}.delete-doc-btn svg{font-size:16px}body.dark .member-wrapper{background:#0b1220!important;color:#e5e7eb}body.dark .member-content{background:transparent!important}body.dark .member-header{background:linear-gradient(135deg,#14532d,#0b3d1a)!important;color:#f9fafb}body.dark .member-header-badge{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}body.dark .member-filters input,body.dark .member-filters select{background:#111827!important;border:1px solid #374151;color:#e5e7eb}body.dark .member-filters input:focus,body.dark .member-filters select:focus{box-shadow:0 0 0 4px #22c55e33}body.dark .member-table{background:#111827!important;border:1px solid #1f2937!important}body.dark .member-table td{background:transparent!important;color:#e5e7eb;border-bottom:1px solid rgba(75,85,99,.3)}body.dark .member-table th{background:#0b5d1e!important;color:#fff}body.dark .member-table tbody tr:hover{background:#22c55e14}body.dark .status-pending{background:#f59e0b26;color:#fbbf24}body.dark .status-approved{background:#22c55e26;color:#4ade80}body.dark .status-rejected{background:#ef444426;color:#f87171}body.dark .modal-box{background:#111827!important;color:#e5e7eb}body.dark .modal-box h3{color:#f9fafb}body.dark .modal-box select,body.dark .modal-box textarea{background:#0f172a!important;color:#e5e7eb;border:1px solid #374151}body.dark .modal-actions .cancel{background:#374151;color:#e5e7eb}body.dark .menu-dropdown{background:#111827!important;border:1px solid #1f2937}body.dark .menu-dropdown .action-btn:hover{background:#22c55e1f;color:#4ade80}body.dark .notification{background:#111827;border:1px solid #374151}body.dark .profile-page.single{background:#0b1220!important}body.dark .profile-header-card,body.dark .profile-info-card,body.dark .profile-doc-card,body.dark .profile-upload-card{background:#111827!important;color:#e5e7eb!important;border:1px solid #1f2937!important;box-shadow:0 10px 25px #0006}body.dark .profile-header-card:hover,body.dark .profile-info-card:hover,body.dark .profile-doc-card:hover,body.dark .profile-upload-card:hover{box-shadow:0 14px 35px #00000080}body.dark .profile-header-card h2{color:#f9fafb}body.dark .profile-header-card p{color:#9ca3af}body.dark .status-badge.approved{background:#22c55e26;color:#4ade80}body.dark .status-badge.pending{background:#f59e0b26;color:#fbbf24}body.dark .status-badge.rejected{background:#ef444426;color:#f87171}body.dark .close-btn{background:#14532d}body.dark .close-btn:hover{background:#166534}body.dark .info-field input,body.dark .info-field textarea{background:#0f172a!important;border:1px solid #374151;color:#e5e7eb}body.dark .info-field label{color:#86efac}body.dark .info-field input:focus,body.dark .info-field textarea:focus{box-shadow:0 0 0 3px #22c55e33}body.dark .doc-row{background:#0f172a;color:#e5e7eb;border:1px solid #1f2937}body.dark .doc-row:hover{background:#22c55e14}body.dark .upload-box{background:#14532d}body.dark .upload-box:hover{background:#166534}body.dark .approve-box{background:#0f172a;border:1px solid #1f2937}body.dark .approve-box select,body.dark .approve-box textarea{background:#111827;border:1px solid #374151;color:#e5e7eb}body.dark .approve-box button{background:#14532d}body.dark .approve-box button:hover{background:#166534}body.dark .profile-avatar{box-shadow:0 10px 25px #22c55e26}@media(max-width:768px){.member-wrapper{flex-direction:column}.member-content{margin-left:0!important;padding:10px}.member-content.collapsed{margin-left:0!important}.member-header{flex-direction:column;align-items:flex-start;padding:12px 14px;gap:6px;border-radius:12px}.member-header-left h1{font-size:1.1rem}.member-header-left p{font-size:11px}.member-header-badge{font-size:10px;padding:5px 10px}.member-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px}.filter-group{min-width:130px;flex-shrink:0}.member-filters input,.member-filters select{min-width:130px;font-size:11px;padding:7px 9px;border-radius:10px}.filter-group label{font-size:10px}.member-table{display:block;width:100%;overflow-x:auto;white-space:nowrap;border-radius:12px}.member-table thead,.member-table tbody,.member-table tr,.member-table th,.member-table td{white-space:nowrap}.member-table th,.member-table td{font-size:11px;padding:8px 10px}.member-table::-webkit-scrollbar{height:6px}.member-table::-webkit-scrollbar-thumb{background:#16a34a;border-radius:10px}.actions{min-width:120px}.inline-actions{display:flex;flex-direction:column;gap:6px}.action-btn{font-size:10px;padding:6px 8px}.status-badge{font-size:9px;padding:4px 8px}.profile-container{padding:8px}.profile-header-card{padding:16px}.profile-avatar{width:65px;height:65px;font-size:24px}.profile-header-card h2{font-size:16px}.profile-header-card p{font-size:11px}.info-grid{grid-template-columns:1fr;gap:10px}.info-field.full{grid-column:span 1}.info-field input,.info-field textarea{font-size:12px;padding:9px 10px}.close-btn{font-size:11px;padding:7px 10px}.upload-box{font-size:12px;padding:8px 12px}.notification{left:10px;right:10px;text-align:center;font-size:12px}.approve-box{width:100%;right:0}.approve-box select,.approve-box textarea{font-size:12px}.approve-box button{font-size:12px;padding:8px}}@keyframes slideUp{0%{transform:translateY(40px)}to{transform:translateY(0)}}.animate-up{animation:slideUp .65s cubic-bezier(.22,1,.36,1) both;will-change:transform}.member-wrapper,.member-content{animation:slideUp .7s cubic-bezier(.22,1,.36,1) both}.header{animation:slideUp .6s cubic-bezier(.22,1,.36,1) both}.member-filters{animation:slideUp .65s cubic-bezier(.22,1,.36,1) both}.member-table{animation:slideUp .75s cubic-bezier(.22,1,.36,1) both}.member-table tbody tr{display:table-row;animation:slideUp .5s cubic-bezier(.22,1,.36,1) both;will-change:transform}.member-table tbody tr:nth-child(1){animation-delay:.05s}.member-table tbody tr:nth-child(2){animation-delay:.1s}.member-table tbody tr:nth-child(3){animation-delay:.15s}.member-table tbody tr:nth-child(4){animation-delay:.2s}.member-table tbody tr:nth-child(5){animation-delay:.25s}.member-table tbody tr:hover{transform:translateY(-2px);transition:.2s ease}.card,.status-badge,.menu-dropdown,.modal-box,.notification{animation:slideUp .6s cubic-bezier(.22,1,.36,1) both}.modal-overlay{animation:slideUp .4s ease}.profile-container,.profile-header-card,.profile-info-card,.profile-doc-card,.profile-upload-card{animation:slideUp .7s cubic-bezier(.22,1,.36,1) both}.menu-dropdown{animation:slideUp .25s ease}*{will-change:transform}.events-wrapper{display:flex;min-height:100vh;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top left,#e9fff1,#f4f6fb 60%);overflow-x:hidden}.events-bg-blur{position:fixed;width:650px;height:650px;background:#22c55e1f;filter:blur(120px);top:-220px;right:-220px;z-index:0}.events-content{flex:1;padding:15px;position:relative;z-index:2;transition:.3s ease}.events-content.collapsed{margin-left:60px}.events-header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;margin-bottom:28px;border-radius:18px;background:linear-gradient(270deg,#0f3d1a,#1b5e20,#2e7d32,#1b5e20,#0f3d1a);background-size:400% 400%;animation:eventsGradientFlow 12s ease infinite;color:#fff;box-shadow:0 20px 45px #00000026;overflow:hidden}@keyframes eventsGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.events-header h1{margin:0;font-size:1.9rem}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:40px 16px;background:#00000059;z-index:999999;pointer-events:auto}.modal{width:420px;max-width:92%;max-height:90vh;overflow-y:auto;background:#e5e7eb;border-radius:16px;padding:22px;position:relative;margin:auto;display:flex;flex-direction:column;gap:14px;box-shadow:12px 12px 25px #00000040,-6px -6px 12px #fff6;animation:popModal .2s ease}.modal input{padding:11px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f3f4f6;font-size:13px;box-shadow:inset 2px 2px 6px #0000001f,inset -2px -2px 6px #fff6;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.cancel-btn{background:#d1d5db;border:none;padding:9px 14px;border-radius:10px;box-shadow:3px 3px 6px #0003,-2px -2px 5px #fff6;cursor:pointer}.modal-actions button[type=submit]{background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;border:none;padding:9px 14px;border-radius:10px;box-shadow:4px 4px 10px #00000040;cursor:pointer}.actions{display:flex;gap:8px;margin-top:10px}.actions .edit{padding:7px 12px;border-radius:10px;border:none;font-size:12px;font-weight:600;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 6px 14px #22c55e40;cursor:pointer;transition:.2s ease}.actions .edit:hover{transform:translateY(-2px);box-shadow:0 10px 20px #22c55e59}.actions .delete{padding:7px 12px;border-radius:10px;border:none;font-size:12px;font-weight:600;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 14px #ef444440;cursor:pointer;transition:.2s ease}.actions .delete:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ef444459}body.dark{background:#0b1220!important;color:#e5e7eb}body.dark .events-wrapper{background:#0b1220!important}body.dark .events-bg-blur{background:#22c55e14}body.dark .events-content{background:transparent!important}body.dark .events-header{background:linear-gradient(270deg,#0f172a,#111827,#0b3d1a,#111827,#0f172a)!important;box-shadow:0 20px 45px #0006}body.dark .modal input{background:#1f2937;border:1px solid #374151;color:#e5e7eb;box-shadow:inset 2px 2px 6px #00000080,inset -2px -2px 6px #ffffff0d}body.dark .actions .edit{background:linear-gradient(135deg,#14532d,#16a34a)}body.dark .actions .delete{background:linear-gradient(135deg,#7f1d1d,#dc2626)}body.dark .events-wrapper,body.dark .events-content,body.dark .modal{background-clip:padding-box}@media(max-width:768px){.events-wrapper{display:block!important;width:100%!important;overflow-x:hidden!important}.events-content{margin-left:0!important;width:100%!important;padding:12px!important;box-sizing:border-box}.header{flex-direction:column!important;align-items:flex-start!important;gap:8px}.cards{display:block!important;width:100%}.event-card{width:95%!important;max-width:420px;margin:12px auto!important}.fb-wrapper{width:100%}.fb-wrapper iframe{width:100%!important;max-width:420px;display:block;margin:0 auto}.sidebar{width:100%!important}}@media(max-width:600px){.modal{width:92%;max-width:92%;max-height:80vh;padding:16px;gap:12px;overflow:hidden;border-radius:14px}.modal form{max-height:calc(80vh - 80px);overflow-y:auto;padding-right:4px}.modal input{font-size:12px;padding:10px 11px}.modal-actions{position:sticky;bottom:0;background:#e5e7eb;padding-top:10px;margin-top:10px}.modal-actions button{padding:10px 12px;font-size:13px}.modal:before{display:none}}.announcements-wrapper{display:flex;min-height:100vh;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top left,#e9fff1,#f4f6fb 60%)}.announcements-content{flex:1;padding:15px;transition:.3s ease}.announcements-content.collapsed{margin-left:80px}.announcements-header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;border-radius:18px;background:linear-gradient(270deg,#0f3d1a,#1b5e20,#2e7d32,#1b5e20,#0f3d1a);background-size:400% 400%;animation:headerFlow 12s ease infinite;color:#fff;box-shadow:0 20px 45px #00000026}.search-box input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(34,197,94,.25);background:#ffffffd9;outline:none}.search-box input:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.announcement-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0000000f;transition:.3s ease}.announcement-card:hover{transform:translateY(-5px)}.fb-wrapper iframe{width:100%;border-radius:12px}.add-announcement-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;border:none;background:linear-gradient(135deg,#0b5d1e,#22c55e);color:#fff;font-weight:700;cursor:pointer;transition:.3s ease;box-shadow:0 8px 20px #22c55e40}.add-announcement-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #22c55e59}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:40px 16px;background:#00000059;z-index:9999999;pointer-events:auto}.modal{width:min(460px,92vw)!important;max-height:85vh;overflow-y:auto;background:#e5e7eb;border-radius:18px;padding:24px;position:relative;margin:auto;display:flex;flex-direction:column;gap:16px;animation:popModal .2s ease}.modal input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f3f4f6;font-size:13px;box-shadow:inset 2px 2px 6px #0000001f,inset -2px -2px 6px #fff6;outline:none}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-actions button{flex:1;padding:10px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:.2s ease}.modal-actions button:first-child{background:#d1d5db;box-shadow:3px 3px 6px #0003,-2px -2px 5px #fff6}.modal-actions button:last-child{background:linear-gradient(135deg,#0f3d1a,#22c55e);color:#fff;box-shadow:4px 4px 10px #00000040}@media(max-width:768px){.announcements-wrapper{display:block!important}.announcements-content{margin-left:0!important;padding:12px!important;width:100%!important}.announcements-header{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.search-box input{width:100%}.announcements-grid{grid-template-columns:1fr!important;justify-items:center;gap:12px}.announcement-card{width:95%!important;max-width:420px}.fb-wrapper iframe{width:100%!important;height:400px}.add-announcement-btn{width:100%;justify-content:center}.modal{width:92%!important;padding:16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}body.dark .announcements-wrapper{background:#0b1220!important}body.dark .announcements-content{background:transparent!important;color:#e5e7eb}body.dark .announcements-header{background:linear-gradient(270deg,#0f172a,#111827,#0b3d1a,#111827,#0f172a)!important;box-shadow:0 20px 45px #0006}body.dark .search-box input{background:#1f2937;border:1px solid #374151;color:#e5e7eb}body.dark .announcement-card{background:#111827;color:#e5e7eb;box-shadow:0 10px 30px #0006}body.dark .fb-wrapper{background:#111827;padding:8px;border-radius:12px}body.dark .fb-wrapper iframe{background:#fff;border-radius:12px}.gallery-wrapper{display:flex;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top left,#e9fff1,#f4f6fb 60%)}.gallery-content{flex:1;min-height:100vh;transition:.3s ease;padding:15px}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;margin-bottom:25px;border-radius:18px;background:linear-gradient(270deg,#0f3d1a,#1b5e20,#2e7d32,#1b5e20,#0f3d1a);background-size:400% 400%;animation:headerFlow 12s ease infinite;color:#fff;box-shadow:0 20px 45px #00000026;position:relative;overflow:hidden}@keyframes headerFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gallery-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 60%)}.gallery-header h1{margin:0;font-size:1.8rem}.gallery-header p{margin:4px 0 0;font-size:12px;opacity:.85}.add-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s ease}.add-btn:hover{background:#ffffff40;transform:translateY(-2px)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.album-card{position:relative;border-radius:14px;overflow:hidden;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 16px #00000014;transition:.3s ease;cursor:pointer}.album-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 18px 40px #0000001f}.album-cover{width:100%;height:150px;object-fit:cover;transition:.3s ease}.album-card:hover .album-cover{transform:scale(1.05)}.no-cover{height:150px;display:flex;justify-content:center;align-items:center;background:#e2e6ea;color:#6c757d}.album-overlay{position:absolute;bottom:0;width:100%;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);color:#fff}.album-overlay h3{margin:0;font-size:13px;color:#fff}.album-overlay p{margin:3px 0 0;font-size:11px}.album-actions button{padding:5px 10px;border-radius:999px;border:none;cursor:pointer;font-size:11px;background:#1b5e20e6;color:#fff;transition:.2s}.album-actions button:hover{background:#0f3d1a}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:40px 16px;z-index:99999}.modal{width:450px;max-height:90vh;background:#e5e7eb;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;margin:auto;box-shadow:12px 12px 25px #00000040,-6px -6px 12px #fff6;animation:popModal .2s ease}.modal form{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px}.modal input,.modal textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f3f4f6;font-size:13px;box-shadow:inset 2px 2px 6px #0000001f,inset -2px -2px 6px #fff6;outline:none}.save-btn{flex:1;background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;box-shadow:4px 4px 10px #00000040;transition:.2s ease}.save-btn:hover{transform:translateY(-2px)}.cancel-btn{flex:1;background:#d1d5db;color:#111;border:none;padding:10px;border-radius:10px;cursor:pointer;box-shadow:3px 3px 6px #0003,-2px -2px 5px #fff6}.cancel-btn:hover{background:#c7cdd4}.album-actions{display:flex;gap:6px;margin-top:8px}.album-actions button{padding:6px 10px;border-radius:999px;border:none;cursor:pointer;font-size:11px;font-weight:600;transition:.2s ease}.album-actions .edit{background:#22c55e26;color:#15803d}.album-actions .edit:hover{background:#22c55e;color:#fff}.album-actions .delete{background:#ef444426;color:#dc2626}.album-actions .delete:hover{background:#ef4444;color:#fff}.upload-box{display:block;padding:15px;border:2px dashed #22c55e;text-align:center;cursor:pointer;margin-bottom:12px;border-radius:10px}.upload-box input{display:none}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:200px;overflow-y:auto;padding-right:5px}.preview-grid img{width:100%;height:80px;object-fit:cover;border-radius:6px}.modal-buttons{display:flex;gap:10px}.save-btn{flex:1;background:linear-gradient(135deg,#0b5d1e,#22c55e);color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer}.cancel-btn{flex:1;background:#e5e7eb;color:#111;border:none;padding:10px;border-radius:10px;cursor:pointer}.cancel-btn:hover{background:#d1d5db}.viewer-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999999}.viewer{background:#fff;width:80%;max-height:90%;padding:30px;border-radius:12px;overflow-y:auto}.viewer{position:relative}.viewer-close{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:10}.viewer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:10px}.viewer-grid img{width:100%;height:120px;object-fit:cover;border-radius:6px}.viewer-modal{width:90%;height:90%;background:#111;border-radius:12px;padding:15px;overflow:hidden;display:flex;flex-direction:column}.viewer-close{position:absolute;top:15px;right:15px;background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer}.viewer-header{display:flex;justify-content:space-between;color:#fff;margin-bottom:10px}.viewer-thumb{width:100%;height:120px;object-fit:cover;border-radius:8px;cursor:pointer;transition:.2s}.viewer-thumb:hover{transform:scale(1.05)}.viewer-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.viewer-full-img{max-width:100%;max-height:80vh;object-fit:contain}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:24px;padding:10px;cursor:pointer}.nav-btn.left{left:10px}.nav-btn.right{right:10px}.viewer-actions{text-align:center;padding:10px;color:#fff}@media(max-width:768px){.gallery-wrapper{flex-direction:column}.gallery-content{padding:10px}.album-grid{grid-template-columns:repeat(2,1fr);gap:10px}.album-cover{height:110px}.preview-grid{grid-template-columns:repeat(3,1fr);max-height:140px}.viewer-modal{width:90%!important;height:50vh!important;border-radius:10px}.viewer-topbar{height:50px;padding:0 10px}.viewer-btn.primary{padding:7px;font-size:7px;border-radius:12px}.viewer-topbar h3{font-size:12px}.viewer-close-btn{width:30px!important;height:34px}.viewer-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important;padding:6px!important}.viewer-grid img{height:65px!important;border-radius:6px;object-fit:cover}.viewer-image,.viewer-full-img{max-width:95%;max-height:60vh;width:200px}.viewer-nav,.nav-btn{width:20px;height:20px;font-size:16px}.viewer-nav.left,.nav-btn.left{width:20px;height:30px;left:6px;z-index:20}.viewer-nav.right,.nav-btn.right{right:6px;width:20px;height:30px}.viewer-bottombar{bottom:120px!important;padding:10px;gap:6px;width:200px}.viewer-btn{font-size:11px;padding:5px 8px}.viewer-close{width:28px;height:28px}.viewer-actions{font-size:11px}}@media(max-width:480px){.album-grid{grid-template-columns:1fr}.viewer-modal{height:85vh}.viewer-grid{grid-template-columns:repeat(4,1fr)!important;gap:2px!important}.viewer-grid img{height:55px!important}.modal{width:95%}}@media(max-width:768px){.gallery-content{padding:10px}.gallery-header{padding:16px;border-radius:14px}.gallery-header h1{font-size:1.3rem}.gallery-header p{font-size:11px}.album-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.album-card{border-radius:12px}.album-cover{height:110px}.no-cover{height:110px;font-size:12px}.album-overlay h3{font-size:12px}.album-overlay p{font-size:10px}.album-actions button{font-size:10px;padding:4px 8px}.viewer-modal{width:95%;height:92%;border-radius:10px}.viewer-grid{grid-template-columns:repeat(3,1fr)!important;gap:5px;padding:6px}.viewer-thumb{height:80px;border-radius:6px}.viewer-full-img{max-height:60vh}.nav-btn{font-size:18px;padding:6px}.nav-btn.left{left:5px}.nav-btn.right{right:5px}.viewer-bottombar{bottom:60px;padding:8px 10px;gap:6px}}@media(max-width:600px){.modal-overlay{align-items:flex-start;padding:0}.modal{position:fixed!important;right:8px!important;bottom:8px!important;top:auto!important;transform:none!important;margin-left:30px;width:80%!important;height:fit-content!important;max-height:65vh;border-radius:16px;padding:12px;transform:translate(calc(-50% - 6px));overflow-y:auto}.modal h2{font-size:16px}.modal input,.modal textarea{font-size:14px;padding:12px}.upload-box{padding:16px;font-size:14px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-height:140px}.preview-grid img{height:65px}.modal-buttons{flex-direction:column}.save-btn,.cancel-btn{width:100%;padding:12px;font-size:14px}}.dark .gallery-wrapper{background:radial-gradient(circle at top left,#0b0f0c,#0a0a0a 60%);color:#e5e7eb}.dark .gallery-header{background:linear-gradient(270deg,#0a1f14,#0f3d1a,#14532d,#0f3d1a,#0a1f14);box-shadow:0 20px 45px #0009}.dark .gallery-header:before{background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 60%)}.dark .album-card{background:#141414bf;box-shadow:0 10px 25px #0009}.dark .album-card:hover{box-shadow:0 18px 45px #000000bf}.dark .no-cover{background:#1f2937;color:#9ca3af}.dark .album-overlay{background:linear-gradient(to top,rgba(0,0,0,.95),transparent)}.dark .add-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.dark .add-btn:hover{background:#ffffff26}.dark .album-actions .edit{background:#22c55e1f}.dark .album-actions .delete{background:#ef44441f}.dark .gallery-wrapper{background:radial-gradient(circle at top left,#050607,#0a0a0a 60%);color:#e5e7eb}.dark .modal{background:#111827;color:#e5e7eb;box-shadow:0 25px 70px #000000d9}.dark .modal h2{color:#f9fafb}.dark .modal input,.dark .modal textarea{background:#1f2937;color:#e5e7eb;box-shadow:inset 3px 3px 10px #0009,inset -2px -2px 6px #ffffff0d}.dark .upload-box{background:#0f172a;border:2px dashed #334155;color:#9ca3af}.dark .upload-box:hover{background:#111827;border-color:#475569}.dark .preview-grid img{filter:brightness(.85)}.dark .cancel-btn{background:#374151;color:#e5e7eb}.dark .cancel-btn:hover{background:#4b5563}.dark .lightbox-overlay{background:#000000fa}body.dark .viewer-overlay{background:#000000f2}body.dark .viewer-modal{background:#0b1220;box-shadow:0 25px 70px #0009}body.dark .viewer-topbar{background:#0f172ae6;border-bottom:1px solid rgba(255,255,255,.08)}body.dark .viewer-topbar h3{color:#e5e7eb}body.dark .viewer-close-btn{background:#1f2937;color:#e5e7eb}body.dark .viewer-close-btn:hover{background:#374151}body.dark .viewer-scroll{background:transparent}body.dark .viewer-grid img{box-shadow:0 6px 18px #0006}body.dark .viewer-grid img:hover{box-shadow:0 10px 25px #0009}body.dark .viewer-lightbox{background:#000000fa}body.dark .viewer-image{background:#111827;box-shadow:0 20px 60px #0009}body.dark .viewer-nav{background:#1f2937e6;color:#e5e7eb;border:1px solid rgba(255,255,255,.08)}body.dark .viewer-nav:hover{background:#374151}body.dark .viewer-bottombar{background:#0f172ae6;border:1px solid rgba(255,255,255,.08)}body.dark .viewer-bottombar span{color:#cbd5e1}body.dark .viewer-btn.primary{background:linear-gradient(135deg,#16a34a,#22c55e)}body.dark .viewer-btn.secondary{background:#1f2937;color:#e5e7eb}body.dark .viewer-btn.secondary:hover{background:#374151}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;z-index:2147483647!important;pointer-events:auto}.modal{position:fixed!important;top:50%!important;left:40%!important;transform:translate(-50%,-50%)!important;width:460px;max-width:92%;background:#e5e7eb;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px;z-index:999999999;box-shadow:0 30px 80px #00000040,0 10px 30px #00000026,0 2px 8px #0000001a;animation:popModal .2s ease}.modal h2{margin:0;font-size:18px;font-weight:700;color:#111;text-align:center}.modal form{display:flex;flex-direction:column;gap:14px}.modal label{font-size:12px;font-weight:600;color:#374151}.modal input,.modal textarea{width:100%;padding:12px 14px;border-radius:12px;border:none;outline:none;background:#f3f4f6;box-shadow:inset 3px 3px 8px #0000001f,inset -3px -3px 8px #ffffffb3;font-size:13px}.modal textarea{min-height:80px;resize:none}.upload-box{display:flex;justify-content:center;align-items:center;padding:18px;border-radius:14px;background:#f9fafb;border:2px dashed #cbd5e1;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:.2s ease;position:relative;overflow:hidden}.upload-box:hover{background:#eef2f7;border-color:#9ca3af}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:160px;overflow-y:auto;padding:4px}.preview-grid img{width:100%;height:70px;object-fit:cover;border-radius:10px;transition:.2s ease}.preview-grid img:hover{transform:scale(1.05)}.modal-buttons{display:flex;gap:10px;margin-top:6px}.save-btn,.cancel-btn{flex:1;padding:11px;border-radius:12px;font-weight:700;cursor:pointer;transition:.2s ease}.save-btn{background:linear-gradient(135deg,#0f3d1a,#22c55e);color:#fff;border:none}.save-btn:hover{transform:translateY(-1px)}.cancel-btn{background:#d1d5db;border:none}.cancel-btn:hover{background:#c7cdd6}.modal input,.modal textarea,.upload-box{transition:all .2s ease}.modal form>*{position:relative}@media(max-width:600px){.modal{width:95%;padding:18px}.preview-grid{grid-template-columns:repeat(3,1fr)}}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:100000}.lightbox-bg{position:absolute;inset:0}.lightbox-img{max-width:90%;max-height:85vh;object-fit:contain;border-radius:10px;z-index:2}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:28px;padding:10px 14px;cursor:pointer;z-index:3}.nav-btn:hover{background:#ffffff59}.nav-btn.left{left:20px}.nav-btn.right{right:20px}@media(max-width:600px){.modal{width:95%;height:95vh}.grid-img{height:110px}}.viewer-overlay{position:fixed;inset:0;z-index:999999}.viewer-backdrop{position:absolute;inset:0;background:#000000a6}.viewer-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:900px;height:75vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 70px #00000040}.viewer-topbar{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.viewer-topbar h3{font-size:14px;font-weight:600;color:#111827}.viewer-close-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f3f4f6;color:#111;font-size:16px;cursor:pointer;transition:.2s ease}.viewer-close-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.viewer-scroll{flex:1;overflow-y:auto;padding:10px}.viewer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.viewer-grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:10px;cursor:pointer;transition:.2s ease}.viewer-grid img:hover{transform:scale(1.03);box-shadow:0 6px 18px #00000026}.viewer-lightbox{position:absolute;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10}.viewer-image{max-width:88%;max-height:82vh;object-fit:contain;border-radius:12px;background:#fff;padding:6px;box-shadow:0 20px 60px #00000040}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:12px;border:1px solid #e5e7eb;background:#ffffffe6;color:#111;font-size:20px;cursor:pointer;transition:.2s ease;box-shadow:0 10px 25px #0000001f}.viewer-nav:hover{transform:translateY(-50%) scale(1.08);background:#fff}.viewer-nav.left{left:20px}.viewer-nav.right{right:20px}.viewer-bottombar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 12px 30px #00000026}.viewer-bottombar span{font-size:13px;font-weight:600;color:#6b7280}.viewer-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:.2s ease;border:1px solid transparent}.viewer-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 18px #22c55e40}.viewer-btn.primary:hover{transform:translateY(-2px)}.viewer-btn.secondary{background:#f3f4f6;color:#111827}.viewer-btn.secondary:hover{background:#e5e7eb}@media(max-width:768px){.viewer-modal{width:95%;height:92%}.viewer-nav{width:40px;height:40px}.viewer-bottombar{gap:8px;padding:8px 10px}.viewer-btn{font-size:12px;padding:6px 10px}}.officers-admin-wrapper{display:flex;min-height:100vh;background:radial-gradient(circle at top,#eef2ff,#f5f6f8);font-family:Segoe UI,sans-serif}.officers-admin-content{flex:1;padding:15px}.officers-admin-content.collapsed{margin-left:80px}.officers-header{background:linear-gradient(270deg,#0f3d1a,#1b5e20,#2e7d32);color:#fff;padding:18px 22px;border-radius:14px;margin-bottom:18px}.officers-header h1{margin:0;font-size:20px;font-weight:800}.officers-header p{margin-top:4px;font-size:13px;opacity:.8}.officer-form{display:flex;flex-wrap:wrap;gap:10px;background:#fff;padding:14px;border-radius:12px;margin-bottom:18px;box-shadow:0 6px 18px #0000000f}.officer-form input,.officer-form select{flex:1;min-width:180px;padding:9px 10px;border-radius:8px;border:1px solid #ddd;font-size:13px;outline:none}.officer-form button{padding:9px 14px;background:#1b5e20;color:#fff;border:none;border-radius:8px;cursor:pointer}.officers-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0000000f}.officers-table th{background:#1b5e20;color:#fff;padding:10px;font-size:13px;text-align:left}.officers-table td{padding:12px;font-size:13px;border-bottom:1px solid #eee;vertical-align:middle}.officer-thumb{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center;display:block}.no-thumb{width:46px;height:46px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:10px}.add-officer-btn{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:.2s ease}.add-officer-btn:hover{transform:scale(1.05)}h3{color:#026928;font-size:20px;align-self:center}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:40px 16px;z-index:9999}.modal{width:420px;max-width:92%;max-height:90vh;overflow-y:auto;background:#e5e7eb;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;margin:auto;box-shadow:12px 12px 25px #00000040,-6px -6px 12px #fff6;animation:popModal .2s ease}.modal:before{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 4px 4px 10px #00000026,inset -4px -4px 10px #ffffff59;pointer-events:none}.modal input,.modal select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#f3f4f6;font-size:13px;box-shadow:inset 2px 2px 6px #0000001f,inset -2px -2px 6px #fff6;outline:none}.modal-actions{display:flex;gap:10px}.modal-actions button:first-child{background:#d1d5db;border:none;padding:10px;border-radius:10px;box-shadow:3px 3px 6px #0003,-2px -2px 5px #fff6}.modal-actions button:last-child{background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;border:none;padding:10px;border-radius:10px;box-shadow:4px 4px 10px #00000040}.search-box{margin:16px 0}.search-box input{width:100%;max-width:300px;padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;outline:none;transition:.2s}.search-box input:focus{border-color:#0f3d1a;box-shadow:0 0 0 2px #0f3d1a26}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.officer-card{background:#fff;padding:12px;border-radius:10px;text-align:center;box-shadow:0 4px 12px #0000000d;transition:.2s ease;border:1px solid #f1f1f1}.officer-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000014}.card-img{width:58px;height:58px;border-radius:50%;object-fit:cover;margin-bottom:8px;border:2px solid #e8f5e9}.officer-card h3{font-size:14px;margin:4px 0;color:#1f2937}.officer-card p{font-size:12px;margin:2px 0;color:#6b7280}.officer-card span{font-size:11px;color:#1b5e20;font-weight:500}.card-actions{margin-top:10px;display:flex;gap:6px;justify-content:center}.card-actions button{padding:5px 8px;font-size:11px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:.2s ease}.card-actions button:hover{border-color:#1b5e20;color:#1b5e20}.avatar-upload{display:flex;justify-content:center;margin-bottom:12px;cursor:pointer}.preview-circle{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;transition:.2s ease}.preview-circle:hover{transform:scale(1.05);border-color:#1b5e20}.placeholder{display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:26px;font-weight:700}@media(max-width:768px){.officers-table,.view-toggle{display:none!important}.officers-admin-content{margin-left:0!important;padding:14px}.filters{flex-direction:column;gap:8px}.filters select{width:100%;font-size:13px;padding:10px}.card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.officer-card{padding:10px;border-radius:10px}.officer-card:hover{transform:none}.card-img{width:50px;height:50px;margin-bottom:6px}.officer-card h3{font-size:13px}.officer-card p{font-size:11px}.officer-card span{font-size:10px}.card-actions{gap:5px}.card-actions button{padding:4px 6px;font-size:10px}.officers-header{padding:14px;border-radius:10px}.officers-header h1{font-size:18px}.officers-header p{font-size:12px}.modal{width:92%;padding:16px;border-radius:10px}.preview-circle{width:65px;height:65px}.avatar-upload{margin-bottom:10px}.add-container{display:flex;justify-content:center}.add{width:100%;padding:10px;font-size:14px}}body.dark .officers-admin-wrapper{background:#0b1220!important}body.dark .officers-admin-content{background:transparent!important}body.dark .officers-header{background:linear-gradient(270deg,#0f172a,#111827,#0b3d1a,#111827,#0f172a)!important;box-shadow:0 20px 45px #0006}body.dark .officer-form{background:#111827;color:#e5e7eb;box-shadow:0 10px 25px #0006}body.dark .officer-form input,body.dark .officer-form select{background:#1f2937;border:1px solid #374151;color:#e5e7eb}body.dark .officers-table{background:#111827;color:#e5e7eb;box-shadow:0 10px 25px #0006}body.dark .officers-table th{background:#0b3d1a}body.dark .officers-table td{border-bottom:1px solid rgba(255,255,255,.06)}body.dark .no-thumb{background:#1f2937;color:#9ca3af}body.dark .add-officer-btn{background:linear-gradient(135deg,#14532d,#16a34a)}body.dark h3{color:#22c55e}body.dark .modal-overlay{background:#000000bf}body.dark .modal{background:#111827!important;color:#e5e7eb;box-shadow:12px 12px 25px #0009,-6px -6px 12px #ffffff0d}body.dark .modal:before{box-shadow:inset 4px 4px 10px #00000080,inset -4px -4px 10px #ffffff0d}body.dark .modal input,body.dark .modal select{background:#1f2937;border:1px solid #374151;color:#e5e7eb;box-shadow:inset 2px 2px 6px #00000080,inset -2px -2px 6px #ffffff0d}body.dark .modal-actions button:first-child{background:#374151;color:#e5e7eb}body.dark .modal-actions button:last-child{background:linear-gradient(135deg,#14532d,#16a34a)}body.dark .officer-card{background:#111827;color:#e5e7eb;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 25px #0006}body.dark .officer-card:hover{box-shadow:0 18px 40px #00000080}body.dark .card-img{border:2px solid rgba(34,197,94,.25)}body.dark .officer-card h3{color:#f9fafb}body.dark .officer-card p{color:#9ca3af}body.dark .officer-card span{color:#22c55e}body.dark .card-actions button{background:#1f2937;color:#e5e7eb;border:1px solid #374151}body.dark .card-actions button:hover{border-color:#22c55e;color:#22c55e}body.dark .preview-circle{border:2px solid #374151}body.dark .preview-circle:hover{border-color:#22c55e}body.dark .placeholder{background:#1f2937;color:#6b7280}.trash-wrapper{display:flex;min-height:100vh;background:linear-gradient(135deg,#eef2ff,#f8fafc);font-family:Inter,sans-serif}.trash-content{flex:1;padding:15px;transition:all .3s ease}.notification{position:fixed;top:20px;right:20px;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;font-size:13px;z-index:999;box-shadow:0 10px 25px #00000040;animation:fadeSlide .3s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trash-header{padding:26px;border-radius:20px;margin-bottom:28px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 20px 40px #22c55e4d;display:flex;justify-content:space-between;align-items:center}.trash-header h1{font-size:1.9rem;font-weight:800;margin:0}.trash-header p{font-size:13px;opacity:.85}.type-tabs{display:flex;gap:10px;margin-bottom:18px}.type-tabs button{padding:8px 16px;border-radius:999px;border:none;cursor:pointer;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:#374151;transition:all .25s ease}.type-tabs button:hover{transform:translateY(-2px);background:#ffffffe6}.type-tabs button.active{background:#16a34a;color:#fff;box-shadow:0 8px 18px #16a34a66}.filters{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.filters input,.filters select{padding:10px 14px;border-radius:999px;border:none;font-size:13px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 10px #0000000d;outline:none;transition:.2s}.filters input:focus,.filters select:focus{box-shadow:0 0 0 3px #16a34a40}.trash-table{width:100%;border-collapse:collapse;border-radius:18px;overflow:hidden;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000014}.trash-table th{padding:14px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;color:#6b7280;font-weight:700}.trash-table td{padding:14px;font-size:13px;color:#111827;border-bottom:1px solid #f1f5f9}.trash-table tbody tr{transition:all .2s ease}.trash-table tbody tr:hover{background:#22c55e0d;transform:scale(1.002)}.type-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.type-badge.student{background:#e0f2fe;color:#0369a1}.type-badge.gallery{background:#fef3c7;color:#92400e}.date-cell{display:flex;flex-direction:column;gap:4px}.date-main{font-weight:600}.days-left{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;width:fit-content}.days-left.safe{background:#dcfce7;color:#166534}.days-left.warning{background:#fef9c3;color:#854d0e}.days-left.danger{background:#fee2e2;color:#991b1b}.recover-btn{padding:7px 14px;border-radius:999px;border:none;cursor:pointer;font-size:12px;font-weight:700;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 6px 15px #22c55e66;transition:all .25s ease}.recover-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 20px #22c55e80}.recover-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}body.dark .trash-wrapper{background:#0b1220!important}body.dark .trash-content{background:transparent!important}body.dark .notification{background:#111827;color:#e5e7eb;box-shadow:0 10px 25px #0009}body.dark .trash-header{background:linear-gradient(270deg,#0f172a,#111827,#0b3d1a,#111827,#0f172a)!important;box-shadow:0 20px 45px #0006}body.dark .type-tabs button{background:#1f2937;color:#e5e7eb;border:1px solid #374151}body.dark .type-tabs button:hover{background:#374151}body.dark .type-tabs button.active{background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;box-shadow:0 8px 18px #16a34a59}body.dark .filters input,body.dark .filters select{background:#1f2937;color:#e5e7eb;border:1px solid #374151;box-shadow:none}body.dark .filters input:focus,body.dark .filters select:focus{box-shadow:0 0 0 3px #22c55e40}body.dark .trash-table{background:#111827;color:#e5e7eb;box-shadow:0 12px 30px #00000080}body.dark .trash-table th{background:#0f172a;color:#9ca3af}body.dark .trash-table td{color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.06)}body.dark .trash-table tbody tr:hover{background:#22c55e14}body.dark .type-badge.student{background:#0ea5e926;color:#38bdf8}body.dark .type-badge.gallery{background:#f59e0b26;color:#fbbf24}body.dark .date-main{color:#f9fafb}body.dark .days-left.safe{background:#22c55e26;color:#4ade80}body.dark .days-left.warning{background:#facc1526;color:#fde047}body.dark .days-left.danger{background:#ef444426;color:#f87171}body.dark .recover-btn{background:linear-gradient(135deg,#14532d,#16a34a);box-shadow:0 6px 15px #22c55e59}body.dark .recover-btn:hover{box-shadow:0 10px 20px #22c55e73}body.dark .recover-btn:disabled{background:#374151;color:#9ca3af}body.dark *{border-color:#ffffff14}@media(max-width:768px){.trash-wrapper{flex-direction:column}.trash-content{padding:10px}.trash-header{flex-direction:column;align-items:flex-start;padding:14px 16px;border-radius:12px;gap:6px}.trash-header h1{font-size:1.2rem}.trash-header p{font-size:11px}.type-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px}.type-tabs button{flex-shrink:0;font-size:11px;padding:7px 12px}.type-tabs::-webkit-scrollbar{display:none}.filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.filters input,.filters select{flex:0 0 auto;min-width:150px;font-size:11px;padding:8px 10px;border-radius:999px}.filters::-webkit-scrollbar{height:4px}.filters::-webkit-scrollbar-thumb{background:#16a34a;border-radius:10px}.trash-table{display:block;width:100%;overflow-x:auto;white-space:nowrap;border-radius:12px}.trash-table thead,.trash-table tbody,.trash-table tr,.trash-table th,.trash-table td{white-space:nowrap}.trash-table th,.trash-table td{font-size:11px;padding:8px 10px;min-width:130px}.trash-table th:first-child,.trash-table td:first-child{min-width:160px}.trash-table::-webkit-scrollbar{height:6px}.trash-table::-webkit-scrollbar-thumb{background:#16a34a;border-radius:10px}.type-badge{font-size:10px;padding:3px 8px}.date-main{font-size:11px}.days-left{font-size:10px;padding:3px 6px}.recover-btn{font-size:11px;padding:6px 10px}.notification{left:10px;right:10px;text-align:center;font-size:12px}}.password-wrapper{position:relative}.password-popup{position:absolute;top:110%;left:0;width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;font-size:12px;box-shadow:0 10px 25px #0000001f;z-index:999!important}.password-popup p{font-weight:600;margin:0 0 6px}.password-popup ul{list-style:none;margin:0;padding:0}.password-popup li{color:#6b7280;margin:3px 0}.password-popup li.valid{color:#16a34a;font-weight:500}.error-text{color:#dc2626;font-size:12px;margin-top:6px;margin-bottom:10px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top:2px solid #fff;border-radius:50%;display:inline-block;margin-right:8px;animation:spin .7s linear infinite}.admin-topbar{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:5;background:#ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.3s ease}.left-section{display:flex;align-items:center}.admin-greeting h3{margin:0;font-size:15px;font-weight:700;color:#0f3d1a;letter-spacing:.2px}.admin-greeting p{margin:2px 0 0;font-size:12px;color:#6b7280}.admin-profile{position:relative}.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#15803d,#0f3d1a);background-size:200% 200%;animation:gradientMove 6s ease infinite;box-shadow:0 10px 25px #22c55e40,inset 0 0 10px #ffffff26;transition:.25s ease}.avatar:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 14px 35px #22c55e59}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dropdown{position:absolute;right:0;top:58px;width:240px;background:#ffffffd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 20px 60px #0000001f;overflow:hidden;animation:drop .25s ease;border:1px solid rgba(255,255,255,.5)}@keyframes drop{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{display:flex;align-items:center;gap:10px;padding:14px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid rgba(0,0,0,.05)}.avatar-small{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#22c55e,#15803d)}.dropdown-header strong{font-size:13px;color:#0c0505}.dropdown-header p{margin:0;font-size:11px;color:#0c0505}.dropdown button{width:100%;padding:12px 14px;border:none;background:transparent;text-align:left;font-size:13px;cursor:pointer;transition:.2s ease}.dropdown button:hover{background:#22c55e14;padding-left:18px}.dropdown .logout{color:#dc2626}.dropdown .logout:hover{background:#ef444414}.admin-main{margin-left:255px;transition:.3s ease}.admin-main.collapsed{margin-left:80px}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:40px 16px;z-index:9999999;pointer-events:auto}.modal-box{width:340px;max-width:92%;max-height:90vh;overflow-y:auto;background:#e5e7eb;border-radius:16px;padding:20px;text-align:center;position:relative;margin:auto;box-shadow:12px 12px 25px #00000040,-6px -6px 12px #fff6;animation:popModal .2s ease}.modal-box:before{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 4px 4px 10px #00000026,inset -4px -4px 10px #ffffff4d;pointer-events:none}.modal-box h3{margin-bottom:6px}.modal-box p{font-size:13px;color:#555}@keyframes popModal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-actions{display:flex;gap:10px;margin-top:16px}.cancel-btn{flex:1;padding:10px;border-radius:10px;border:none;background:#d1d5db;cursor:pointer}.confirm-btn{flex:1;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.confirm-btn:disabled,.cancel-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark-toggle{width:38px;height:38px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:10px;background:#22c55e1f;color:#16a34a;font-size:16px;transition:.25s ease;box-shadow:0 6px 15px #00000014}.dark-toggle:hover{transform:translateY(-2px) scale(1.05);background:#22c55e33}.right-controls{display:flex;align-items:center;gap:12px}.admin-profile{display:flex;align-items:center;position:relative}.datetime{display:flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:10px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 15px #00000014}.datetime .time{font-size:14px;font-weight:700;color:#0f3d1a}.datetime .date{font-size:11px;color:#6b7280}.right-controls{display:flex;align-items:center;gap:16px}.theme-toggle{width:40px;height:40px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#22c55e1f;color:#16a34a;font-size:16px;transition:.25s ease}.theme-toggle:hover{transform:translateY(-2px) scale(1.05);background:#22c55e33}.admin-topbar{border-bottom:1px solid rgba(0,0,0,.05)}.notif-wrapper{position:relative}.notif-btn{background:none;border:none;font-size:20px;cursor:pointer;position:relative;color:#111827;transition:.2s ease}.notif-btn:hover{transform:scale(1.08)}.notif-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:0 0 10px #ef444480;animation:pulseNotif 1.8s infinite}@keyframes pulseNotif{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.notif-dropdown{position:absolute;right:0;top:42px;width:320px;max-height:420px;overflow-y:auto;background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 25px 60px #0000002e,0 2px 10px #0000000d;padding:10px;z-index:999999;color:#111827}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-item{padding:10px;border-radius:10px;border-bottom:1px solid rgba(0,0,0,.06);transition:.2s ease;cursor:pointer;color:#111827}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#0000000d;transform:translate(3px)}.notif-item strong{font-size:13px;color:#111827}.notif-item p{font-size:12px;color:#374151;margin:2px 0}.notif-item small{font-size:11px;color:#6b7280}.notif-dropdown p{text-align:center;padding:10px;font-size:12px;color:#6b7280}@media(max-width:768px){.admin-main{margin-left:0!important;width:100%}.admin-main.collapsed{margin-left:0!important}.admin-layout{flex-direction:column}.admin-content{padding:14px}.admin-topbar{height:62px;padding:0 14px;background:#ffffffbf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:999}.admin-greeting h3{font-size:13px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-greeting p{font-size:11px;display:none}.avatar{width:38px;height:38px;font-size:13px}.dropdown{width:200px;right:0;top:52px;border-radius:14px}.dropdown button{padding:12px;font-size:13px}}@media(max-width:768px){.datetime{padding:5px 10px;border-radius:10px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000014;align-items:flex-start}.datetime .time{font-size:12px;font-weight:700}.datetime .date{font-size:10px}.right-controls .datetime{transform:scale(.95)}.notif-wrapper{position:relative}.notif-btn{font-size:18px;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.notif-badge{width:15px;height:15px;font-size:9px;top:-4px;right:-4px}.notif-dropdown{position:fixed;top:70px;left:12px;right:12px;width:auto;max-height:65vh;border-radius:14px;background:#fffffff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #0000002e;padding:10px;z-index:99999;animation:notifSlideMobile .2s ease}@keyframes notifSlideMobile{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.notif-item{padding:10px;font-size:12px;border-radius:10px}.notif-item strong{font-size:12px}.notif-item p{font-size:11px}.notif-item small{font-size:10px}}@media(max-width:480px){.admin-topbar{padding:0 12px;height:58px}.right-controls{gap:8px}.datetime{padding:5px 10px;border-radius:10px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000014;align-items:flex-start}.datetime .time{font-size:12px;font-weight:700}.datetime .date{font-size:10px}.admin-greeting h3{font-size:12px;max-width:110px}.avatar{width:34px;height:34px;font-size:12px}.notif-btn{width:34px;height:34px;font-size:16px}.notif-badge{width:14px;height:14px;font-size:8px}.notif-dropdown{top:62px;left:10px;right:10px;border-radius:12px;max-height:60vh;padding:8px;box-shadow:0 18px 50px #0000002e}.notif-item{padding:8px}.notif-item strong{font-size:11.5px}.notif-item p{font-size:10.5px}.notif-item small{font-size:9.5px}.notif-item:hover{transform:none;background:#00000008}}body.dark{background-color:#0f172a;color:#e5e7eb;transition:background .3s ease,color .3s ease}body.dark .admin-topbar{background:#111827;border-bottom:1px solid #1f2937;color:#e5e7eb}body.dark .admin-greeting h3{color:#f9fafb}body.dark .dropdown{background:#1f2937;color:#e5e7eb;box-shadow:0 10px 25px #0006}body.dark .dropdown button{color:#e5e7eb;background:transparent}body.dark .dropdown button:hover,body.dark .dropdown-divider{background:#374151}body.dark .dropdown-header p{color:#9ca3af}body.dark .avatar{background:#374151;color:#f9fafb}body.dark .avatar-small{background:#374151;color:#fff}body.dark .online-dot{background:#22c55e}body.dark .modal-overlay{background:#000000b3}body.dark .logout-modal{background:#1f2937;color:#e5e7eb;border:1px solid #374151}body.dark .logout-modal p{color:#9ca3af}body.dark .cancel-btn{background:#374151;color:#e5e7eb}body.dark .cancel-btn:hover{background:#4b5563}body.dark .confirm-btn{background:#ef4444;color:#fff}body.dark .confirm-btn:hover{background:#dc2626}body.dark .spinner{border:3px solid #374151;border-top:3px solid #fff}.theme-toggle{background:transparent;border:none;font-size:18px;cursor:pointer;margin-right:10px;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.1)}body.dark .theme-toggle{color:#f9fafb}.theme-toggle{width:42px;height:42px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f3f4f6;color:#111827;box-shadow:0 4px 10px #00000014;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.08);background:#e5e7eb}.icon-wrapper{font-size:18px;transition:transform .3s ease}.theme-toggle:hover .icon-wrapper{transform:rotate(20deg)}body.dark .theme-toggle{background:#1f2937;color:#f9fafb;box-shadow:0 4px 12px #0006}body.dark .theme-toggle:hover{background:#374151}body.dark .datetime{background:#1e1e1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px #00000080}body.dark .datetime .time{color:#22c55e}body.dark .datetime .date{color:#9ca3af}body.dark .admin-topbar{background:#141414bf;border-bottom:1px solid rgba(255,255,255,.05)}body.dark .theme-toggle{background:#22c55e26;color:#4ade80;box-shadow:0 6px 15px #0006}body.dark .theme-toggle:hover{background:#22c55e40}body.dark .admin-greeting h3{color:#e5e7eb}body.dark .admin-greeting p{color:#9ca3af}body.dark .notif-btn{color:#e5e7eb}body.dark .notif-badge{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 0 12px #ef444499}body.dark .notif-dropdown{background:#111827!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #0009,0 2px 10px #0006;color:#e5e7eb}body.dark .notif-item{border-bottom:1px solid rgba(255,255,255,.06)}body.dark .notif-item strong{color:#fff}body.dark .notif-item p{color:#d1d5db}body.dark .notif-item small{color:#9ca3af}body.dark .notif-item:hover{background:#ffffff0f}