:root{--primary-gold: #D4AF37;--primary-dark: #2C2C2C;--sidebar-bg: #f8f9fa}body{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:auto 1fr}i{color:#3b3b3b8e}.main-content-bg{position:relative;padding:2rem;color:#fff;min-height:100vh;min-height:100dvh;z-index:1}.main-content-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffe8a6,#fed154,#f4b301 66%,#f5a302);background-size:cover;background-position:center;z-index:-1}#header p{color:#fff}#officerContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:3rem 2rem 2rem;max-width:1400px;margin:0 auto}#shimmerContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:3rem 2rem 2rem}.officer-card{border-radius:16px;background-color:#fff;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.officer-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.officer-card .shimmer-line{background:linear-gradient(90deg,#fff3,#fff6,#fff3);background-size:200% 100%;animation:shimmer 2s infinite ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:8px}.officer-img{width:100%;height:240px;object-fit:cover;display:block}.officer-info{padding:20px;background:#fff;flex-grow:1}.officer-info h5{margin:0 0 6px;font-size:1.15rem;color:#2c2c2c;font-weight:600;line-height:1.3}.officer-info p{font-size:13px;color:#666;margin:0 0 10px;line-height:1.4}.officer-position{padding:12px 20px;margin:0;border-radius:5px}.officer-position h5{margin:0;font-size:1.1rem;font-weight:600;color:#ff9500;text-transform:capitalize}.officer-actions{display:flex;width:100%;padding:0;margin:0;gap:0!important}.officer-actions button{flex:1;border-radius:0;border:none;padding:12px 0;font-size:.9rem;font-weight:500;transition:all .2s}.officer-actions button.btn-warning{background:#ffc107;color:#2c2c2c;border-right:1px solid rgba(255,255,255,.3)}.officer-actions button.btn-warning:hover{background:#ffb300}.officer-actions button.btn-danger{background:#dc3545;color:#fff}.officer-actions button.btn-danger:hover{background:#c82333}@media(max-width:800px){body{padding-top:60px}#officerContainer{grid-template-columns:1fr;padding:1rem;gap:1rem}.officer-card .officer-img{height:200px}.officer-card .officer-info{padding:16px}.officer-card .officer-info h5{font-size:1.05rem}.officer-card .officer-info p{font-size:12px}.officer-card .officer-position h5{font-size:.9rem}}@media(min-width:801px)and (max-width:1200px){#officerContainer{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}#sidebar{box-shadow:2px 0 10px #0000001a;z-index:10}.modal{z-index:9999!important}.modal-backdrop{z-index:9998!important}.btn-add-event{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:.3px;color:var(--primary-dark);text-decoration:none;background:linear-gradient(135deg,#ffe8a6,#fed154 40%,#f4b301,#ff9500);box-shadow:0 6px 18px #00000026,inset 0 1px #fff9;transition:all .25s ease}.btn-add-event i{font-size:16px;color:var(--primary-dark);transition:transform .25s ease}.btn-add-event:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0003,inset 0 1px #ffffffb3}.btn-add-event:hover i{transform:rotate(90deg)}.btn-add-event:active{transform:translateY(0);box-shadow:0 4px 12px #00000026,inset 0 2px 4px #0003}