@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Lobster&family=Fredoka+One&family=Permanent+Marker&family=Dancing+Script&display=swap);body[data-theme=light]{--app-bg:#f0f0f0;--navbar-bg:#1976d2;--navbar-text:#fff;--surface:#fff;--text:#333;--muted:#666}body[data-theme=dark]{--app-bg:#000;--navbar-bg:#8b0000;--navbar-text:#fff;--surface:#1e1e1e;--text:#e0e0e0;--muted:#888}body{background:var(--app-bg);color:var(--text);font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0;transition:background .3s,color .3s}img{height:auto;max-width:100%}.nav-link{border-radius:6px;color:var(--navbar-text)!important;font-size:1rem;font-weight:500;margin:0 8px;padding:6px 16px;text-transform:none;transition:background .2s}.nav-link:hover{background:hsla(0,0%,100%,.2)}.upload-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:24px -6px;width:100%}.upload-container>*{margin-left:6px;margin-right:6px}@supports (gap:12px){.upload-container,.upload-container>*{margin-left:0;margin-right:0}}@media (max-width:600px){.upload-container{align-items:stretch;flex-direction:column}.custom-file-button,.upload-container button{text-align:center;width:100%}}.custom-file-button{background:var(--navbar-bg);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:var(--navbar-text);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;min-width:120px;padding:8px 16px;text-align:center;transition:filter .2s,transform .2s}.custom-file-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.upload-container button{background:var(--navbar-bg);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:var(--navbar-text);cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:10px 20px;transition:transform .2s ease,filter .2s ease}.upload-container button:not(:disabled):hover{filter:brightness(1.15);transform:translateY(-2px)}.upload-container button:active{filter:brightness(1.05);transform:translateY(0)}.upload-container button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.upload-progress{align-items:center;display:flex;flex-direction:column;margin-top:.5rem;width:100%}.progress-text{color:#666;font-size:.75rem;margin-top:.25rem}.upload-container button.upload-success{animation:successPulse .6s ease-in-out;background:#4caf50!important;color:#fff!important}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success-message{animation:successSlideDown .3s ease-out;background:#4caf50;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;font-size:.8rem;font-weight:500;left:50%;padding:8px 16px;position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap;z-index:10}@keyframes successSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.upload-container{position:relative}.lazy-image-container{background-color:#f8f8f8;overflow:hidden;position:relative}.lazy-image,.lazy-image-container{border-radius:8px;height:100%;width:100%}.lazy-image{object-fit:cover;transition:opacity .3s ease-in-out}.lazy-image-loading{opacity:0}.lazy-image-loaded{opacity:1}.lazy-image-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;left:0}.lazy-image-skeleton,.skeleton-shimmer{height:100%;position:absolute;top:0;width:100%}.skeleton-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);left:-100%}.lazy-image-error{background-color:#f5f5f5;border-radius:8px;color:#666;font-size:.75rem;height:100%;justify-content:center;left:0;padding:8px;position:absolute;text-align:center;top:0;width:100%}.broken-image-placeholder,.lazy-image-error{align-items:center;display:flex;flex-direction:column}.broken-image-placeholder{opacity:.7}.broken-image-placeholder svg{color:#999;margin-bottom:4px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{left:-100%}to{left:100%}}[data-theme=dark] .lazy-image-container{background-color:#2a2a2a}[data-theme=dark] .lazy-image-skeleton{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%)}[data-theme=dark] .lazy-image-error{background-color:#2a2a2a;color:#ccc}.carousel{align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));justify-items:center;margin:-.5rem;padding:1rem}@supports not (gap:1rem){.carousel{gap:unset}.carousel .carousel-item{margin:.5rem}}.carousel-item{align-items:center;aspect-ratio:1/1;background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;height:0;justify-content:center;overflow:hidden;padding-bottom:100%;position:relative;transition:transform .2s ease-in-out;width:100%}@supports (aspect-ratio:1/1){.carousel-item{height:auto;padding-bottom:0}}.carousel-item:hover:not(.deleting){transform:scale(1.03)}.carousel-item.deleting{animation:deleteShake .5s ease-in-out;opacity:.7}@keyframes deleteShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.carousel-thumbnail{border-radius:8px;height:100%;left:0;object-fit:cover;-webkit-object-fit:cover;position:absolute;top:0;width:100%}@supports (aspect-ratio:1/1){.carousel-thumbnail{position:static}}.delete-overlay{background:hsla(0,0%,100%,.85);border:none;border-radius:50%;cursor:pointer;padding:4px;position:absolute;right:6px;top:6px;transition:all .2s ease;z-index:1}.delete-overlay:hover:not(:disabled){background:hsla(0,0%,100%,.95);transform:scale(1.1)}.delete-overlay:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background:rgba(0,0,0,.85);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);max-height:95vh;max-width:95vw;overflow:hidden;padding:10px}.modal-content .lazy-image-container{background-color:initial}.modal-content .lazy-image,.modal-content .lazy-image-container{height:auto!important;max-height:calc(95vh - 20px);max-width:calc(95vw - 20px);width:auto!important}.modal-content .lazy-image{border-radius:6px;object-fit:contain!important;-webkit-object-fit:contain!important}.full-image{border-radius:6px;display:block;height:auto;max-height:calc(95vh - 20px);max-width:calc(95vw - 20px);object-fit:contain;-webkit-object-fit:contain;width:auto}.pagination{align-items:center;display:flex;gap:.5rem;grid-column:1/-1;justify-content:center;margin:-.25rem}@supports not (gap:0.5rem){.pagination{gap:unset}.pagination>*{margin:.25rem}}.page-indicator{color:var(--text-color,#333);font-size:.95rem;min-width:5rem;text-align:center}.pagination button{background-color:#1976d2;border:none;border-radius:999px;box-shadow:0 2px 4px rgba(0,0,0,.15);color:#fff;cursor:pointer;font-size:.875rem;padding:.6rem 1.2rem;transition:background-color .2s ease,transform .1s ease}.pagination button:disabled{background-color:#aaa;box-shadow:none;cursor:default}.pagination button:not(:disabled):hover{background-color:#1565c0;transform:translateY(-1px)}.pagination button:not(:disabled):active{transform:translateY(0)}.event-log-label{color:var(--activity-heading);font-weight:600;margin-bottom:8px}.recent-activity-container{background-color:#000;border:2px solid #444;border-radius:8px;display:flex;flex-direction:column;max-height:300px}.recent-activity-list{flex:1 1 auto;overflow-y:auto;padding:0 16px 16px}.recent-activity-list .MuiListItem-root{border-bottom:1px solid #555;padding:8px 0}.recent-activity-list .MuiListItem-root:last-child{border-bottom:none}.recent-activity-list .MuiListItemText-secondary{color:#888;font-size:.85em}.recent-activity-list .MuiListItem-root:hover{background-color:hsla(0,0%,100%,.05)}.recent-activity-list::-webkit-scrollbar{width:6px}.recent-activity-list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2);border-radius:3px}.recent-activity-list:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.4)}:root[data-theme=light]{--activity-heading:#333}:root[data-theme=dark]{--activity-heading:#f1f1f1}