:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.page-gradient{background:linear-gradient(#f8f9fa,#e9ecef)}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.brand-title{color:#1a1a2e;font-weight:700}.brand-title-capitalize{color:#1a1a2e;text-transform:capitalize;font-weight:700}.section-title{color:#1a1a2e}.card-rounded{border-radius:12px}.login-card{border-radius:16px}.event-card{cursor:pointer;border-radius:12px;transition:all .3s}.event-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:48px;height:48px;font-size:20px;font-weight:700}.event-name{text-transform:capitalize;color:#1a1a2e;font-weight:700}.event-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-size:14px;font-weight:600}.login-heading{color:#1a1a2e;font-weight:700}.login-input{border-radius:8px!important;padding:10px 14px!important}.login-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:12px;font-weight:600}.session-id{font-family:monospace;font-size:12px}.session-meta{font-size:12px}.media-thumb-wrapper{cursor:pointer;border:2px solid #e9ecef;border-radius:8px;width:150px;height:150px;display:inline-block;position:relative;overflow:hidden}.media-thumb-img{object-fit:cover;width:100%;height:100%}.no-image{color:#6c757d;font-size:12px}.img-spinner.spinner-border{border-width:.15em;color:#000!important}.spinner-overlay{z-index:1}.modal-dark-bg{background-color:#000}.modal-close-btn{z-index:1050;top:10px;right:10px;background-color:#ffffff4d!important;border-radius:50%!important;padding:10px!important}.modal-image-container{justify-content:center;align-items:center;max-height:80vh;padding:20px;display:flex}.modal-full-image{max-width:100%;height:auto;max-height:80vh}.btn-rounded-sm{border-radius:8px}