*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#f5f5f5;color:#111;overflow-x:hidden}.app-container{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;height:100vh;padding:2rem;position:fixed;width:280px;z-index:100}.logo-img{display:block;height:auto;margin-bottom:2rem;max-height:60px;max-width:100%;object-fit:contain}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.nav-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.nav-btn:hover{background-color:#f5f5f5;color:#000}.nav-btn.active{background-color:#000;color:#fff}.logout-btn{color:#f44;margin-top:auto}.main-content{flex:1 1;margin-left:280px;padding:2rem 3rem 100px}.header-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.header-section h2{font-size:2rem;font-weight:700}.btn-primary{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.card{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-2px)}.card-link{inset:0;position:absolute;z-index:10}.material-card{align-items:center;display:flex;gap:1rem;padding:1.5rem}.icon-box{background:#eef2ff;border-radius:12px;color:#4f46e5;padding:12px}.photo-card{aspect-ratio:auto;position:relative}.photo-card img{height:100%;object-fit:cover;width:100%}.photo-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;font-size:.85rem;left:0;opacity:0;padding:12px;position:absolute;right:0;transition:opacity .2s}.card:hover .photo-overlay{opacity:1}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid.gallery-grid{gap:16px;grid-template-columns:repeat(5,1fr)}.gallery-grid .card button[style*="position: absolute"]{height:28px!important;right:8px!important;top:8px!important;width:28px!important}.gallery-grid .card button[style*="position: absolute"] svg{height:14px;width:14px}.input-text{background:#f5f5f5;border:none;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:12px;width:100%}.login-page{align-items:center;background:#f5f5f5;display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:24px;box-shadow:0 4px 12px #0000000d;max-width:400px;padding:3rem;text-align:center;width:90%}.logo-img-login{height:auto;margin-bottom:1rem;max-width:200px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:400px;padding:2rem;width:100%}.upload-area{border:2px dashed #ddd;border-radius:12px;cursor:pointer;margin-bottom:1rem;padding:3rem;position:relative;text-align:center}.upload-area input{cursor:pointer;inset:0;opacity:0;position:absolute}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #eee;display:none;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.logo-mobile{height:40px;object-fit:contain;width:auto}.bottom-nav{align-items:flex-end;background:#fff;border-top:1px solid #eee;bottom:0;display:none;gap:0;justify-content:space-between;left:0;padding:8px 4px max(8px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}.nav-item{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.65rem;gap:4px;justify-content:center;min-width:0;padding:6px 2px;transition:all .2s}.nav-item svg{height:20px;margin-bottom:2px;width:20px}.nav-item span{display:block;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background-color:initial;color:#666}.nav-item.active{color:#000;font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.app-container{display:block!important;max-width:100vw!important;overflow-x:hidden!important;width:100vw!important}.sidebar,aside.sidebar{display:none!important}.bottom-nav,.mobile-header{display:flex!important;width:100%!important}.main-content{box-sizing:border-box!important;margin-left:0!important;max-width:100vw!important;padding:1.5rem 1rem 100px!important;width:100%!important}.header-section{align-items:flex-start!important;flex-direction:column!important;gap:.5rem;margin-bottom:1.5rem;width:100%}.header-section h2{font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.header-section>div:last-child{display:flex!important;gap:10px;margin-top:5px;width:100%}.header-btn-desktop{display:none!important}.header-section button.btn-primary:not(.header-btn-desktop){display:flex!important;flex:1 1;font-size:.9rem;justify-content:center;padding:12px 8px!important;width:auto!important}.mobile-admin-buttons{display:flex!important;flex-direction:column;gap:10px;width:100%}.grid{grid-template-columns:1fr;width:100%!important}.grid.gallery-grid{gap:.75rem;grid-template-columns:repeat(3,1fr)}.modal-content{max-width:90%;padding:1.5rem}.profile-page-container{padding:1rem!important;width:100%!important}.profile-page-container div[style*="display: grid"]{grid-template-columns:1fr!important}}
/*# sourceMappingURL=main.34c0d722.css.map*/