@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;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-overlay{z-index:9998;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader{width:44.8px;height:44.8px;color:var(--accent-color);background:radial-gradient(11.2px,currentColor 94%,#0000);position:relative}.loader:before{content:"";background-color:#0000;background-image:radial-gradient(10.08px at 100% 100%,#0000 94%,currentColor),radial-gradient(10.08px at 0 100%,#0000 94%,currentColor),radial-gradient(10.08px at 100% 0,#0000 94%,currentColor),radial-gradient(10.08px at 0 0,#0000 94%,currentColor);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:22.4px 22.4px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:50%;animation:1.5s cubic-bezier(.3,1,0,1) infinite loader;position:absolute;inset:0}@keyframes loader{33%{inset:-11.2px;transform:rotate(0)}66%{inset:-11.2px;transform:rotate(90deg)}to{inset:0;transform:rotate(90deg)}}.help-modal-overlay{z-index:3000}.help-modal-box{text-align:left;flex-direction:column;max-width:580px;max-height:85vh;padding:0;display:flex;overflow:hidden}.help-fab-container{z-index:2400;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.help-button{background:var(--active-color,#f3c56c);color:var(--sidebar-bg,#2e4053);cursor:pointer;border:none;border-radius:24px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0003}.help-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000047}.help-tip{border:1px solid var(--q-border,#e2e8f0);white-space:nowrap;color:var(--sidebar-bg,#2e4053);background:#fff;border-radius:10px;padding:9px 14px;font-size:.8rem;position:relative;box-shadow:0 4px 16px #0000001a}.help-tip:after{content:"";border:7px solid #0000;border-top-color:#fff;position:absolute;top:100%;right:16px}.help-tip:before{content:"";border-style:solid;border-width:8px;border-color:var(--q-border,#e2e8f0) transparent transparent transparent;position:absolute;top:100%;right:15px}.help-tip strong{font-weight:700}.help-tip-enter-active,.help-tip-leave-active{transition:opacity .2s,transform .2s}.help-tip-enter-from,.help-tip-leave-to{opacity:0;transform:translateY(4px)}@media (width<=768px){.help-fab-container{bottom:5.5rem;right:1rem}.help-tip{display:none}}.help-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.help-badge{color:var(--sidebar-bg,#2e4053);font-size:1.1rem;font-weight:700}.help-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.help-close:hover{color:var(--sidebar-bg,#2e4053);background:#e2e8f0}.help-close .material-symbols-rounded{font-size:1.1rem}.help-body{flex:1;padding:20px 20px 0;overflow-y:auto}.help-intro{color:#8a9bb0;margin-bottom:16px;font-size:.85rem}.help-list{flex-direction:column;gap:8px;padding-bottom:20px;display:flex}.help-item{border:1px solid #e2e8f0;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.help-item--open{border-color:#f3c56c;box-shadow:0 4px 12px #f3c56c33}.help-question{cursor:pointer;text-align:left;color:#2e4053;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.help-question:hover{background:#f8fafc}.help-item--open .help-question{background:#fffdf5}.help-chevron{color:#8a9bb0;flex-shrink:0;font-size:1.1rem;transition:transform .25s}.help-item--open .help-chevron{color:#f3c56c;transform:rotate(180deg)}.help-answer{background:#fffdf5;padding:0 16px 16px}.help-answer p{color:#4a5568;font-size:.875rem;line-height:1.65}.help-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.help-footer span{color:#8a9bb0;font-size:.82rem}.help-contact-link{color:#f08262;white-space:nowrap;border:1px solid #f08262;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.help-contact-link:hover{color:#fff;background:#f08262}.help-contact-link .material-symbols-rounded{font-size:.9rem}.help-tour-btn{background:var(--active-color,#f3c56c);color:var(--q-indigo,#2e4053);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.help-tour-btn:hover{background:#e8b455;transform:scale(1.03)}.help-tour-btn .material-symbols-rounded{font-size:1rem}.qapsule-driver-popover{background:#fff;border-radius:12px;max-width:300px;padding:20px 22px;font-family:inherit;box-shadow:0 8px 32px #0000002e}.qapsule-driver-popover .driver-popover-title{color:var(--q-indigo,#2e4053);margin-bottom:6px;font-size:.95rem;font-weight:700}.qapsule-driver-popover .driver-popover-description{color:#5a6a7a;font-size:.85rem;line-height:1.5}.qapsule-driver-popover .driver-popover-footer button{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600}.qapsule-driver-popover .driver-popover-next-btn{background:var(--active-color,#f3c56c);color:var(--q-indigo,#2e4053)}.qapsule-driver-popover .driver-popover-prev-btn{color:var(--q-indigo,#2e4053);background:0 0;border:1px solid var(--q-border,#e2e8f0)!important}.qapsule-driver-popover .driver-popover-close-btn{color:#9aa0a8;font-size:1rem}.qapsule-driver-popover .driver-popover-progress-text{color:#9aa0a8;font-size:.78rem}.help-expand-enter-active,.help-expand-leave-active{max-height:400px;transition:max-height .3s,opacity .25s;overflow:hidden}.help-expand-enter-from,.help-expand-leave-to{opacity:0;max-height:0}@media (width<=480px){.help-modal-box{border-radius:20px 20px 0 0;max-width:100%;max-height:80vh}.help-modal-overlay{align-items:flex-end}.help-footer{flex-direction:column;align-items:flex-start;gap:8px}}.input-group{margin-bottom:16px;position:relative}.input{border:1.5px solid var(--q-border,#e2e8f0);width:100%;color:var(--q-indigo,#2e4053);background:0 0;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.input:focus{border-color:var(--q-salmon,#ff7e67);outline:none}.input-label{color:#94a3b8;pointer-events:none;padding:0 4px;font-size:.92rem;transition:all .2s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input:focus~.input-label,.input:not(:placeholder-shown)~.input-label{color:var(--q-salmon,#ff7e67);background:#fff;font-size:.75rem;font-weight:600;top:0;transform:translateY(-50%)}@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}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f254099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--q-white,#fff);border-radius:var(--radius-main,16px);text-align:center;width:90%;max-width:500px;padding:30px;box-shadow:0 20px 50px #0003}.modal-enter-active,.modal-leave-active{transition:opacity .25s}.modal-enter-active .modal-box,.modal-leave-active .modal-box{transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-box,.modal-leave-to .modal-box{opacity:0;transform:translateY(20px)scale(.96)}@keyframes skeleton-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#e8edf2 25%,#f4f6f9 50%,#e8edf2 75%) 0 0/1200px 100%;border-radius:6px;animation:1.5s linear infinite skeleton-shimmer}@keyframes card-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.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}}.dashboard-skeleton-card{border-radius:var(--q-radius);background:var(--q-white);border:1px solid var(--q-border);height:70px;box-shadow:var(--q-shadow);animation:.3s ease-out both card-appear;animation-delay:calc(var(--i) * 80ms);align-items:center;display:flex;overflow:hidden}.dashboard-skeleton-left{border-radius:0;flex-shrink:0;width:56px;height:100%}.dashboard-skeleton-right{flex-direction:column;flex:1;gap:10px;padding:0 20px;display:flex}.dashboard-skeleton-line{border-radius:6px;height:14px}.dashboard-skeleton-line-short{width:35%;height:11px}: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}.events-wrapper-inner{flex-direction:column;gap:20px;display:flex;position:relative}@keyframes event-card-appear{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.event-card{animation:.35s ease-out both event-card-appear;animation-delay:calc(var(--i) * 70ms)}.event-item-leave-active{transition:opacity .25s,transform .25s}.event-item-leave-to{opacity:0;transform:translateY(-10px)}.event-item-move{transition:transform .3s}.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}}.events-skeleton{flex-direction:column;gap:12px;display:flex}.event-card-skeleton{background:var(--q-white);border-radius:var(--radius-main);border:1px solid var(--q-border);border-left:6px solid #e8edf2;align-items:center;gap:15px;padding:15px 20px;display:flex;overflow:hidden;box-shadow:0 4px 6px #0f25400d}.event-skeleton-circle{border-radius:50%;flex-shrink:0;width:32px;height:32px}.event-skeleton-text{border-radius:6px;flex:1;height:16px}: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-tg{display:contents}.card{animation:.35s ease-out both card-appear;animation-delay:calc(var(--i) * 60ms)}.gallery-card-leave-active{transition:opacity .2s,transform .2s}.gallery-card-leave-to{opacity:0;transform:scale(.88)}.gallery-card-move{transition:transform .3s}.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}}.gallery-page .card-skeleton{background-color:var(--gallery-surface);pointer-events:none;border-radius:18px;overflow:hidden;box-shadow:0 2px 8px #0f25400f}.gallery-page .card-skeleton-img{border-radius:0;height:170px}.gallery-page .card-skeleton-info{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.gallery-page .card-skeleton-line{height:12px}.gallery-page .card-skeleton-line-short{width:55%;height:10px}: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)}.tutorial-demo{justify-content:space-between;align-items:center;width:100%;height:150px;margin:16px 0 8px;display:flex;overflow:hidden}.demo-fake-card{background:var(--qapsule-light);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:118px;font-size:36px;animation:5s ease-in-out infinite demo-card-swipe;display:flex;box-shadow:0 8px 24px #0000001f}.demo-label{opacity:0;flex:1;font-size:14px;font-weight:700}.demo-reject{color:#e74c3c;text-align:left;animation:5s ease-in-out infinite reject-fade}.demo-accept{color:#2ecc71;text-align:right;animation:5s ease-in-out infinite accept-fade}.tutorial-keyboard{color:var(--qapsule-dark);opacity:.6;margin:0 0 8px;font-size:14px}@keyframes demo-card-swipe{0%,12%{opacity:1;transform:translate(0)rotate(0);box-shadow:0 8px 24px #0000001f}24%{opacity:1;transform:translate(55px,-6px)rotate(10deg);box-shadow:0 0 20px #2ecc7180}34%{opacity:0;transform:translate(110px,-10px)rotate(18deg);box-shadow:0 0 20px #2ecc7180}35%{opacity:0;transform:translate(0)rotate(0);box-shadow:0 8px 24px #0000001f}44%{opacity:1;transform:translate(0)rotate(0);box-shadow:0 8px 24px #0000001f}54%,56%{opacity:1;transform:translate(0)rotate(0);box-shadow:0 8px 24px #0000001f}67%{opacity:1;transform:translate(-55px,-6px)rotate(-10deg);box-shadow:0 0 20px #e74c3c80}76%{opacity:0;transform:translate(-110px,-10px)rotate(-18deg);box-shadow:0 0 20px #e74c3c80}77%{opacity:0;transform:translate(0)rotate(0);box-shadow:0 8px 24px #0000001f}86%{opacity:1;transform:translate(0)rotate(0);box-shadow:0 8px 24px #0000001f}to{opacity:1;transform:translate(0)rotate(0);box-shadow:0 8px 24px #0000001f}}@keyframes accept-fade{0%,16%{opacity:0}22%,31%{opacity:1}36%,to{opacity:0}}@keyframes reject-fade{0%,56%{opacity:0}62%,74%{opacity:1}78%,to{opacity:0}}.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}@keyframes spin{to{transform:rotate(360deg)}}.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);animation:.35s ease-out both notifSlideIn;animation-delay:calc(var(--i) * 60ms);align-items:flex-start;gap:16px;padding:18px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.notification-item:hover{box-shadow:var(--q-shadow-hover);transform:translateY(-2px)}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notif-leave-active{width:100%;transition:all .3s;position:absolute}.notif-leave-to{opacity:0;transform:translate(40px)}.notif-move{transition:transform .3s}.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}}.notifications-skeleton{flex-direction:column;gap:12px;display:flex}.notification-skeleton{background-color:var(--q-white);border-radius:var(--q-radius);border:1px solid var(--q-border);border-left:4px solid #e8edf2;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.notif-skeleton-body{flex-direction:column;flex:1;gap:8px;display:flex}.notif-skeleton-line{border-radius:6px;height:13px}.notif-skeleton-line-short{width:40%;height:11px}: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-modal-icon{color:var(--d-salmon);margin-bottom:10px;font-size:2.8rem;line-height:1;display:block}.device-modal-icon--success{color:var(--d-success)}.device-modal-title{color:var(--d-indigo);margin:0 0 8px;font-size:1.1rem}.device-modal-message{color:var(--d-slate);margin:0 0 20px;font-size:.9rem}.device-modal-actions{justify-content:center;gap:10px;display:flex}.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}.device-skeleton-row{background:var(--d-bg-card);border:1px solid var(--d-border);height:54px;animation:.3s ease-out both card-appear;animation-delay:calc(var(--i) * 80ms);border-radius:8px;align-items:center;margin-bottom:6px;display:flex;overflow:hidden}.device-skeleton-left{border-radius:0;flex-shrink:0;width:44px;height:100%}.device-skeleton-right{flex-direction:column;flex:1;gap:8px;padding:0 14px;display:flex}.device-skeleton-line{border-radius:6px;height:12px}.device-skeleton-line-short{width:45%;height:10px}.device-skeleton-qr{border-radius:10px;width:90px;height:90px;margin:auto;display:block}.device-event-row,.device-periph-row,.device-linked-card{animation:.3s ease-out both card-appear;animation-delay:calc(var(--i) * 60ms)}: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)}.accordeon{border-radius:var(--radius-main);border:1.5px solid #e2e8f0;margin-bottom:1.5rem;overflow:hidden}.accordeon-trigger{cursor:pointer;width:100%;color:var(--color-secondary-blue);text-align:left;background:#f8fafc;border:none;align-items:center;gap:10px;padding:14px 16px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.accordeon-trigger:hover{background:#fff5f2}.accordeon-icon{color:var(--color-primary-salmon);flex-shrink:0;font-size:1.2rem}.accordeon-label{flex:1}.accordeon-chevron{color:#9aa0a8;flex-shrink:0;font-size:1.2rem;transition:transform .3s,color .2s}.accordeon-chevron.is-open{color:var(--color-primary-salmon);transform:rotate(180deg)}.accordeon-wrap{grid-template-rows:0fr;transition:grid-template-rows .32s;display:grid}.accordeon-wrap.is-open{grid-template-rows:1fr}.accordeon-inner{opacity:0;transition:opacity .25s;overflow:hidden}.accordeon-wrap.is-open .accordeon-inner{opacity:1}.accordeon-body{border-top:1.5px solid #e2e8f0;padding:16px}.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{--c-indigo:#1e2d4e;--c-salmon:#e98a6c;--c-salmon-2:#e07a59;--c-slate:#6b7fa3;--c-bg:#f0f2f5;--c-card:#fff;--c-item:#f5f6f8;--c-item-hover:#eaecf2;--c-border:#e5e7eb;--c-white:#fff;--c-shadow:0 1px 4px #00000012;--c-role-admin:#e98a6c;--c-role-org:#3f6fd1;--c-role-reseller:#16a34a;--c-role-guest:#8a93a0;--c-green:#16a34a;--c-red:#e74c3c;--c-bg-alt:#f5f6f8;--c-radius:16px;--c-radius-sm:10px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}.console-dashboard{background:var(--c-bg);height:calc(100vh - 120px);font-family:var(--font-sans);color:var(--c-indigo);-webkit-font-smoothing:antialiased;box-sizing:border-box;grid-template-columns:1.05fr .9fr 1.05fr;gap:16px;padding:20px;display:grid}.console-dashboard *,.console-dashboard :before,.console-dashboard :after{box-sizing:border-box}.console-col{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.console-panel{background-color:var(--c-card);border-radius:var(--c-radius);border:1px solid var(--c-border);box-shadow:var(--c-shadow);flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.console-panel-logs,.console-panel-users,.console-panel-storage{flex:auto}.console-panel-maintenance{flex:none}.console-panel-header{background-color:var(--c-salmon);color:var(--c-white);letter-spacing:.01em;text-align:left;flex-shrink:0;padding:14px 16px 12px 38px;font-size:.9rem;font-weight:700;position:relative}.console-panel-header:before{content:"▸";color:#ffffffd9;font-size:.8rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.console-panel-content{background-color:var(--c-card);flex-direction:column;flex-grow:1;min-height:0;padding:14px;display:flex;overflow:hidden}.console-logs-screen{color:#e6edf3;border-radius:var(--c-radius-sm);font-family:var(--font-mono);background-color:#0f1722;padding:16px 18px}.console-logs-history{scrollbar-width:thin;scrollbar-color:#2a3647 transparent;flex-grow:1;font-size:.83rem;line-height:1.7;overflow-y:auto}.console-logs-history::-webkit-scrollbar{width:8px}.console-logs-history::-webkit-scrollbar-track{background:0 0}.console-logs-history::-webkit-scrollbar-thumb{background:#2a3647;border-radius:8px}.console-log-line{word-break:break-word;padding:1px 0}.console-log-error{color:#ff7b7b}.console-log-warn{color:#f3c56c}.console-log-info{color:#aeb9c7}.console-log-empty{color:#6b7686;text-align:center;padding-top:40%}.console-typing-area{border-top:1px solid #ffffff14;align-items:center;gap:8px;margin-top:10px;padding:12px 0 0;display:flex}.console-typing-area input{color:#e6edf3;font-family:var(--font-mono);background:0 0;border:none;outline:none;flex-grow:1;padding-left:4px;font-size:.83rem}.console-typing-area input::placeholder{color:#6b7686}.console-cursor{color:var(--c-salmon);font-size:.8rem;font-weight:700;animation:1.1s step-end infinite console-blink}@keyframes console-blink{0%,to{opacity:1}50%{opacity:0}}.console-gauge-container{justify-content:center;align-items:center;gap:4px}.console-gauge-svg{width:180px;height:180px;max-height:42vh}.console-gauge-bg{fill:none;stroke:var(--c-item);stroke-width:14px}.console-gauge-fill{fill:none;stroke:var(--c-salmon);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.console-storage-label{letter-spacing:-.5px;text-align:center;color:var(--c-indigo);margin-top:12px;font-size:1.9rem;font-weight:800}.console-storage-label span{font-family:var(--font-mono);color:var(--c-slate);letter-spacing:0;margin-top:7px;font-size:.78rem;font-weight:500;display:block}.console-users-panel{padding:0;overflow:hidden}.console-search-container{background-color:var(--c-card);border-bottom:1px solid var(--c-border);flex-shrink:0;padding:12px 14px}.console-search-container input,#console-user-search{border-radius:var(--c-radius-sm);border:1.5px solid var(--c-border);background-color:var(--c-item);width:100%;color:var(--c-indigo);font-family:var(--font-sans);outline:none;padding:9px 13px;font-size:.9rem;transition:border-color .2s,background-color .2s}.console-search-container input::placeholder{color:var(--c-slate)}.console-search-container input:focus,#console-user-search:focus{border-color:var(--c-indigo);background-color:var(--c-card)}.console-users-scroll{scrollbar-width:thin;scrollbar-color:var(--c-border) transparent;flex-direction:column;flex-grow:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.console-users-scroll::-webkit-scrollbar{width:8px}.console-users-scroll::-webkit-scrollbar-thumb{background:var(--c-border);border:2px solid var(--c-card);border-radius:8px}.console-loading{color:var(--c-slate);text-align:center;padding:24px 20px;font-size:.88rem;font-style:italic}.console-user-row{border-radius:var(--c-radius-sm);align-items:center;gap:12px;padding:9px 12px;font-size:.9rem;font-weight:600;transition:background-color .15s;display:flex;background-color:var(--c-item)!important;color:var(--c-indigo)!important}.console-user-row:hover{background-color:var(--c-item-hover)!important}.console-user-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--c-indigo);flex:1;overflow:hidden}.console-avatar{width:36px;height:36px;font-family:var(--font-sans);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:.76rem;font-weight:700;display:flex}.console-role-wrapper{flex:none;align-items:center;display:flex;position:relative}.console-role-select{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--c-role-guest);appearance:none;cursor:pointer;text-align:left;background-color:#0000;border:1.5px solid;border-radius:8px;padding:5px 24px 5px 10px;font-size:.66rem;font-weight:600;transition:filter .15s,background-color .15s}.console-role-select:hover{filter:brightness(1.06)}.console-role-wrapper:after{content:"▾";pointer-events:none;color:currentColor;opacity:.7;font-size:.68rem;position:absolute;right:8px}.console-role--administrator{color:var(--c-role-admin);background-color:#e98a6c1a}.console-role--organizer{color:var(--c-role-org);background-color:#3f6fd11a}.console-role--reseller{color:var(--c-role-reseller);background-color:#16a34a1a}.console-role--guest{color:var(--c-role-guest);background-color:#8a93a01a}.console-role-select option{background-color:var(--c-card);color:var(--c-indigo);text-transform:none;letter-spacing:0}.console-maintenance-panel{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px}.console-maintenance-icon svg{flex-shrink:0;width:56px;height:64px}.console-maintenance-btn{background-color:var(--c-salmon);font-family:var(--font-sans);color:var(--c-white);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 20px;font-size:.92rem;font-weight:700;transition:filter .2s,transform 80ms;display:flex}.console-maintenance-btn:hover:not(:disabled){filter:brightness(.92)}.console-maintenance-btn:active:not(:disabled){transform:translateY(1px)}.console-maintenance-btn:disabled{opacity:.65;cursor:progress}.console-status-light{background-color:var(--c-green);border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 3px #16a34a38}.console-status-light.off{background-color:var(--c-red);box-shadow:0 0 0 3px #e74c3c38}@media (width<=1100px){.console-dashboard{grid-template-columns:1fr 1fr;height:auto}.console-col{height:auto}.console-panel-logs,.console-panel-users{min-height:360px}}@media (width<=720px){.console-dashboard{grid-template-columns:1fr;gap:14px;height:auto;padding:16px}.console-maintenance-panel{flex-wrap:wrap;justify-content:center}.console-panel-logs{min-height:320px}.console-panel-users{min-height:340px}}.console-dashboard{box-shadow:none;background:0 0;border:none;border-radius:0}.console-page-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.console-skeleton-row{animation:.3s ease-out both card-appear;animation-delay:calc(var(--i) * 70ms);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.console-skeleton-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.console-skeleton-info{flex-direction:column;flex:1;gap:6px;display:flex}.console-skeleton-line{border-radius:6px;height:12px}.console-skeleton-line-short{width:40%;height:10px}.console-user-row{animation:.3s ease-out both card-appear;animation-delay:calc(var(--i) * 50ms)}.console-skeleton-card{background:var(--c-card);border:1px solid var(--c-border);height:52px;animation:.3s ease-out both card-appear;animation-delay:calc(var(--i) * 70ms);border-radius:8px;align-items:center;margin-bottom:6px;display:flex;overflow:hidden}.console-skeleton-left{border-radius:0;flex-shrink:0;width:44px;height:100%}.console-skeleton-right{flex-direction:column;flex:1;gap:8px;padding:0 14px;display:flex}.cne-container{cursor:pointer;background-color:#fff;border-radius:8px;flex-shrink:0;width:100%;height:90px;transition:all .3s ease-in-out;display:flex;overflow:hidden}.cne-container:hover{transform:scale(1.02)}.cne-container:hover .cne-left{width:100%}.cne-left{background-color:var(--c-salmon);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:90px;transition:all .3s;display:flex;position:relative;overflow:hidden}.cne-right{white-space:nowrap;justify-content:space-between;align-items:center;width:calc(100% - 100px);padding:0 4px;transition:all .3s;display:flex;overflow:hidden}.cne-right:hover{background-color:#f9f7f9}.cne-label{font-size:16px;font-weight:600;font-family:var(--font-sans);color:var(--c-indigo);margin-left:16px}.cne-arrow{flex-shrink:0;width:16px;height:16px;margin-right:16px}.cne-card{z-index:10;background-color:#c7ffbc;border-radius:5px;flex-direction:column;align-items:center;width:52px;height:34px;display:flex;position:absolute;box-shadow:6px 6px 7px -2px #4dc88fb8}.cne-card-line{background-color:#80ea69;border-radius:2px;width:48px;height:10px;margin-top:5px}.cne-buttons{background-color:#379e1f;border-radius:50%;width:6px;height:6px;margin:8px 0 0 -22px;transform:rotate(90deg);box-shadow:0 -8px #26850e,0 8px #56be3e}.cne-post{z-index:11;background-color:#dddde0;border-radius:5px;width:48px;height:58px;position:absolute;top:90px;overflow:hidden}.cne-post-line{background-color:#545354;border-radius:0 0 3px 3px;width:36px;height:7px;position:absolute;top:6px;right:6px}.cne-post-line:before{content:"";background-color:#757375;width:36px;height:7px;position:absolute;top:-6px}.cne-screen{background-color:#fff;border-radius:3px;justify-content:center;align-items:center;width:36px;height:18px;display:flex;position:absolute;top:17px;right:6px}.cne-dollar{color:#4b953b;line-height:1;font-size:12px!important}.cne-numbers{background-color:#838183;border-radius:2px;width:9px;height:9px;position:absolute;top:40px;left:19px;transform:rotate(90deg);box-shadow:0 -14px #838183,0 14px #838183}.cne-numbers-line2{background-color:#aaa9ab;border-radius:2px;width:9px;height:9px;position:absolute;top:52px;left:19px;transform:rotate(90deg);box-shadow:0 -14px #aaa9ab,0 14px #aaa9ab}.cne-container:hover .cne-card{animation:1.2s cubic-bezier(.645,.045,.355,1) both cne-slide-card}.cne-container:hover .cne-post{animation:1s cubic-bezier(.165,.84,.44,1) both cne-slide-post}@keyframes cne-slide-card{0%{transform:translateY(0)}50%{transform:translateY(-55px)rotate(90deg)}60%{transform:translateY(-55px)rotate(90deg)}to{transform:translateY(-6px)rotate(90deg)}}@keyframes cne-slide-post{50%{transform:translateY(0)}to{transform:translateY(-55px)}}.cne-container:hover .cne-dollar{animation:.3s 1s backwards cne-fade-in}@keyframes cne-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cne-form{text-align:left;flex-direction:column;gap:14px;margin-top:16px;display:flex}.cne-form-loading{justify-content:center;align-items:center;height:80px;display:flex}.cne-field{flex-direction:column;gap:6px;display:flex}.cne-field span{color:var(--c-slate);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:600}.cne-field input,.cne-field select{border:1px solid var(--c-border);color:var(--c-indigo);background:var(--c-item);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.93rem;transition:border-color .2s}.cne-field input:focus,.cne-field select:focus{border-color:#5de2a3}.cne-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.cne-btn-cancel{border:1px solid var(--c-border);color:var(--c-slate);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:.9rem;transition:background .2s}.cne-btn-cancel:hover{background:var(--c-item)}.cne-btn-submit{color:#1a4a30;cursor:pointer;background:#5de2a3;border:none;border-radius:8px;padding:9px 22px;font-size:.9rem;font-weight:700;transition:background .2s,opacity .2s}.cne-btn-submit:hover{background:#45d492}.cne-btn-submit:disabled{opacity:.5;cursor:not-allowed}.router-link-exact-active{position:relative}.router-link-exact-active:after{content:"";background:var(--active-color);border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display: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)}}.up-fab{z-index:2600;background:var(--q-salmon,#ff7e67);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:18px;box-shadow:0 8px 20px #ff7e6780}.up-fab:hover{transform:translateY(-2px)scale(1.05)}.up-fab:active{transform:scale(.96)}.up-fab .material-symbols-rounded{font-size:30px}.up-backdrop{z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f254073;position:fixed;inset:0}.up-sheet{z-index:3200;width:100%;max-height:88vh;padding:52px 16px calc(18px + env(safe-area-inset-bottom,0px));visibility:hidden;background:#fff;border-radius:18px 18px 0 0;transition:transform .3s cubic-bezier(.32,.72,0,1),visibility .3s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 40px #0000004d}.up-sheet.open{visibility:visible;transform:translateY(0)}.up-sheet:before{content:"";background:#00000026;border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.up-chooser{z-index:3100}.up-back{width:34px;height:34px;color:var(--q-indigo,#2e4053);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:10px;left:10px}.up-back:hover{background:var(--q-salmon,#ff7e67);color:#fff}.up-back .material-symbols-rounded{font-size:22px}.up-chooser-title{text-align:center;color:var(--q-indigo,#2e4053);margin:0 0 14px;font-size:1.1rem;font-weight:700}.up-triggers{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.up-trigger{border:1.5px solid var(--q-border,#e2e8f0);color:var(--q-indigo,#2e4053);font:inherit;text-align:center;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:14px 6px;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s,transform .15s;display:flex}.up-trigger:hover{border-color:var(--q-salmon,#ff7e67);color:var(--q-salmon,#ff7e67);transform:translateY(-2px)}.up-trigger .material-symbols-rounded{color:var(--q-salmon,#ff7e67);font-size:26px}.up-submit.btn-submit{width:100%;margin:14px 0 0;position:static;bottom:auto;left:auto;right:auto}.up-chooser .consent-wrapper{margin-bottom:0}
/*$vite$:1*/