@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap";:root{--nav-bg:#2e4053f2;--nav-color:#fff;--active-color:#f3c56c;--nav-radius:16px;--nav-padding:.5rem;--transition-speed:.3s;--sidebar-bg:#2e4053;--text-color:#fff;--item-color:#dfe0e2;--item-hover-bg:#f3c56c;--item-hover-color:#2e4053;--header-color:#fff;--accent-color:#ff875f;--accent-900:#49a87d;--accent-800:#1b945b}body{background:#dfe0e2;min-height:100vh;padding-top:100px;padding-bottom:0;font-family:OpenSansRegular,"sans-serif";overflow-x:hidden}.sidebar{z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--nav-radius);width:auto;height:auto;padding:var(--nav-padding);transition:all var(--transition-speed) ease;flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}.toggle-menu,.hamburger{display:none!important}.sidebar-nav{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;display:flex}.nav-list{flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--nav-color);transition:background var(--transition-speed), transform .2s;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;display:flex;position:relative}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-icon svg,.nav-icon{text-align:center;width:24px;height:24px;font-size:24px;display:block}.nav-label{opacity:1;margin-left:0;font-family:OpenSansRegular,sans-serif;font-size:.9rem;font-weight:600;position:static;transform:none}.badge{background:var(--accent-color);color:#fff;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:.7rem;position:absolute;top:5px;right:5px}.nav-link:after{display:none}.app-layout{background:var(--item-color);flex-direction:column;min-height:100vh;transition:margin-left .35s;display:flex;margin-left:0!important}.main-content{background:var(--item-color);flex:1;width:100%;padding:32px}h1:after{content:"";vertical-align:middle;background-image:url(/public/dist/assets/flash_icon.png);background-repeat:no-repeat;background-size:contain;width:40px;height:40px;margin-left:10px;display:inline-block}.main-header{background-color:var(--header-color);z-index:500;justify-content:center;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}.main-header-logo{width:auto;height:60px}.main-footer{background:var(--header-color);text-align:center;padding:20px}.footer-container{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.footer-column h4{margin-bottom:10px;font-size:18px}.footer-column ul li a{color:#555;font-size:14px;text-decoration:none}.button{appearance:none;font:inherit;color:currentColor;background:no-repeat;border:none;margin:0;padding:0}.loader{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:20px;padding:60px 20px;display:flex}.loader-spinner{border:3px solid var(--q-border);border-top-color:var(--q-salmon);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loader-text{color:#94a3b8;font-family:Open Sans,sans-serif;font-size:.9rem;animation:1.5s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=900px){.sidebar{min-width:600px;max-width:90%;top:20px;bottom:auto}.secondary-nav{border-left:1px solid #fff3;margin-left:1rem;padding-left:1rem}}@media (width<=899px){body{padding-top:20px;padding-bottom:100px}.sidebar{width:90%;max-width:400px;margin-bottom:env(safe-area-inset-bottom);justify-content:center;padding:10px 15px;top:auto;bottom:20px;transform:translate(-50%)}.sidebar-nav{justify-content:space-between;width:100%;margin-top:0;padding-top:0}.nav-list{gap:0;width:auto}.primary-nav,.secondary-nav{display:contents}.nav-link{border-radius:50%;flex-direction:column;justify-content:center;gap:4px;width:38px;height:48px;padding:8px}.nav-link:hover{background:0 0;transform:translateY(-5px)}.nav-link:active{transform:scale(.95)}.nav-label{display:none}.nav-icon{margin:0}.badge{top:0;right:0}.main-content{padding:20px 15px}.main-header{justify-content:center;height:70px}.footer-container{flex-direction:column}}.switch{background:var(--q-bg-light);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s;display:flex}.switch:hover{border-color:#cbd5e0}.switch input[type=radio],.switch input[type=checkbox]{display:none}.slider{background-color:#cbd5e0;border-radius:34px;flex-shrink:0;width:50px;height:26px;transition:all .4s;position:relative}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--q-salmon)}input:checked+.slider:before{transform:translate(24px)}.slider .on,.slider .off{display:none}.switch-label{text-align:left;color:var(--q-text-main);flex:1;font-size:.95rem}input:checked~.switch-label{color:var(--q-indigo);font-weight:700}input[type=radio]:disabled+.slider{opacity:.5;cursor:not-allowed;background-color:#ccc}input[type=radio]:disabled~.switch-label{color:#999;cursor:not-allowed}.main-footer{background-color:var(--header-color);color:var(--sidebar-bg);border-top:1px solid #0000000d;margin-top:auto;padding:60px 20px}.footer-container{flex-direction:row;justify-content:space-evenly;align-items:flex-start;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer-column{flex-direction:column;min-width:200px;display:flex}.footer-column h4{color:var(--accent-color);letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px;font-family:BodoniBold,serif;font-size:18px;position:relative}.footer-column h4:after{content:"";background:var(--item-hover-bg);width:200px;height:2px;margin-top:8px;display:block}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:#555;font-family:OpenSansRegular,sans-serif;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.footer-column ul li a:hover{color:var(--accent-color);transform:translate(5px)}.social-links{gap:15px;display:flex}.social-icon{background-color:var(--item-color);width:40px;height:40px;color:var(--sidebar-bg);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #ff875f4d}@media (width<=899px){.main-footer{padding:40px 20px 110px}.footer-container{text-align:center;flex-direction:column;align-items:center;gap:50px}.footer-column{align-items:center;width:100%}.footer-column h4:after{margin-left:auto;margin-right:auto}.footer-column ul li{margin-bottom:15px}.footer-column ul li a{padding:5px;font-size:16px}}@media (width>=900px){.badge{top:2px;right:111px}}#toast-host{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{pointer-events:auto;color:#f5f5f7;-webkit-backdrop-filter:blur(14px)saturate(140%);opacity:0;background:#14161eeb;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:14px 16px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .25s;display:grid;position:relative;overflow:hidden;transform:translate(120%);box-shadow:0 12px 32px #00000059,0 2px 6px #0003}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(120%)}.toast-icon{font-size:28px}.toast-success .toast-icon{color:#34d399}.toast-error .toast-icon{color:#f87171}.toast-body{flex-direction:column;line-height:1.25;display:flex}.toast-body strong{font-size:14px;font-weight:600}.toast-body span{opacity:.75;font-size:13px}.toast-close{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px;transition:opacity .2s,background .2s}.toast-close:hover{opacity:1;background:#ffffff14}.toast-progress{transform-origin:0;background:linear-gradient(90deg,#6366f1,#a855f7);width:100%;height:3px;animation:4s linear forwards toast-bar;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:linear-gradient(90deg,#10b981,#34d399)}.toast-error .toast-progress{background:linear-gradient(90deg,#ef4444,#f87171)}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;width:100%;padding:60px 20px 80px;animation:.5s ease-out fadeInUp;display:flex}.empty-state img{opacity:.7;filter:grayscale(20%);width:180px;height:auto;margin-bottom:24px}.empty-state p{color:#94a3b8;margin:0;font-family:Open Sans,sans-serif;font-size:1.1rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=899px){.empty-state{padding:40px 16px 60px}.empty-state img{width:140px}.empty-state p{font-size:1rem}}.error-fullpage{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.error-page{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:calc(100vh - 200px);padding:2rem 1.5rem;display:flex}.error-image{justify-content:center;display:flex}.error-image img{max-width:320px;height:auto}.error-text{flex-direction:column;align-items:center;gap:.25rem;display:flex}.error-text h1{color:#2e4053;margin-bottom:.5rem;font-size:1.5rem}.error-text .event-info{color:#718096;margin-bottom:.25rem}.error-text .error-subtitle{color:#718096;margin-bottom:1.5rem}.error-text .button{color:#fff;background:linear-gradient(135deg,#ff875f 0%,#f08262 100%);border-radius:12px;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.error-text .button:hover{opacity:.88}.error-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:520px;padding:3rem 2.5rem;animation:.5s ease-out error-fade-up;position:relative;overflow:hidden;box-shadow:0 20px 60px #2e40531f}.error-card:before{content:"";background:linear-gradient(90deg,#ff875f 0%,#f3c56c 100%);height:5px;position:absolute;top:0;left:0;right:0}.error-icon{background:linear-gradient(135deg,#ff875f1f,#f3c56c1f);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 1.25rem;animation:2.5s ease-in-out infinite error-pulse;display:flex}.error-icon svg{stroke:#ff875f;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:48px;height:48px}.error-code{background:linear-gradient(135deg,#ff875f 0%,#f3c56c 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:4rem;font-weight:700;line-height:1}.error-title{color:#2e4053;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.error-message{color:#718096;margin:0 0 2rem;font-size:1rem;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.error-actions .btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.error-actions .btn-primary{color:#fff;background:linear-gradient(135deg,#ff875f 0%,#f08262 100%);box-shadow:0 6px 16px #ff875f59}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #ff875f73}.error-actions .btn-secondary{color:#2e4053;background:0 0;border:1.5px solid #e2e8f0}.error-actions .btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}@keyframes error-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes error-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (width<=480px){.error-card{padding:2.25rem 1.5rem}.error-code{font-size:3rem}.error-title{font-size:1.25rem}.error-message{font-size:.95rem}}.info-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:calc(100vh - 100px);padding:40px 20px;display:flex}.info-image{justify-content:center;align-items:center;width:100%;display:flex}.info-image img{object-fit:contain;width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.info-text{flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex}.info-title{color:#ff7e67;margin:0 0 12px;font-family:BodoniBold,Montserrat,serif;font-size:1.6rem;font-weight:700;line-height:1.3}.info-subtitle{color:#64748b;margin:0 0 8px;font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.5}@media (width<=768px){.info-image img{max-width:340px}.info-title{font-size:1.3rem}.info-subtitle{font-size:.95rem}}.main-content{max-width:1000px;margin:0 auto;padding:40px 24px 60px;font-family:Open Sans,sans-serif}.main-content h1{color:var(--q-indigo);border-bottom:none;margin-bottom:8px;padding-bottom:0;font-family:BodoniBold,Montserrat,sans-serif;font-size:2.2rem;font-weight:700}.main-content h1:after{display:none}.dashboard-subtitle{color:#64748b;border-bottom:1px solid var(--q-border);margin-bottom:32px;padding-bottom:24px;font-family:Open Sans,sans-serif;font-size:1rem}.dashboard{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.dashboard h2{color:#94a3b8;text-transform:uppercase;letter-spacing:2px;grid-column:1/-1;align-items:center;margin-top:0;margin-bottom:4px;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:700;display:flex}.dashboard h2:before{content:"";background:linear-gradient(180deg, var(--q-salmon), #ffb088);border-radius:4px;width:4px;height:18px;margin-right:12px;display:inline-block}.dashboard .card{background-color:var(--q-white);border-radius:var(--q-radius);box-shadow:var(--q-shadow);border:1px solid var(--q-border);border-left:4px solid var(--q-salmon);transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.4s ease-out both cardSlideIn;position:relative;overflow:hidden}.dashboard .card:nth-child(2){animation-delay:50ms}.dashboard .card:nth-child(3){animation-delay:.1s}.dashboard .card:nth-child(4){animation-delay:.15s}.dashboard .card:nth-child(5){animation-delay:.2s}.dashboard .card:nth-child(6){animation-delay:.25s}.dashboard .card:hover{box-shadow:var(--q-shadow-hover);border-left-color:var(--q-salmon);transform:translateY(-4px)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{height:100%;margin:0;padding:0}.dashboard .event-link{color:var(--q-indigo);justify-content:space-between;align-items:center;width:100%;height:100%;padding:22px 24px;text-decoration:none;transition:background-color .2s;display:flex}.dashboard .event-link:hover{background-color:#fffbfa}.dashboard .event-date{color:var(--q-indigo);align-items:center;gap:16px;font-size:.95rem;font-weight:600;line-height:1.4;display:flex}.dashboard .event-date:before{content:"";background-color:#ff7e6714;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.5 49.76'%3E%3Cpath fill='%23f08262' d='M38.44,49.02c-9.57-.18-20.19.26-29.8.69-1.87.17-3.88-.07-5.38-1.3-1.58-1.2-2.59-3.17-2.63-5.2C.5,36.62.18,19.78.06,13.41-.48,8.87,2.73,4.71,7.43,4.64c0,0,19.87-.48,19.87-.48,3.31-.07,6.62-.12,9.93-.13,2.22-.11,4.58.34,6.3,1.82,1.88,1.52,3,3.94,2.96,6.34-.17,9.94-1.28,19.88-1.88,29.8.19,3.73-2.28,7.08-6.18,7.02h0ZM38.44,48.52c2.79-.04,5.19-2.49,5-5.28,0,0-.06-1.24-.06-1.24-.19-3.31-.45-6.62-.72-9.93-.56-6.62-1.02-13.25-1.16-19.87-.03-1.38-1.06-2.58-2.38-2.88-7.69-.16-23.78-.44-31.69-.68-1.93-.09-3.69,1.59-3.72,3.53,0,0-.02,1.23-.02,1.23-.12,6.3-.44,23.29-.56,29.8-.13,2.34,1.92,4.5,4.28,4.57,0,0,1.24.05,1.24.05,9.63.41,20.22.9,29.8.69h0Z'/%3E%3Cpath fill='%23f3c56c' d='M32.33,43.63c-2.19-.07-4.35.02-6.57.15-2.97.12-5.89-2.55-5.95-5.68,0,0-.06-1.66-.06-1.66-.59-3.91,2.27-7.81,6.42-7.86,1.52-.04,4.24-.18,5.73-.25,3.85-.46,7.6,2.9,7.39,6.81-.17,1.76-.16,3.6-1.07,5.2-1.27,2.21-3.65,3.36-5.88,3.28h0ZM32.33,43.33c2.58-.02,4.76-2.44,4.49-4.97,0,0-.18-1.54-.18-1.54l-.16-1.6c-.22-2-1.85-3.71-3.87-3.94-1.81-.15-4.62-.21-6.45-.3-2.97-.15-4.96,2.57-4.69,5.46,0,.86-.16,2.18.14,3.01.49,1.82,2.13,3.41,4.2,3.7,2.14.2,4.36.24,6.53.18h0Z'/%3E%3Cpath fill='%23f08262' d='M14.18,0c.76.8,1.13,1.66,1.35,2.65.23.88-.17,1.77-.3,2.65-.25,1.78-.61,3.55-1.05,5.3,0,0-.3,0-.3,0-.44-1.75-.8-3.52-1.05-5.3-.13-.88-.53-1.77-.3-2.65C12.75,1.66,13.12.8,13.88,0c0,0,.3,0,.3,0h0Z'/%3E%3Cpath fill='%23f08262' d='M34.71,0c.76.8,1.13,1.66,1.35,2.65.23.88-.17,1.77-.3,2.65-.25,1.78-.61,3.55-1.05,5.3,0,0-.3,0-.3,0-.44-1.75-.8-3.52-1.05-5.3-.13-.88-.52-1.77-.3-2.65.22-.99.59-1.85,1.35-2.65,0,0,.3,0,.3,0h0Z'/%3E%3Cpath fill='%23f08262' d='M1.87,16.49c6.98-1.64,14-1.55,21.06-1.05,6.2.26,14.96.63,21.06,1.05,0,0,0,.3,0,.3-6.07.42-14.89.8-21.06,1.05-7.07.5-14.08.59-21.06-1.05,0,0,0-.3,0-.3h0Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;flex-shrink:0;width:42px;height:42px;transition:background-color .2s;display:inline-block}.dashboard .card:hover .event-date:before{background-color:#ff7e6726}.dashboard .event-link:after{content:"→";color:var(--q-salmon);opacity:0;font-family:sans-serif;font-size:1.3rem;font-weight:400;transition:all .25s;transform:translate(-8px)}.dashboard .card:hover .event-link:after{opacity:1;transform:translate(0)}.bodoni{font-family:BodoniRegular,serif!important}.bodoni-bold{font-family:BodoniBold,serif}@keyframes pulse{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 15px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.skeleton-card{background:var(--q-white);border-radius:var(--q-radius);border:1px solid var(--q-border);border-left:4px solid var(--q-border);align-items:center;gap:16px;padding:22px 24px;display:flex}.skeleton-line{background:linear-gradient(90deg,#eef1f5 25%,#dfe4ea 50%,#eef1f5 75%) 0 0/200% 100%;border-radius:8px;height:14px;animation:1.6s ease-in-out infinite skeleton-wave}.skeleton-line.short{width:80px}.skeleton-line.medium{width:160px}.skeleton-line.long{width:240px}.skeleton-circle{background:linear-gradient(90deg,#eef1f5 25%,#dfe4ea 50%,#eef1f5 75%) 0 0/200% 100%;border-radius:10px;flex-shrink:0;width:42px;height:42px;animation:1.6s ease-in-out infinite skeleton-wave}.skeleton-card:nth-child(2) .skeleton-line,.skeleton-card:nth-child(2) .skeleton-circle{animation-delay:.1s}.skeleton-card:nth-child(3) .skeleton-line,.skeleton-card:nth-child(3) .skeleton-circle{animation-delay:.2s}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=899px){.main-content{padding:24px 16px 40px}.main-content h1{font-size:1.6rem}.dashboard-subtitle{margin-bottom:20px;padding-bottom:16px;font-size:.9rem}.dashboard{grid-template-columns:1fr;gap:14px}.dashboard .event-link{padding:18px 16px}.dashboard .event-date{gap:12px;font-size:.9rem}.dashboard .event-date:before{width:36px;height:36px}}:root{--q-indigo:#2e4053;--q-salmon:#f08262;--q-white:#fff;--q-bg-light:#dfe0e2;--q-border:#e2e8f0;--q-text-main:#2e4053;--radius-main:12px}.main-content{width:100%;max-width:1500px;margin:0 auto;padding:20px}.main-content h1{color:var(--q-indigo);border-bottom:2px solid var(--q-border);margin-bottom:30px;padding-bottom:15px;font-family:Montserrat,sans-serif;font-size:2rem}.events-wrapper{flex-direction:column;gap:20px;display:flex}.event-pack-container{background:var(--q-white);border:1px solid var(--q-border);border-radius:12px;max-width:fit-content;padding:16px;font-family:sans-serif;list-style:none}.pack-header{color:var(--q-salmon);align-items:center;gap:12px;margin-bottom:16px;display:flex}.pack-title{color:var(--q-text-main);flex-direction:column;display:flex}.pack-title small{text-transform:uppercase;letter-spacing:.05em;color:var(--q-salmon);font-size:.75rem}.pack-title strong{font-size:1.2rem}.pack-details-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.detail-item{background:var(--q-white);border:1px solid var(--q-border);color:var(--q-indigo);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.detail-item strong{color:var(--q-salmon)}.moderation-button:hover .material-symbols-rounded{color:#fff}.event-card{background:var(--q-white);border-radius:var(--radius-main);border:1px solid var(--q-border);border-left:6px solid var(--q-salmon);transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #0f25400d}.event-header{background-color:var(--q-white);cursor:pointer;border-bottom:1px solid #0000;align-items:center;gap:15px;padding:15px 20px;transition:background .3s;display:flex}.event-header:hover{background-color:#fcfcfc}.event-header .toggle{width:32px;height:32px;color:var(--q-indigo);cursor:pointer;background:#0f25400d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.event-date{color:var(--q-indigo);font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700}.event-body{opacity:0;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:24px;width:100%;max-height:0;padding:0 25px;transition:max-height .5s ease-in-out,opacity .4s ease-in-out,padding .4s;display:flex;overflow:hidden}.event-card.open{border-color:#cbd5e0;box-shadow:0 10px 20px #0f25401a}.event-card.open .event-header{border-bottom-color:var(--q-bg-light)}.event-card.open .event-header .toggle{background-color:var(--q-salmon);color:var(--q-white);transform:rotate(90deg)}.event-card.open .event-body{opacity:1;max-height:1500px;padding:25px}.countdown-widget-container{flex:none}.event-qr{background:var(--q-bg-light);border:1px dashed var(--q-border);border-radius:12px;flex:none;justify-content:center;align-items:center;width:183px;height:183px;display:flex}.event-qr img{border-radius:8px;width:100%;height:auto;display:block}.event-description{flex-direction:column;flex:320px;gap:12px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.event-data{color:var(--q-text-main);align-items:center;gap:12px;font-size:.95rem;display:flex}.event-data .material-symbols-rounded{color:var(--q-salmon);background:#ff7e671a;border-radius:8px;padding:6px;font-size:20px}.list-label{color:var(--q-indigo);font-weight:600}.event-actions{opacity:0;border-top:1px solid #0000000f;flex:0 0 100%;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;margin-top:8px;padding-top:20px;transition:opacity .3s .1s;display:grid}.event-card.open .event-actions{opacity:1}.btn-action{text-align:center;white-space:normal;word-break:break-word;cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;font-size:.92rem;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .2s,background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-action:hover{transform:translateY(-1px)}.btn-action:active{transform:translateY(0)}.btn-action:focus-visible{outline:2px solid var(--q-salmon);outline-offset:2px}.btn-action .material-symbols-rounded,.btn-action .white-icon,.btn-action svg{flex-shrink:0;font-size:20px;transition:color .2s,fill .2s}.white-icon svg path{fill:#fff}.btn-download{background-color:var(--q-indigo);color:#fff}.btn-download:hover{background-color:#1a3c66;box-shadow:0 4px 12px #2e40534d}.btn-invite{border:1px solid var(--q-border);color:var(--q-indigo);background-color:#fff}.btn-invite:hover{border-color:var(--q-salmon);color:var(--q-salmon)}.edit-btn{color:var(--q-text-main);background-color:#f1f5f9}.edit-btn:hover{background-color:#e2e8f0}.moderation-button{color:var(--q-salmon);background-color:#ff7e671a}.moderation-button:hover{background-color:var(--q-salmon);color:#fff}.event-moderation-button{border:1px solid var(--q-border);color:var(--q-salmon);background-color:#fff}.event-moderation-button:hover,.event-moderation-button:focus-visible{background-color:var(--q-salmon);color:#fff;border-color:var(--q-salmon);box-shadow:0 4px 12px #ff7e674d}.event-moderation-button:hover .material-symbols-rounded,.event-moderation-button:focus-visible .material-symbols-rounded,.event-moderation-button:hover svg,.event-moderation-button:focus-visible svg{color:#fff;fill:#fff}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:1;background:#0f254099;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal.hidden{opacity:0;display:none}.modal-box{background:var(--q-white);border-radius:var(--radius-main);text-align:center;width:90%;max-width:500px;padding:30px;animation:.3s ease-out slideUp;box-shadow:0 20px 50px #0003}.modal-box h2{color:var(--q-indigo);margin-bottom:25px;font-size:1.4rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-actions{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:25px;display:flex}.btn-qapsule-action{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.modal-actions button[type=submit]{background-color:var(--q-indigo);color:#fff}.modal-actions button[type=button]{border:1px solid var(--q-border);color:var(--q-text-main);background-color:#0000}.btn-action.btn-qapsule-action[type=submit]:hover{background-color:#3d5166;transform:translateY(-2px);box-shadow:0 4px 12px #2e405359}.btn-action.btn-qapsule-action[type=submit]:active{transform:translateY(0);box-shadow:0 2px 6px #2e405333}#moderation-close-modal:hover,#modification-close-modal:hover{color:#fff;background-color:red}#modification-form{text-align:left;flex-direction:column;gap:16px;margin-top:8px;display:flex}#modification-form>.switch{flex-direction:column;gap:6px;display:flex}#modification-form>.switch>.switch-label{color:var(--q-text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}#modification-form>.switch>input[type=text],#modification-form>.switch>input[type=datetime-local]{border:1.5px solid var(--q-border);box-sizing:border-box;background:var(--q-bg,#f9fafb);width:100%;color:var(--q-text-main);border-radius:8px;outline:none;padding:10px 12px;font-size:15px}#modification-form>.switch>input[type=text]:focus,#modification-form>.switch>input[type=datetime-local]:focus{border-color:var(--q-indigo);background:#fff;box-shadow:0 0 0 3px #2e40531a}#modification-form>.switch>input[type=datetime-local]::-webkit-inner-spin-button{cursor:pointer;filter:invert(.5);padding:5px}#modification-form>.switch>input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);padding:5px}.events-toolbar{justify-content:flex-end;margin-bottom:1rem;display:flex}.test-event-box{text-align:left;border-radius:16px;max-width:480px;padding:0;position:relative;overflow:hidden}.test-event-close{width:32px;height:32px;color:var(--q-indigo);cursor:pointer;z-index:2;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.test-event-close:hover{background:var(--q-salmon);color:#fff}.test-event-close .material-symbols-rounded{font-size:20px}.test-event-header{align-items:center;gap:14px;padding:28px 32px 0;display:flex}.test-event-icon-wrap{width:48px;height:48px;color:var(--q-salmon);background:#f082621f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.test-event-icon-wrap .material-symbols-rounded{font-size:26px}.test-event-titles{flex-direction:column;gap:2px;display:flex}.test-event-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--q-salmon);font-size:.7rem;font-weight:600}.test-event-box h2{color:var(--q-indigo);margin:0;font-size:1.15rem;font-weight:600;line-height:1.2}.test-event-subtitle{color:#64748b;text-align:left;margin:14px 32px 22px;font-size:.875rem;line-height:1.5}#test-event-form{flex-direction:column;gap:14px;padding:0 32px 24px;display:flex}.te-field{flex-direction:column;gap:6px;min-width:0;display:flex}.te-field label{color:var(--q-indigo);font-size:.78rem;font-weight:600}.te-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}#test-event-form input,#test-event-form select{border:1.5px solid var(--q-border);width:100%;color:var(--q-indigo);box-sizing:border-box;background:#fff;border-radius:10px;outline:none;padding:11px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}#test-event-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}#test-event-form input:focus,#test-event-form select:focus{border-color:var(--q-salmon);box-shadow:0 0 0 3px #f082622e}#test-event-form input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(45%)sepia(60%)saturate(500%)hue-rotate(335deg)}.test-event-actions{border-top:1px solid var(--q-border);justify-content:flex-end;gap:10px;margin-top:8px;padding:18px 0 0;display:flex}.te-btn{cursor:pointer;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.te-btn-ghost{color:#64748b;border-color:var(--q-border);background:0 0}.te-btn-ghost:hover{color:var(--q-indigo);background:#f1f5f9}.te-btn-primary{background:var(--q-indigo);color:#fff}.te-btn-primary:hover{background:#1a3c66;transform:translateY(-1px);box-shadow:0 4px 12px #2e40534d}.te-btn-primary .material-symbols-rounded{font-size:18px}@media (width<=520px){.test-event-header{padding:24px 22px 0}.test-event-subtitle{margin:12px 22px 18px}#test-event-form{padding:0 22px 22px}.te-row{grid-template-columns:1fr}}.tooltip{cursor:pointer;display:inline-block;position:relative}.tooltip .tooltip-text{visibility:hidden;background-color:var(--q-indigo);width:160px;color:var(--q-white);text-align:center;z-index:1;opacity:0;border-radius:4px;padding:6px;font-size:14px;transition:opacity .3s;position:absolute;bottom:125%;transform:translate(-50%)}.tooltip .tooltip-text:after{content:"";border-style:solid;border-width:5px;border-color:var(--q-indigo) transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@keyframes pulse-highlight{0%{box-shadow:0 0 #6366f18c}70%{box-shadow:0 0 0 14px #6366f100}to{box-shadow:0 0 #6366f100}}.event-card.highlight-target{border-color:#6366f1;animation:1.6s ease-out pulse-highlight}@keyframes card-updated-glow{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 16px #34d39900}to{box-shadow:0 0 #34d39900}}.event-card.card-updated{border-color:#34d399;animation:1.8s ease-out card-updated-glow}@media (width<=1024px){.event-actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=899px){.events-wrapper{gap:10px}}@media (width<=768px){.main-content{padding:15px}.event-body{flex-direction:column;align-items:center;gap:20px}.countdown-widget-container,.event-qr,.event-description{flex:auto;width:100%;max-width:100%}.event-qr{aspect-ratio:1;order:-1;max-width:200px;height:auto;margin:0 auto}.event-description{align-items:stretch;gap:14px}.event-data{white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;overflow:hidden}.event-data .editable{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.event-data .list-label{flex-shrink:0}.event-pack-container{box-sizing:border-box;width:100%;max-width:100%;padding:14px}.pack-header{gap:10px;margin-bottom:12px}.pack-title small{font-size:.7rem}.pack-title strong{font-size:1.05rem}.pack-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-item{gap:6px;min-width:0;padding:8px 10px;font-size:.82rem}.detail-item>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.event-actions{grid-template-columns:1fr;gap:10px;padding:16px 0 0}.btn-action{min-height:52px;padding:14px 16px;font-size:.95rem}}@media (width<=480px){.pack-details-grid{grid-template-columns:1fr}}@media (width<=380px){.btn-action{padding:12px 10px;font-size:.88rem}}@media (prefers-reduced-motion:reduce){.btn-action,.btn-action:hover{transition:none;transform:none}}:root{--active-color:#f3c56c;--nav-radius:28px;--text-color:#2e4053}.countdown-widget-container{justify-content:center;align-items:center;padding:0;font-family:Montserrat,sans-serif;display:flex}.countdown-wrapper{border-radius:var(--nav-radius);background:#fff;justify-content:center;align-items:center;width:453px;height:187px;display:flex;position:relative;box-shadow:0 20px 50px #0000000d}.tracker-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.track{fill:#0000;stroke:#e5e7eb;stroke-width:8px}.progress{fill:#0000;stroke-width:8px;stroke-linecap:butt;filter:drop-shadow(0 0 4px #00000026);transition:stroke-dashoffset .5s}.progress-j{stroke:var(--active-color)}.progress-h{stroke:var(--accent-color)}.progress-m{stroke:var(--header-color)}.time-display{z-index:10;gap:4rem;display:flex}.time-block{flex-direction:column;justify-content:center;align-items:center;display:flex}.value{font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:800;line-height:1;transition:color .3s}.val-j{color:var(--active-color)}.val-h{color:var(--accent-color)}.val-m{color:var(--text-color)}.label{color:var(--item-color);text-transform:uppercase;letter-spacing:.15em;margin-top:.5rem;font-size:.9rem;font-weight:700}.is-zero{animation:.8s infinite alternate alertPulse}@keyframes alertPulse{0%{opacity:1;filter:drop-shadow(0 0 10px)}to{opacity:.3;filter:drop-shadow(0 0)}}@media (width<=650px){.countdown-wrapper{width:90%;height:150px}.time-display{gap:2rem}.value{font-size:2.5rem}.label{font-size:.7rem}.tracker-svg{display:none}.countdown-wrapper{border:8px solid var(--active-color)}}:root{--qapsule-primary:#f08262;--qapsule-dark:#2e4053;--qapsule-light:#dfe0e2;--qapsule-border:#f3c56c;--qapsule-background:white;--qapsule-success:#2ecc71;--qapsule-failure:#e74c3c;--qapsule-text:#2d3748;--qapsule-text-light:#718096;--radius-main:4px;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.5);--shadow-md:0 10px 15px -3px #0000001a;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--background-shadow:#2e4053d9}body{background:var(--qapsule-light);flex-direction:column;min-height:100vh;font-family:OpenSansRegular,"sans-serif";display:flex;overflow-x:hidden}.tutorial-overlay{background:var(--background-shadow);-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:none;position:fixed;top:0;left:0}.tutorial-overlay.active{opacity:1;display:flex}.tutorial-card{background:var(--qapsule-background);text-align:center;width:90%;max-width:450px;box-shadow:var(--shadow-md);border-radius:24px;padding:40px;transition:transform .5s;transform:translateY(20px)}.tutorial-overlay.active .tutorial-card{transform:translateY(0)}.tutorial-title{color:var(--qapsule-primary);margin-bottom:30px;font-family:BodoniBold,serif;font-size:28px}.tutorial-step{color:var(--qapsule-dark);justify-content:center;align-items:center;gap:20px;margin-bottom:25px;font-size:18px;display:flex}.tutorial-icon{background:var(--qapsule-light);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.tutorial-btn{background:var(--qapsule-primary);color:var(--qapsule-background);cursor:pointer;border:none;border-radius:30px;margin-top:20px;padding:15px 40px;font-family:OpenSansRegular,sans-serif;font-size:18px;font-weight:700;transition:transform .2s,background .2s}.tutorial-btn:hover{background:var(--qapsule-primary);transform:scale(1.05)}.app-layout{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}h1{text-align:center;color:var(--qapsule-primary);margin-bottom:40px;font-family:BodoniBold,"sans-serif";font-size:32px;font-weight:700;position:relative}h1:after{content:"";background-image:url(/public/dist/assets/flash_icon.png);background-repeat:no-repeat;background-size:contain;width:50px;height:50px;display:inline-block;position:relative;top:-20px!important;left:-35px!important}.qapsule-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.qapsule-cards-container{perspective:1000px;width:90%;max-width:350px;height:500px;position:relative}.qapsule-card{will-change:transform;touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;top:0;left:0}.qapsule-card:active{cursor:grabbing}.card-background{background-color:var(--qapsule-dark);z-index:1;border-radius:25px 15px 30px 20px;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;transform:rotate(1deg)}.card-content{z-index:2;width:100%;height:100%;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:25px 15px 30px 20px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:hidden}.card-media{object-fit:cover;pointer-events:none;width:100%;height:100%}.card-text{color:var(--qapsule-text);text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;font-family:OpenSansRegular,sans-serif;font-size:1.2rem;line-height:1.5;display:flex;overflow-y:auto}.card-text>div{width:100%}.custom-audio-player{width:100%;height:100%;color:var(--qapsule-background);background:radial-gradient(circle at 50% 30%,#2a3b4c 0%,#111827 80%);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.ambient-glow{background:var(--qapsule-primary);filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite alternate pulse-glow;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes pulse-glow{0%{opacity:.2;transform:translate(-50%)scale(.8)}to{opacity:.5;transform:translate(-50%)scale(1.2)}}.vinyl-container{z-index:2;margin-top:60px;position:relative}.vinyl-record{background:linear-gradient(30deg,#0000 40%,#ffffff1a 50%,#0000 60%),repeating-radial-gradient(#111,#111 4px,#222 5px,#111 6px);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;animation:4s linear infinite paused spin;display:flex;position:relative;box-shadow:0 20px 40px #0009,inset 0 0 15px #000c}.vinyl-record:before{content:"";background:linear-gradient(135deg, var(--qapsule-primary), var(--qapsule-border));border-radius:50%;width:65px;height:65px;box-shadow:0 0 15px #0009}.vinyl-record:after{content:"";background:var(--qapsule-light);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:inset 0 2px 5px #000c}.vinyl-record.playing{animation-play-state:running}.audio-glass-panel{-webkit-backdrop-filter:blur(20px);z-index:3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:20px;width:calc(100% - 50px);padding:25px 20px;display:flex;position:absolute;bottom:25px;box-shadow:0 15px 35px #0006}.audio-title{text-align:center;letter-spacing:1px;color:var(--qapsule-light);margin-bottom:-5px;font-family:BodoniBold,serif;font-size:1.1rem}.audio-controls-row{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.play-btn{background:linear-gradient(135deg, var(--accent-color), #ff7043);width:55px;height:55px;color:var(--qapsule-background);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #ff875f66,inset 0 2px 5px #ffffff4d}.play-btn:hover{transform:scale(1.08);box-shadow:0 10px 25px #ff875f99,inset 0 2px 5px #ffffff4d}.play-btn:active{transform:scale(.95)}.play-btn svg{fill:currentColor;width:24px;height:24px;margin-left:3px}.play-btn.playing svg{margin-left:0}.progress-wrapper{flex-direction:column;flex:1;gap:10px;display:flex}.progress-bar-bg{cursor:pointer;background:#ffffff26;border-radius:4px;width:100%;height:8px;position:relative;overflow:visible;box-shadow:inset 0 1px 3px #0000004d}.progress-bar-fill{background:var(--qapsule-primary);pointer-events:none;width:0%;height:100%;box-shadow:0 0 10px var(--qapsule-primary);border-radius:4px;position:relative}.progress-bar-fill:after{content:"";background:var(--qapsule-background);border-radius:50%;width:14px;height:14px;transition:transform .1s;position:absolute;top:-3px;right:-7px;box-shadow:0 2px 5px #00000080}.progress-bar-bg:hover .progress-bar-fill:after{transform:scale(1.3)}.time-display{color:#fff9;letter-spacing:.5px;justify-content:space-between;font-family:OpenSansRegular,sans-serif;font-size:11px;font-weight:700;display:flex}.texture-overlay{pointer-events:none;opacity:.15;z-index:10;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.qapsule-controls{gap:30px;margin-top:40px;display:flex}.qapsule-btn{background:var(--qapsule-background);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px 15px #0000001a}.qapsule-btn:hover{transform:scale(1.1)}.qapsule-btn:active{transform:scale(.95)}.qapsule-btn.reject{color:var(--qapsule-failure)}.qapsule-btn.accept{color:var(--qapsule-success)}#empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:none}#empty-state img{object-fit:contain;width:160px;height:160px}#empty-state h2{color:var(--qapsule-dark);margin:0;font-family:BodoniBold,serif;font-size:1.5rem}#empty-state p{color:var(--qapsule-text-light);max-width:320px;font-size:.95rem;line-height:1.6}:root{--q-indigo:#0f2540;--q-salmon:#ff7e67;--q-bg-light:#f8fafc;--q-white:#fff;--q-border:#e2e8f0;--q-shadow:0 4px 6px #0f25400d;--q-shadow-hover:0 12px 24px #0f25401f;--q-radius:16px}#notification-page{max-width:800px;margin:0 auto;padding:40px 24px 60px;font-family:Open Sans,sans-serif}#notification-page h1{color:var(--q-indigo);border-bottom:1px solid var(--q-border);margin-bottom:24px;padding-bottom:16px;font-family:BodoniBold,Montserrat,sans-serif;font-size:2.2rem;font-weight:700}#notification-list{flex-direction:column;gap:14px;display:flex}#notification-list .loader{text-align:center;color:#94a3b8;padding:40px 0;font-size:.95rem}.notification-item{background-color:var(--q-white);border-radius:var(--q-radius);border:1px solid var(--q-border);border-left:4px solid var(--q-salmon);box-shadow:var(--q-shadow);align-items:flex-start;gap:16px;padding:18px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.35s ease-out both notifSlideIn;display:flex}.notification-item:hover{box-shadow:var(--q-shadow-hover);transform:translateY(-2px)}.notification-item:nth-child(2){animation-delay:40ms}.notification-item:nth-child(3){animation-delay:80ms}.notification-item:nth-child(4){animation-delay:.12s}.notification-item:nth-child(5){animation-delay:.16s}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.notification-type{text-transform:uppercase;letter-spacing:1.2px;color:var(--q-salmon);background-color:#ff7e671a;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.notification-message{color:var(--q-indigo);word-wrap:break-word;margin:0;font-size:.98rem;line-height:1.45}.notification-date{color:#94a3b8;margin-top:2px;font-size:.78rem}.notification-thumb{object-fit:cover;border:1px solid var(--q-border);background-color:var(--q-bg-light);border-radius:10px;flex-shrink:0;width:56px;height:56px}.notification-link{color:var(--q-salmon);border-bottom:1px solid #0000;align-self:flex-start;margin-top:4px;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .2s}.notification-link:hover{border-bottom-color:var(--q-salmon)}.notification-delete{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.4rem;line-height:1;transition:all .2s;display:flex}.notification-delete:hover{color:var(--q-salmon);background-color:#ff7e671a;border-color:#ff7e6740;transform:scale(1.05)}.notification-delete:disabled{opacity:.4;cursor:not-allowed;transform:none}.notification-empty{text-align:center;color:#94a3b8;background-color:var(--q-bg-light);border:1px dashed var(--q-border);border-radius:var(--q-radius);margin:0;padding:60px 20px;font-size:1rem;font-weight:600}#notification-badge{background-color:var(--q-salmon);min-width:20px;height:20px;color:var(--q-white);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #ff7e6759}#notification-badge.d-none{display:none!important}@media (width<=899px){#notification-page{padding:24px 16px 40px}#notification-page h1{margin-bottom:18px;padding-bottom:12px;font-size:1.6rem}.notification-item{gap:12px;padding:14px 16px}.notification-message{font-size:.92rem}.notification-empty{padding:40px 16px;font-size:.95rem}}:root{--color-primary-salmon:#ff7e67;--color-primary-hover:#e66a55;--color-secondary-blue:#0f2540;--color-text-main:#333;--color-text-light:#666;--color-bg-light:#f9fafb;--color-white:#fff;--color-background-link:#0f2540;--color-background-link-hover:#f3c56c;--shadow-soft:0 4px 20px #0000000d;--radius-main:12px;--radius-btn:50px;--error-color:#e74c3c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-light);color:var(--color-text-main);flex-direction:column;min-height:100vh;font-family:Open Sans,sans-serif;line-height:1.6;display:flex}.header{background-color:var(--color-white);box-shadow:var(--shadow-soft);z-index:100;justify-content:center;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{object-fit:contain;width:auto;height:64px}.container{background-color:var(--color-white);border-radius:var(--radius-main);width:100%;max-width:600px;box-shadow:var(--shadow-soft);text-align:center;flex:1;margin:3rem auto;padding:2rem;animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-title{color:var(--color-secondary-blue);margin-bottom:1rem;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.3}.event-title span{color:var(--color-primary-salmon);margin-top:.5rem;display:block}.intro{color:var(--color-text-light);margin-bottom:2rem;font-size:1rem}.form-group{text-align:left;margin-bottom:2rem}label{color:var(--color-secondary-blue);margin-bottom:.8rem;font-family:Montserrat,sans-serif;font-weight:600;display:block}input[type=file]{border-radius:var(--radius-main);cursor:pointer;width:100%;color:var(--color-text-light);text-align:center;background-color:#f8fafc;border:2px dashed #cbd5e0;padding:2rem 1rem;transition:all .3s}input[type=file]:hover,input[type=file]:focus{border-color:var(--color-primary-salmon);background-color:#fff5f2;outline:none}.gallery-link-btn:hover .material-symbols-rounded{color:#fff}.gallery-link-btn{background:var(--gallery-soft,#f3f4f6);color:var(--gallery-indigo,#1d3557);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.65rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.gallery-link-btn:hover{background:var(--gallery-salmon,#ff7e67);color:#fff}.gallery-link-btn i{font-size:1.1rem}.logout-actions{width:100%;margin-top:auto;padding-top:20px}.link-logout{background-color:var(--color-background-link);color:var(--color-white);margin-top:20px;text-decoration:none}.link-logout:hover{background-color:var(--color-background-link-hover);color:var(--color-text-main)}@media (width<=768px){.container{border-radius:var(--radius-main);width:auto;max-width:none;box-shadow:var(--shadow-soft);height:auto;margin:.5rem .4rem;padding:1.5rem 1rem 130px}.event-title{font-size:1.5rem}.header{padding:.8rem 1rem}}.js-upload-wrapper{width:100%;margin-bottom:20px;position:relative}.js-drop-zone{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #cbd5e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:2rem 1rem;transition:all .3s;display:flex;position:relative}.js-drop-zone:hover,.js-drop-zone.is-dragover{background-color:#fff5f2;border-color:#ff7e67}.js-hidden-input{opacity:0!important;cursor:pointer!important;z-index:10!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.js-preview-container{width:100%;margin-top:15px}.js-preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.js-preview-item{background:#fff;border:1px solid #eee;border-radius:8px;width:100%;padding-bottom:100%;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000001a}.js-preview-item img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.js-file-item{color:#fff;text-align:left;background:#0f2540;border-radius:6px;margin-bottom:5px;padding:10px;font-size:.9rem}.consent-wrapper{border-radius:var(--radius-main);cursor:pointer;background-color:#f8fafc;border:2px solid #cbd5e0;align-items:flex-start;gap:15px;margin-bottom:2rem;padding:1rem;transition:all .3s;display:flex}.consent-wrapper:hover{border-color:var(--color-primary-salmon);background-color:#fff5f2}.custom-checkbox{appearance:none;font:inherit;color:currentColor;cursor:pointer;background-color:#fff;border:2px solid #cbd5e0;border-radius:6px;place-content:center;width:24px;min-width:24px;height:24px;margin:2px 0 0;transition:all .2s;display:grid}.custom-checkbox:checked{background-color:var(--color-primary-salmon);border-color:var(--color-primary-salmon)}.custom-checkbox:before{content:"";transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);width:12px;height:12px;transition:transform .12s ease-in-out;transform:scale(0);box-shadow:inset 1em 1em #fff}.custom-checkbox:checked:before{transform:scale(1)}.consent-label{color:var(--color-text-main);cursor:pointer;margin:0;font-family:Open Sans,sans-serif;font-size:.95rem;font-weight:400;line-height:1.5}.consent-wrapper:hover .custom-checkbox{border-color:var(--color-primary-salmon)}.upload-cloud{fill:#cbd5e0;width:64px;height:64px;margin-bottom:10px;transition:all .3s}.js-drop-zone:hover .upload-cloud,.js-drop-zone.is-dragover .upload-cloud{fill:#ff7e67;transform:scale(1.1)}.upload-text{color:var(--color-text-light);font-weight:600}.recorder-ui{text-align:center;background:#f8fafc;border:1px solid #cbd5e0;border-radius:12px;padding:15px;transition:all .3s}.record-btn{cursor:pointer;color:#fff;background-color:#ff7e67;border:none;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #0000001a}.record-btn:active{transform:scale(.95)}.record-btn.recording{background-color:#e74c3c;animation:1.5s infinite pulse}.timer{color:#0f2540;margin-top:15px;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:700;display:block}.audio-preview{width:100%;margin-top:15px;display:none}.hidden-input{display:none!important}#debug-log{color:red;margin-top:10px;font-size:.7rem;display:none}.char-counter{color:#666;text-align:right;margin-top:5px;font-size:.8rem;display:block}.char-counter.limit-near{color:#e67e22}.char-counter.limit-reached{color:#e74c3c;font-weight:700}.error-modal{z-index:1100;background:#0f25408c;justify-content:center;align-items:center;animation:.2s modalShake;display:flex;position:fixed;inset:0}@media (width<=899px){.error-modal{padding-bottom:100px}}.error-modal.hidden{display:none}.modal-box.error-theme{background:var(--color-white);border-radius:var(--radius-main);box-shadow:var(--shadow-soft);text-align:center;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:400px;padding:2rem 2rem 1.5rem;display:flex}.modal-icon{background:#fdf0ef;border:1.5px solid #f5c6c0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.modal-icon .material-symbols-rounded{color:var(--error-color);font-size:24px}.modal-box h2{color:var(--color-secondary-blue);margin:0 0 6px;font-size:17px;font-weight:600}.modal-box p{color:var(--color-text-light);margin:0;font-size:14px;line-height:1.6}.modal-actions{border-top:1px solid var(--color-bg-light);width:100%;padding-top:1.25rem}.error-modal .btn-error-close{border-radius:var(--radius-btn);background:var(--color-primary-salmon);width:100%;color:var(--color-white);opacity:1;cursor:pointer;box-shadow:none;border:none;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s;position:static;bottom:auto;left:auto}.error-modal .btn-error-close:hover{background:var(--color-primary-hover)}@keyframes modalShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-submit{z-index:1000;text-transform:uppercase;letter-spacing:1px;width:calc(100% - 40px);color:var(--color-white);background-color:var(--color-primary-salmon);border-radius:var(--radius-btn);cursor:pointer;border:none;padding:1rem 2rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;position:fixed;bottom:100px;left:20px;box-shadow:0 10px 25px #ff7e6780,0 4px 10px #0000001a}.btn-submit:hover{background-color:var(--color-primary-hover);transform:translateY(-3px);box-shadow:0 15px 35px #ff7e6799,0 6px 15px #00000026}.btn-submit:active{transform:translateY(0)}@media (width>=768px){.btn-submit{width:350px;margin:0 auto;bottom:40px;left:0;right:0}}:root{--d-indigo:#1e2d4e;--d-salmon:#e98a6c;--d-slate:#6b7fa3;--d-bg:#f0f2f5;--d-bg-card:#fff;--d-bg-item:#f5f6f8;--d-border:#e5e7eb;--d-white:#fff;--d-shadow:0 1px 4px #00000012;--d-success:#16a34a;--d-success-bg:#dcfce7;--d-warn:#f39c12;--d-danger:#e74c3c;--d-paired-bg:#e8f8ef;--d-paired-color:#1e8449}.device-dashboard{grid-template-columns:280px 320px 1fr;gap:16px;height:calc(100vh - 120px);padding:20px;display:grid}.device-col{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.device-panel{background-color:var(--d-bg-card);border:1px solid var(--d-border);box-shadow:var(--d-shadow);border-radius:16px;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.device-panel-content{background-color:var(--d-bg-card);flex-direction:column;flex-grow:1;min-height:0;display:flex;overflow:hidden}.device-panel-header{background-color:var(--d-salmon);color:var(--d-white);letter-spacing:.01em;border-bottom:none;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px 10px;font-size:.88rem;font-weight:700;display:flex}.device-panel-header .material-symbols-rounded{color:var(--d-white);font-size:18px}.device-panel-header-sm{font-size:.85rem}.device-events-panel{flex-grow:1}.device-qr-panel{flex-shrink:0;height:180px}.device-qr-img{width:100%;max-width:150px;height:auto;margin:auto;display:block}.device-qr-content{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px}.device-qr-label{color:var(--d-slate);text-align:center;margin-top:6px;font-size:.75rem}.device-event-list{flex-direction:column;flex-grow:1;gap:5px;padding:8px;display:flex;overflow-y:auto}.device-event-row{cursor:pointer;background:var(--d-bg-item);border-radius:10px;flex-direction:column;gap:5px;padding:10px 12px;transition:background .15s;display:flex}.device-event-row:hover{background:#eaecf2}.device-event-row.selected{background-color:var(--d-indigo);color:var(--d-white);outline:none}.device-event-name{font-size:.9rem;font-weight:600;line-height:1.3}.device-event-meta{opacity:.65;align-items:center;gap:10px;font-size:.75rem;display:flex}.device-event-row.selected .device-event-meta{opacity:.8}.device-event-meta-item{align-items:center;gap:3px;display:flex}.device-event-meta-item .material-symbols-rounded{font-size:13px}.device-event-date{display:none}.device-empty{color:var(--d-slate);text-align:center;padding:30px 20px;font-size:.88rem;font-style:italic}.device-periph-panel{flex-grow:1}.device-periph-header-badge{color:var(--d-white);background:#ffffff40;border-radius:20px;margin-left:auto;padding:2px 9px;font-size:.75rem;font-weight:700}.device-periph-list{flex-direction:column;gap:4px;padding:8px;display:flex;overflow-y:auto}.device-periph-row{cursor:pointer;background:var(--d-bg-item);color:var(--d-indigo);border-bottom:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.device-periph-row:hover{background:#eaecf2}.device-periph-row:nth-child(odd),.device-periph-row:nth-child(2n){background-color:var(--d-bg-item);color:var(--d-indigo)}.device-periph-row[draggable=true]{cursor:grab}.device-periph-row[draggable=true]:active{cursor:grabbing}.device-periph-row.dragging{opacity:.4}.device-periph-icon{width:40px;height:40px;color:var(--d-indigo);background:#e0e3ea;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.device-periph-row:nth-child(2n) .device-periph-icon{background:#e0e3ea}.device-periph-icon .material-symbols-rounded{font-size:22px}.device-periph-meta{flex-direction:column;gap:2px;min-width:0;margin-right:auto;display:flex}.device-periph-name{color:var(--d-indigo);font-size:.9rem;font-weight:600}.device-periph-type{color:var(--d-slate);text-transform:none;font-size:.75rem;font-weight:400}.device-periph-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.device-edit-btn{width:30px;height:30px;color:var(--d-slate);cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.device-periph-row:nth-child(2n) .device-edit-btn{color:var(--d-slate);background:#e5e7eb}.device-edit-btn:hover{background:var(--d-indigo);color:#fff}.device-edit-btn .material-symbols-rounded{font-size:16px}.device-status-dot{border:2px solid var(--d-bg-item);border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.device-periph-row:nth-child(2n) .device-status-dot{border-color:var(--d-bg-item)}.device-status-dot.linked{background-color:var(--d-success)}.device-status-dot.unlinked{background-color:#e74c3c}.device-status-dot.pending{background-color:#f39c12;animation:1s ease-in-out infinite device-dot-pulse}@keyframes device-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.device-add-btn{background-color:var(--d-salmon);color:var(--d-white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 20px;font-family:inherit;font-size:.88rem;font-weight:600;transition:filter .2s;display:flex}.device-add-btn:hover{filter:brightness(.92)}.device-assoc-panel{background:var(--d-bg-card);border:1px solid var(--d-border);box-shadow:var(--d-shadow);border-radius:16px;flex-direction:column;flex-grow:1;padding:0;display:flex;overflow:hidden}.device-assoc-header-left{background-color:var(--d-salmon);color:var(--d-white);flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;font-size:1.05rem;font-weight:700;display:flex}.device-assoc-count{color:var(--d-white);white-space:nowrap;background-color:#ffffff40;border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:2px 10px;font-size:.73rem;font-weight:700;display:none}.device-assoc-count.visible{display:inline-flex}.device-assoc-subheader{background-color:var(--d-bg-card);border-bottom:1px solid var(--d-border);flex-shrink:0;gap:16px;padding:5px 20px 12px;display:flex}.device-assoc-sub-left,.device-assoc-sub-right{color:var(--d-slate);background:0 0;align-items:center;gap:5px;padding:0;font-size:.8rem;font-weight:500;display:flex}.device-assoc-sub-left .material-symbols-rounded,.device-assoc-sub-right .material-symbols-rounded{font-size:14px}.device-routing-info{background-color:var(--d-bg-item);border-bottom:1px solid var(--d-border);flex-shrink:0;padding:8px 16px;font-size:.85rem}.device-route-row{background:var(--d-bg-card);border-radius:8px;align-items:center;gap:8px;margin-bottom:5px;padding:5px 10px;display:flex}.device-route-device{color:var(--d-indigo);min-width:90px;font-weight:700}.device-route-step{font-size:.85rem;font-weight:700}.device-route-prev{color:var(--d-slate)}.device-route-curr{color:var(--d-salmon)}.device-route-next{color:#c00}.device-assoc-body{background-color:var(--d-bg-card);outline-offset:-8px;outline:3px dashed #0000;flex-grow:1;padding:16px;transition:background-color .15s,outline .15s;overflow-y:auto}.device-assoc-body.drag-over{outline-color:var(--d-salmon);background-color:#e98a6c14}.device-assoc-empty{color:var(--d-slate);text-align:center;pointer-events:none;padding:40px 20px;font-size:.85rem;font-style:italic}.device-linked-list{flex-direction:column;gap:10px;display:flex}.device-linked-card{background-color:var(--d-bg-item);border:1px solid var(--d-border);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.device-linked-card-img{width:44px;height:44px;color:var(--d-indigo);background:#e0e3ea;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.device-linked-card-img .material-symbols-rounded{font-size:24px}.device-linked-card-info{flex-direction:column;gap:3px;display:flex}.device-linked-card-name{color:var(--d-indigo);font-size:.9rem;font-weight:600}.device-linked-card-type{color:var(--d-slate);font-size:.78rem}.device-linked-connected{color:var(--d-success);font-weight:600}.device-linked-badge{background-color:var(--d-success-bg);color:var(--d-success);white-space:nowrap;border-radius:12px;padding:2px 9px;font-size:.72rem;font-weight:700}.device-unlink-btn{width:30px;height:30px;color:var(--d-slate);cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:background .2s,color .2s;display:flex}.device-unlink-btn:hover{color:#e2563b;background:#fde8e3}.device-unlink-btn:disabled{opacity:.5;cursor:not-allowed}.device-unlink-btn .material-symbols-rounded{font-size:17px}.device-modal-overlay{opacity:0;pointer-events:none;z-index:1000;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.device-modal-overlay.active{opacity:1;pointer-events:all}svg.device-qr-svg{width:100%;height:100%}.device-create-modal{background-color:var(--d-bg-card);border-radius:20px;width:min(480px,95vw);padding:0;overflow:hidden;box-shadow:0 8px 30px #00000026}.device-create-header{color:var(--d-indigo);border-bottom:none;padding:20px 24px 0;font-size:1rem;font-weight:700}.device-create-content{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.device-create-field{color:var(--d-indigo);flex-direction:column;gap:5px;font-size:.88rem;font-weight:600;display:flex}.device-create-field input,.device-create-field select,.device-create-field textarea{background-color:var(--d-bg-item);border:1.5px solid var(--d-border);color:var(--d-indigo);resize:vertical;border-radius:10px;outline:none;padding:9px 13px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.device-create-field input:focus,.device-create-field select:focus,.device-create-field textarea:focus{border-color:var(--d-indigo)}.device-create-actions{border-top:1px solid var(--d-border);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:12px;display:flex}.device-create-field-checkbox{color:var(--d-indigo);cursor:pointer;align-items:center;gap:10px;padding:4px 0;font-size:.88rem;font-weight:600;display:flex}.device-create-field-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--d-indigo)}.device-btn-primary,.device-btn-secondary{cursor:pointer;border:none;border-radius:10px;padding:9px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:filter .2s}.device-btn-primary{background-color:var(--d-indigo);color:var(--d-white)}.device-btn-secondary{background-color:var(--d-bg-item);color:var(--d-indigo)}.device-btn-primary:hover,.device-btn-secondary:hover{filter:brightness(1.08)}.device-btn-primary:disabled{opacity:.6;cursor:not-allowed}.hidden{display:none!important}.device-register-btn{border:1.5px solid var(--d-border);background:var(--d-bg-card);width:30px;height:30px;color:var(--d-slate);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex}.device-register-btn:hover{border-color:var(--d-salmon);color:var(--d-salmon)}.device-register-btn:active{transform:scale(.97)}.device-register-btn.active{background-color:var(--d-salmon);color:var(--d-white);border-color:var(--d-salmon)}.device-register-btn .material-symbols-rounded{font-size:16px}.device-drag-handle{color:var(--d-border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:18px}.device-periph-row:hover .device-drag-handle{color:var(--d-slate)}.device-register-badge{color:#b45309;white-space:nowrap;background-color:#fff3e0;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.device-register-badge .material-symbols-rounded{font-size:13px;line-height:1}.device-register-badge .device-register-badge-time{font-variant-numeric:tabular-nums}.device-register-badge.expired{background-color:var(--d-bg-item);color:var(--d-slate)}.device-register-modal-overlay{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out device-register-fade;display:flex;position:fixed;inset:0}@keyframes device-register-fade{0%{opacity:0}to{opacity:1}}.device-register-progress{background-color:var(--d-bg-item);border-radius:99px;height:5px;margin:10px 20px 0;overflow:hidden}.device-register-progress-bar{background-color:var(--d-success);border-radius:99px;width:100%;height:100%;transition:width .5s linear,background-color .5s linear}.device-register-progress-bar.warn{background-color:var(--d-warn)}.device-register-progress-bar.danger{background-color:var(--d-danger)}.device-register-status{background-color:var(--d-bg-item);color:var(--d-slate);border-radius:10px;align-items:center;gap:8px;margin:12px 20px 0;padding:10px 13px;font-size:.85rem;font-weight:600;display:flex}.device-register-status .material-symbols-rounded{font-size:18px}.device-register-status.waiting .material-symbols-rounded{animation:1.2s linear infinite device-spin}.device-register-status.paired{background-color:var(--d-paired-bg);color:var(--d-paired-color)}@keyframes device-spin{to{transform:rotate(360deg)}}.device-register-field{position:relative}.device-register-copy-btn{background-color:var(--d-bg-item);color:var(--d-indigo);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;font-family:inherit;font-size:.78rem;font-weight:600;transition:filter .2s;display:inline-flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.device-register-copy-btn:hover{filter:brightness(.95)}.device-register-copy-btn .material-symbols-rounded{font-size:15px}.device-register-modal{background-color:var(--d-bg-card);border-radius:20px;width:min(460px,92vw);padding:0;overflow:hidden;box-shadow:0 10px 30px #0003}.device-register-modal h3{color:var(--d-indigo);text-align:center;margin:0;padding:20px 20px 4px;font-size:1.1rem;font-weight:700}.device-register-modal-sub{color:var(--d-slate);text-align:center;margin:0;padding:0 20px 10px;font-size:.85rem}.device-register-countdown{color:var(--d-indigo);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:4px;padding:16px 0 0;font-size:2.4rem;font-weight:700}.device-register-countdown.expired{color:#c00;text-decoration:line-through}.device-register-field{border-top:1px solid var(--d-border);flex-direction:column;gap:4px;padding:12px 20px;display:flex}.device-register-field label{color:var(--d-slate);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.device-register-code{color:var(--d-indigo);letter-spacing:3px;-webkit-user-select:all;user-select:all;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.device-register-uid{color:var(--d-indigo);word-break:break-all;-webkit-user-select:all;user-select:all;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.device-register-actions{border-top:1px solid var(--d-border);justify-content:flex-end;padding:14px 20px 18px;display:flex}.device-register-close-btn{background-color:var(--d-indigo);color:var(--d-white);cursor:pointer;border:none;border-radius:10px;padding:9px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:filter .2s}.device-register-close-btn:hover{filter:brightness(1.15)}.device-confirm-modal-overlay,.device-success-modal-overlay{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out device-register-fade;display:flex;position:fixed;inset:0}.device-confirm-modal,.device-success-modal{background-color:var(--d-bg-card);text-align:center;border-radius:16px;width:min(400px,90vw);padding:28px 32px;box-shadow:0 8px 30px #00000026}.device-confirm-icon,.device-success-icon{margin-bottom:10px;font-size:3rem;line-height:1}.device-confirm-icon{color:var(--d-salmon)}.device-success-icon{color:var(--d-success)}.device-confirm-modal h3,.device-success-modal h3{color:var(--d-indigo);margin:0 0 8px;font-size:1.1rem}.device-confirm-modal p,.device-success-modal p{color:var(--d-slate);margin:0 0 20px;font-size:.9rem}.device-confirm-actions{justify-content:center;gap:10px;display:flex}.device-confirm-cancel,.device-confirm-ok,.device-success-close-btn{cursor:pointer;border:none;border-radius:10px;padding:9px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:filter .2s}.device-confirm-cancel{background-color:var(--d-bg-item);color:var(--d-indigo)}.device-confirm-ok,.device-success-close-btn{background-color:var(--d-indigo);color:var(--d-white);min-width:90px}.device-confirm-cancel:hover,.device-confirm-ok:hover,.device-success-close-btn:hover{filter:brightness(1.08)}.device-periph-img-container{pointer-events:none;justify-content:center;align-items:center;display:flex}.device-config-btn{background:var(--d-bg-item);width:30px;height:30px;color:var(--d-slate);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.device-periph-row:nth-child(2n) .device-config-btn{color:var(--d-slate);background:#e5e7eb}.device-config-btn:hover{background:var(--d-indigo);color:#fff}.device-config-btn .material-symbols-rounded{font-size:16px}.device-config-modal-overlay{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out device-register-fade;display:flex;position:fixed;inset:0}.device-config-modal{background-color:var(--d-bg-card);border-radius:20px;flex-direction:column;width:min(580px,94vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.device-config-modal-header{border-bottom:1px solid var(--d-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.device-config-modal-header h3{color:var(--d-indigo);margin:0;font-size:1rem;font-weight:700}.device-config-modal-name{color:var(--d-salmon)}.device-config-close-btn{background:var(--d-bg-item);width:30px;height:30px;color:var(--d-slate);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.device-config-close-btn:hover{background:var(--d-danger);color:#fff}.device-config-close-btn .material-symbols-rounded{font-size:16px}.device-config-tabs{border-bottom:1px solid var(--d-border);flex-shrink:0;padding:12px 20px 0;display:flex}.device-config-tab{color:var(--d-slate);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:600;transition:color .15s,border-color .15s}.device-config-tab:hover{color:var(--d-indigo)}.device-config-tab.active{color:var(--d-indigo);border-bottom-color:var(--d-indigo)}.device-config-loading{color:var(--d-slate);align-items:center;gap:10px;padding:30px 20px;font-size:.9rem;display:flex}.device-config-loading .material-symbols-rounded{font-size:20px;animation:1.2s linear infinite device-spin}.device-config-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.device-config-panel{flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px 20px;display:none;overflow:auto}.device-config-panel.active{display:flex}.device-config-label{color:var(--d-slate);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.72rem;font-weight:700}.device-config-locked{background:#f0f4ff;border:1px solid #c7d4f0;border-radius:8px;flex-direction:column;flex-shrink:0;gap:4px;padding:9px 12px;display:flex}.device-config-locked-row{align-items:center;gap:7px;font-family:Courier New,Courier,monospace;font-size:.8rem;display:flex}.device-config-lock-icon{color:var(--d-slate);flex-shrink:0;font-size:13px}.device-config-locked-key{color:var(--d-salmon);font-weight:700}.device-config-locked-colon{color:var(--d-slate)}.device-config-locked-val{color:var(--d-indigo)}.device-config-textarea{border:1.5px solid var(--d-border);width:100%;min-height:300px;color:var(--d-indigo);background-color:var(--d-bg-item);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;flex:1;padding:12px 14px;font-family:Courier New,Courier,monospace;font-size:.82rem;line-height:1.6;transition:border-color .2s,background-color .2s}.device-config-textarea:focus{border-color:var(--d-indigo);background-color:#fff}.device-config-json-error{color:var(--d-danger);flex-shrink:0;min-height:1.1em;font-size:.8rem;font-weight:600}.device-config-actions{border-top:1px solid var(--d-border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 20px 18px;display:flex}.device-config-reset-btn{background-color:var(--d-bg-item);color:var(--d-indigo);cursor:pointer;border:none;border-radius:10px;padding:9px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:filter .2s}.device-config-reset-btn:hover{filter:brightness(.95)}.device-config-save-btn{background-color:var(--d-indigo);color:var(--d-white);cursor:pointer;border:none;border-radius:10px;padding:9px 22px;font-family:inherit;font-size:.9rem;font-weight:600;transition:filter .2s}.device-config-save-btn:hover{filter:brightness(1.15)}.device-config-save-btn:disabled{opacity:.6;cursor:not-allowed}.device-config-json-view{background:var(--d-bg);border:1px solid var(--d-border);white-space:pre;color:#374151;border-radius:10px;flex-shrink:0;max-height:210px;margin:0;padding:12px 14px;font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.65;overflow:auto}.json-key{color:#c07055;font-weight:700}.json-key-protected{color:#9ca3af;font-weight:700}.json-key-muted{color:#b0bec5;font-weight:600}.json-string,.json-number,.json-bool{color:#3d5a94}.json-null{color:#9ca3af;font-style:italic}.json-bracket{color:#374151}.json-muted{color:#b0bec5}.json-lock{color:var(--d-salmon);vertical-align:middle;opacity:.9;-webkit-user-select:none;user-select:none;margin-left:4px;font-size:11px}.device-config-label-hint{text-transform:none;letter-spacing:0;color:#9ca3af;font-size:.65rem;font-weight:400}:root{--c-indigo:#0a2342;--c-salmon:#e98a6c;--c-bg:#e4e4e4;--c-bg-alt:#d1d1d1;--c-white:#fff;--c-shadow:0 4px 10px #0000001a}.console-dashboard{grid-template-columns:420px 420px 420px;grid-auto-rows:420px;justify-content:center;gap:40px;padding:20px;display:grid}.console-panel{background-color:var(--c-salmon);width:420px;height:420px;box-shadow:var(--c-shadow);border-radius:35px;flex-direction:column;padding:5px;display:flex}.console-col-logs{grid-row:span 2;height:880px}.console-panel-header{color:var(--c-white);text-align:center;letter-spacing:2px;padding:15px 0;font-size:2rem;font-weight:700}.console-panel-content{background-color:var(--c-bg);border-radius:30px;flex-direction:column;flex-grow:1;min-height:0;padding:20px;display:flex;overflow:hidden}.console-logs-screen{color:var(--c-white);background-color:#000;border-radius:30px;padding:25px}.console-logs-history{scrollbar-width:none;flex-grow:1;font-size:1.1rem;line-height:1.3;overflow-y:auto}.console-logs-history::-webkit-scrollbar{display:none}.console-typing-area{align-items:center;margin-top:5px;padding:0;display:flex}.console-typing-area input{color:var(--c-white);background:0 0;border:none;outline:none;flex-grow:1;padding-left:6px;font-family:inherit;font-size:1.1rem}.console-cursor{color:var(--c-white);font-weight:700;animation:1s infinite console-blink}@keyframes console-blink{0%,to{opacity:1}50%{opacity:0}}.console-gauge-container{justify-content:center;align-items:center}.console-gauge-svg{width:250px;height:250px}.console-gauge-bg{fill:none;stroke:var(--c-salmon);stroke-width:18px}.console-gauge-fill{fill:none;stroke:#6b443c;stroke-width:18px;transition:stroke-dashoffset 1s ease-out}.console-storage-label{text-align:center;margin-top:10px;font-size:1.5rem;font-weight:700}.console-users-panel{padding:0;overflow:hidden}.console-search-container{background-color:var(--c-bg);border-bottom:2px solid #ccc;padding:15px}#console-user-search{border:1px solid #ccc;border-radius:10px;outline:none;width:100%;padding:10px;font-family:inherit;font-size:1rem}.console-users-scroll{flex-grow:1;overflow-y:auto}.console-user-row{justify-content:space-between;align-items:center;padding:15px 20px;font-size:1.3rem;font-weight:700;display:flex}.console-user-row:nth-child(odd){background-color:var(--c-indigo);color:var(--c-white)}.console-user-row:nth-child(2n){background-color:var(--c-bg-alt);color:#000}.console-role-wrapper{align-items:center;display:flex;position:relative}.console-role-select{background-color:var(--c-salmon);color:#000;appearance:none;cursor:pointer;text-align:center;border:none;border-radius:12px;padding:5px 30px 5px 15px;font-family:inherit;font-size:1rem;font-weight:700}.console-role-wrapper:after{content:"▾";pointer-events:none;color:#000;font-size:.9rem;font-weight:700;position:absolute;right:10px}.console-maintenance-panel{justify-content:center;align-items:center;gap:30px}.console-maintenance-icon svg{width:140px;height:160px}.console-maintenance-btn{background-color:var(--c-salmon);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:20px;padding:15px 30px;font-family:inherit;font-size:1.3rem;font-weight:700;display:flex}.console-status-light{background-color:#0f0;border-radius:50%;width:20px;height:20px}.console-status-light.off{background-color:red}.console-todo-panel-content{background-color:var(--c-bg-alt);padding:0}.console-todo-list-container{flex-grow:1;padding:20px;overflow-y:auto}.console-todo-list{list-style:none}.console-todo-item{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:10px 0;font-size:1.2rem;display:flex}.console-todo-text{cursor:pointer;flex-grow:1}.console-todo-text.done{opacity:.6;text-decoration:line-through}.console-delete-todo{color:#c00;cursor:pointer;padding:0 10px;font-weight:700}.console-todo-input-area{background-color:var(--c-white);border-bottom-right-radius:30px;border-bottom-left-radius:30px;gap:10px;padding:20px;display:flex}#console-todo-input{border:1px solid #ccc;border-radius:8px;outline:none;flex-grow:1;padding:12px;font-family:inherit;font-size:1.1rem}.console-add-todo{background:var(--c-indigo);color:var(--c-white);cursor:pointer;border:none;border-radius:8px;width:45px;font-size:1.5rem;font-weight:700}.console-floating-icon{background-color:var(--c-salmon);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 2px 10px #0000004d}.console-modal-overlay{z-index:1000;opacity:0;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.console-modal-overlay.active{opacity:1;pointer-events:all}.console-bug-modal{background-color:var(--c-salmon);border-radius:40px;flex-direction:column;width:500px;padding:8px;transition:transform .3s;display:flex;position:relative;transform:scale(.8);box-shadow:0 10px 30px #00000080}.console-modal-overlay.active .console-bug-modal{transform:scale(1)}.console-bug-modal-header{color:var(--c-white);text-align:center;letter-spacing:1px;text-transform:uppercase;padding:20px 0;font-size:2.2rem;font-weight:700}.console-bug-modal-content{background-color:var(--c-white);border-radius:32px;flex-direction:column;align-items:center;gap:20px;padding:30px;display:flex}.console-bug-modal-title{color:#000;text-align:center;font-size:1.8rem;font-weight:700}#console-bug-textarea{resize:none;border:2px solid #ccc;border-radius:15px;outline:none;width:100%;height:120px;padding:15px;font-family:inherit;font-size:1.2rem}#console-bug-textarea:focus{border-color:var(--c-indigo)}.console-bug-submit-btn{background-color:var(--c-indigo);color:var(--c-white);cursor:pointer;letter-spacing:2px;border:none;border-radius:30px;padding:15px 40px;font-family:inherit;font-size:1.8rem;font-weight:700}.console-bug-close{color:var(--c-white);cursor:pointer;font-size:2rem;font-weight:700;position:absolute;top:20px;right:25px}.dashboard-container{grid-template-columns:420px 420px 420px;grid-auto-rows:420px;gap:40px;padding:20px;display:grid}.panel{background-color:#e98a6c;border-radius:35px;flex-direction:column;width:420px;height:420px;padding:5px;display:flex;box-shadow:0 4px 10px #0000001a}.col-logs{grid-row:span 2;height:880px}.panel-header{color:#fff;text-align:center;letter-spacing:2px;padding:15px 0;font-size:2rem;font-weight:700}.panel-content{background-color:#e4e4e4;border-radius:30px;flex-direction:column;flex-grow:1;padding:20px;display:flex;overflow:hidden}.logs-screen{color:#fff;background-color:#000;border-radius:30px;padding:25px}.logs-history{scrollbar-width:none;font-size:1.1rem;line-height:1.3;overflow-y:auto}.logs-history::-webkit-scrollbar{display:none}.typing-area{background-color:#0000;align-items:center;margin-top:5px;padding:0;display:flex}.typing-area input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;padding-left:2px;font-family:inherit;font-size:1.1rem}.cursor{color:#fff;font-weight:700;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.gauge-container{justify-content:center;align-items:center}.gauge-svg{width:250px;height:250px}.gauge-bg{fill:none;stroke:#e98a6c;stroke-width:18px}.gauge-fill{fill:none;stroke:#6b443c;stroke-width:18px;transition:stroke-dashoffset 1s ease-out}.storage-label{text-align:center;margin-top:10px;font-size:1.5rem;font-weight:700}.maintenance-panel{justify-content:center;align-items:center;gap:30px}.warning-icon{clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:#ffc107;justify-content:center;align-items:flex-end;width:120px;height:120px;padding-bottom:10px;font-size:80px;font-weight:700;display:flex}.maintenance-btn{cursor:pointer;background-color:#e98a6c;border:none;border-radius:20px;align-items:center;gap:20px;padding:15px 30px;font-family:inherit;font-size:1.3rem;font-weight:700;display:flex}.status-light{background-color:#0f0;border-radius:50%;width:20px;height:20px}.status-light.off{background-color:red}.users-panel{padding:0;overflow:hidden}.search-container{background-color:#e4e4e4;border-bottom:2px solid #ccc;padding:15px}#user-search{border:1px solid #ccc;border-radius:10px;outline:none;width:100%;padding:10px;font-family:inherit;font-size:1rem}.users-scroll{flex-grow:1;height:100%;overflow-y:auto}.user-row{justify-content:space-between;align-items:center;padding:15px 20px;font-size:1.3rem;font-weight:700;display:flex}.user-row:nth-child(odd){color:#fff;background-color:#0a2342}.user-row:nth-child(2n){color:#000;background-color:#d1d1d1}.role-wrapper{align-items:center;display:flex;position:relative}.role-select{color:#000;appearance:none;cursor:pointer;text-align:center;background-color:#e98a6c;border:none;border-radius:12px;padding:5px 30px 5px 15px;font-family:inherit;font-size:1rem;font-weight:700}.role-wrapper:after{content:"∨";pointer-events:none;color:#000;font-size:.9rem;font-weight:700;position:absolute;right:10px}.todo-panel-content{background-color:#d1d1d1;flex-direction:column;padding:0;display:flex}.todo-list-container{flex-grow:1;padding:20px;overflow-y:auto}.todo-list{list-style:none}.todo-item{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:10px 0;font-size:1.2rem;display:flex}.todo-text{cursor:pointer;flex-grow:1}.todo-text.done{opacity:.6;text-decoration:line-through}.delete-todo{color:#c00;cursor:pointer;padding:0 10px;font-weight:700}.todo-input-area{background-color:#fff;border-bottom-right-radius:30px;border-bottom-left-radius:30px;gap:10px;padding:20px;display:flex}#todo-input{border:1px solid #ccc;border-radius:8px;outline:none;flex-grow:1;padding:12px;font-family:inherit;font-size:1.1rem}.add-todo{color:#fff;cursor:pointer;background:#0a2342;border:none;border-radius:8px;width:45px;font-size:1.5rem;font-weight:700}.floating-icon{cursor:pointer;z-index:100;background-color:#e98a6c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 2px 10px #0000004d}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.bug-modal{background-color:#e98a6c;border-radius:40px;flex-direction:column;width:500px;padding:8px;transition:transform .3s;display:flex;position:relative;transform:scale(.8);box-shadow:0 10px 30px #00000080}.modal-overlay.active .bug-modal{transform:scale(1)}.bug-modal-header{color:#fff;text-align:center;letter-spacing:1px;text-transform:uppercase;padding:20px 0;font-size:2.2rem;font-weight:700}.bug-modal-content{background-color:#fff;border-radius:32px;flex-direction:column;align-items:center;gap:20px;padding:30px;display:flex}.bug-modal-title{color:#000;text-align:center;font-size:1.8rem;font-weight:700}#bug-textarea{resize:none;border:2px solid #ccc;border-radius:15px;outline:none;width:100%;height:120px;padding:15px;font-family:inherit;font-size:1.2rem}#bug-textarea:focus{border-color:#0a2342}.bug-submit-btn{color:#fff;cursor:pointer;letter-spacing:2px;background-color:#0a2342;border:none;border-radius:30px;padding:15px 40px;font-family:inherit;font-size:1.8rem;font-weight:700}.bug-close{color:#fff;cursor:pointer;font-size:2rem;font-weight:700;position:absolute;top:20px;right:25px}:root{--gallery-app-bg:#f8fafc;--gallery-surface:#fff;--gallery-indigo:#0f2540;--gallery-salmon:#ff7e67;--gallery-border:#e2e8f0;--gallery-muted:#64748b;--gallery-soft:#f1f5f9;--gallery-radius:50px;--gallery-padding:.7rem 1.4rem;--gallery-transition-speed:.25s}.gallery-page{background-color:var(--gallery-app-bg);color:var(--gallery-indigo);flex-direction:column;min-height:calc(100vh - 100px);margin:-32px;display:flex;overflow:hidden}.trash-card .trash-thumb{aspect-ratio:1;background:var(--gallery-soft,#f3f4f6);width:100%;color:var(--gallery-muted,#999);border-radius:12px 12px 0 0;justify-content:center;align-items:center;font-size:3rem;display:flex}.restore-btn{background:var(--gallery-soft);color:var(--gallery-indigo);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.restore-btn:hover{background:var(--gallery-salmon);color:#fff}.gallery-page .gallery-header{background-color:var(--gallery-surface);border-bottom:1px solid var(--gallery-border);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.gallery-page .gallery-header h1{color:var(--gallery-indigo);text-align:left;margin:0;font-size:1.5rem;font-weight:700}.gallery-page .gallery-filters{background:var(--gallery-soft);border-radius:var(--gallery-radius);flex-wrap:wrap;gap:.4rem;padding:4px;display:flex}.gallery-page .filter-item{color:var(--gallery-muted);padding:var(--gallery-padding);border-radius:var(--gallery-radius);transition:all var(--gallery-transition-speed);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:.6rem;font-size:.92rem;font-weight:600;display:flex}.gallery-page .filter-item i{font-size:1.2rem}.gallery-page .filter-item:hover{color:var(--gallery-indigo)}.gallery-page .filter-item.active{background-color:var(--gallery-surface);color:var(--gallery-indigo);box-shadow:0 2px 6px #0f254014}.gallery-page .gallery-search{background:var(--gallery-soft);border:1.5px solid var(--gallery-border);border-radius:var(--gallery-radius);transition:border-color var(--gallery-transition-speed), box-shadow var(--gallery-transition-speed);align-items:center;gap:.5rem;padding:.45rem 1rem;display:flex}.gallery-page .gallery-search:focus-within{border-color:var(--gallery-salmon);background:var(--gallery-surface);box-shadow:0 0 0 3px #ff7e6726}.gallery-page .gallery-search i{color:var(--gallery-muted);font-size:1.1rem}.gallery-page .gallery-search input{color:var(--gallery-indigo);background:0 0;border:none;outline:none;width:120px;font-size:.92rem}.gallery-page .gallery-search input::placeholder{color:var(--gallery-muted)}.gallery-page .gallery-search input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gallery-page .gallery-search input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gallery-page .gallery-search input[type=number]{appearance:textfield}.gallery-page .gallery-search button{color:var(--gallery-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;display:flex}.gallery-page .gallery-search button:hover{color:var(--gallery-salmon)}.gallery-page .gallery-actions{flex-wrap:wrap;gap:.6rem;display:flex}.gallery-page .gallery-btn{background-color:var(--gallery-salmon);color:#fff;cursor:pointer;transition:all var(--gallery-transition-speed);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.gallery-page .gallery-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ff7e6759}.gallery-page .gallery-btn-secondary{background-color:var(--gallery-surface);border:1.5px solid var(--gallery-border);color:var(--gallery-indigo)}.gallery-page .gallery-btn-secondary:hover{border-color:var(--gallery-salmon);color:var(--gallery-salmon);box-shadow:none}.gallery-page .gallery-container{flex:1;padding:1.5rem 2rem;overflow-y:auto}.gallery-page .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem;display:grid}.gallery-page .card{background-color:var(--gallery-surface);transition:all var(--gallery-transition-speed);cursor:pointer;border:2px solid #0000;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f25400f}.gallery-page .card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0f25401f}.gallery-page .card.selected{border-color:var(--gallery-salmon);box-shadow:0 0 0 3px #ff7e672e}.gallery-page .card-img-wrapper{height:170px;position:relative;overflow:hidden}.gallery-page .card img{object-fit:cover;background:var(--gallery-soft);width:100%;height:100%;transition:transform .5s}.gallery-page .card:hover img{transform:scale(1.06)}.gallery-page .media-thumb{background:var(--gallery-soft);width:100%;height:100%;color:var(--gallery-muted,#999);justify-content:center;align-items:center;font-size:3rem;transition:transform .5s;display:flex}.gallery-page .card:hover .media-thumb{transform:scale(1.06)}.gallery-page .checkbox-container{z-index:2;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.gallery-page .custom-checkbox{appearance:none;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:2px solid #ffffffbf;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin:0;transition:all .2s;position:relative;box-shadow:0 1px 4px #0000002e}.gallery-page .custom-checkbox:hover{background:#ffffff59;border-color:#fff}.gallery-page .custom-checkbox:checked{background-color:var(--gallery-salmon);border-color:var(--gallery-salmon);box-shadow:0 2px 8px #ff7e6773}.gallery-page .custom-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.gallery-page .card-info{background:linear-gradient(#0000,#0f2540d9);justify-content:space-between;align-items:center;gap:.4rem;width:100%;padding:.7rem;display:flex;position:absolute;bottom:0}.gallery-page .author-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:.8rem;font-weight:600;overflow:hidden}.gallery-page .media-number{color:#ffffffd9;font-size:.75rem;font-weight:600}.gallery-page .like-btn{color:#fff;cursor:pointer;transition:all var(--gallery-transition-speed);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:1rem;display:flex}.gallery-page .like-btn span{font-size:.8rem;font-weight:600}.gallery-page .like-btn:hover{background:#ffffff4d}.gallery-page .like-btn.liked{color:var(--gallery-salmon);background:#ffffffe6}.preview-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;opacity:0;width:100%;height:100%;transition:opacity var(--gallery-transition-speed);background:#0f2540eb;flex-direction:column;display:none;position:fixed;top:0;left:0}.preview-modal.active{opacity:1;display:flex}.preview-modal .preview-header{justify-content:flex-end;padding:1.5rem;display:flex}.preview-modal .preview-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .2s;display:flex}.preview-modal .preview-close:hover{background:var(--gallery-salmon)}.preview-modal .preview-content{flex:1;display:flex;overflow:hidden}.preview-modal .preview-image-section{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.preview-modal .preview-nav{color:#fff;cursor:pointer;width:50px;height:50px;transition:background var(--gallery-transition-speed);z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.preview-modal .preview-nav:hover{background:var(--gallery-salmon)}.preview-modal .preview-prev{left:2rem}.preview-modal .preview-next{right:2rem}.preview-modal .preview-image{-webkit-user-select:none;user-select:none;object-fit:contain;border-radius:16px;max-width:100%;max-height:80vh;box-shadow:0 20px 50px #0006}.preview-modal .preview-audio{width:min(90%,480px)}.preview-modal .preview-sidebar{background:var(--gallery-surface);width:360px;color:var(--gallery-indigo);border-radius:24px;flex-direction:column;margin:1.5rem 1.5rem 1.5rem 0;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.preview-modal .preview-info{border-bottom:1px solid var(--gallery-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.preview-modal .preview-author{color:var(--gallery-indigo);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:flex}.preview-modal .preview-info .like-btn{background:var(--gallery-soft);color:var(--gallery-muted);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:inline-flex}.preview-modal .preview-info .like-btn i{font-size:1.15rem}.preview-modal .preview-info .like-btn:hover{color:var(--gallery-salmon);background:#ff7e671f}.preview-modal .preview-info .like-btn.liked{color:var(--gallery-salmon);background:#ff7e6724}.preview-modal .comments-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-modal .comments-list{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.preview-modal .comment{background:var(--gallery-soft);border-radius:16px 16px 16px 4px;padding:.9rem 1rem}.preview-modal .comment-author{color:var(--gallery-salmon);margin-bottom:.25rem;font-size:.82rem;font-weight:700}.preview-modal .comment-text{color:var(--gallery-indigo);font-size:.92rem;line-height:1.4}.preview-modal .comment-input-area{border-top:1px solid var(--gallery-border);gap:.5rem;padding:1.25rem 1.5rem;display:flex}.preview-modal .comment-input{background:var(--gallery-soft);border:1.5px solid var(--gallery-border);color:var(--gallery-indigo);border-radius:50px;outline:none;flex:1;padding:.7rem 1.1rem;transition:all .2s}.preview-modal .comment-input:focus{border-color:var(--gallery-salmon);box-shadow:0 0 0 3px #ff7e6726}.preview-modal .comment-submit{background:var(--gallery-salmon);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;transition:all .2s;display:flex}.preview-modal .comment-submit:hover{filter:brightness(1.05);transform:scale(1.05)}@media (width<=768px){.gallery-page{margin:-20px -15px}.gallery-page .gallery-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.gallery-page .gallery-header h1{display:none}.gallery-page .gallery-filters{justify-content:space-around}.gallery-page .gallery-search input{width:100%}.gallery-page .gallery-actions{justify-content:space-between}.gallery-page .gallery-btn{flex:1;justify-content:center;padding:.5rem 1rem;font-size:.8rem}.gallery-page .gallery-container{padding:1rem}.gallery-page .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.preview-modal .preview-header{padding:calc(env(safe-area-inset-top,0px) + .75rem) 1rem 1rem;z-index:30;background:linear-gradient(#00000073,#0000);position:absolute;top:0;left:0;right:0}.preview-modal .preview-content{flex-direction:column;height:100dvh;position:relative}.preview-modal .preview-image-section{background:#000;flex:1;height:auto;padding:0}.preview-modal .preview-image{max-width:100%;max-height:100%;box-shadow:none;border-radius:0}.preview-modal .preview-nav{background:#00000059;width:40px;height:40px}.preview-modal .preview-prev{left:.75rem}.preview-modal .preview-next{right:.75rem}.preview-modal .preview-sidebar{--sheet-peek:180px;width:100%;height:88dvh;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom,0px);will-change:transform;z-index:20;border-radius:24px 24px 0 0;flex-direction:column;margin:0;transition:transform .32s cubic-bezier(.32,.72,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);box-shadow:0 -8px 32px #00000040}.preview-modal .preview-sidebar.collapsed{transform:translateY(calc(100% - var(--sheet-peek)))}.preview-modal .preview-sidebar.dragging{transition:none}.preview-sheet-handle{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;padding:10px 0 6px;display:flex}.preview-sheet-handle:active{cursor:grabbing}.preview-sheet-handle:before{content:"";background:#00000038;border-radius:2px;width:40px;height:4px;display:block}.preview-modal .preview-info{flex-shrink:0;padding:.75rem 1.25rem}.preview-modal .comments-section{flex-direction:column;flex:1;min-height:0;display:flex}.preview-modal .comment-input-area{border-top:none;border-bottom:1px solid var(--gallery-border);flex-shrink:0;order:-1;padding:.6rem 1rem}.preview-modal .comments-list{overscroll-behavior:contain;min-height:0;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0px));flex:1;order:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}}@media (hover:none) and (pointer:coarse){.preview-modal .preview-nav{display:none}}
/*$vite$:1*/