.footer-container{background:#000!important;background-color:#000!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(255,255,255,.1);color:#fff;padding:2.5rem 0 2rem;margin-top:2.5rem;min-height:50vh;display:flex;align-items:center}.footer-content{max-width:1400px;margin:0 auto;padding:0 4rem;width:100%;background:#000!important;background-color:#000!important}.footer-main{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;background:#000!important;background-color:#000!important}.footer-brand{max-width:none;grid-column:span 3;text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.footer-logo-icon{font-size:2.5rem;color:#dc2626}.footer-brand-description{font-size:1.1rem;line-height:1.7;color:#fffc;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.footer-social{display:flex;gap:1.5rem;justify-content:center}.footer-social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff1a;border-radius:50%;color:#fffc;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:1.4rem}.footer-social-link:hover{background:#dc2626;color:#fff;transform:translateY(-4px);box-shadow:0 8px 25px #dc262666}.footer-section{display:flex;flex-direction:column;margin-top:1rem}.footer-section-title{font-size:1.3rem;font-weight:600;margin-bottom:2rem;color:#fff;position:relative}.footer-section-title:after{content:"";position:absolute;bottom:-12px;left:0;width:40px;height:3px;background:#dc2626;border-radius:2px}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.footer-link{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;text-decoration:none;font-size:1.1rem;transition:all .2s ease;padding:.5rem 0;position:relative}.footer-link:hover{color:#fff;padding-left:12px}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#dc2626;transition:width .2s ease;opacity:.8}.footer-link:hover:after{width:100%}.footer-contact{display:flex;flex-direction:column;gap:1.5rem}.footer-contact-item{display:flex;align-items:center;gap:1rem;color:#ffffffb3;font-size:1.1rem;transition:all .3s ease}.footer-contact-icon{color:#dc2626;font-size:1.3rem}.footer-contact-item:hover{color:#fff;transform:translate(8px)}.footer-bottom{padding-top:3rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#000!important;background-color:#000!important}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-copyright{font-size:1rem;color:#ffffffb3}.footer-bottom-links{display:flex;gap:3rem}.footer-bottom-link{color:#ffffffb3;text-decoration:none;font-size:1rem;transition:all .2s ease;position:relative}.footer-bottom-link:hover{color:#fff}.footer-bottom-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#dc2626;transition:width .2s ease;opacity:.8}.footer-bottom-link:hover:after{width:100%}.footer-made-with{width:100%;text-align:center;color:#ffffffb3;font-size:1.1rem;margin-top:1.5rem}.footer-heart{color:#dc2626;display:inline-block;margin:0 .35rem;font-size:1.2rem;animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:1200px){.footer-content{padding:0 2rem}.footer-main{gap:3rem}}@media(max-width:768px){.footer-container{padding:4rem 0 2rem}.footer-main{grid-template-columns:1fr 1fr;gap:3rem}.footer-brand{grid-column:1 / -1;margin-bottom:2rem}}@media(max-width:480px){.footer-container{padding:3rem 0 1.5rem}.footer-content{padding:0 1.5rem}.footer-main{grid-template-columns:1fr;gap:3rem}.footer-brand{grid-column:1}.footer-bottom-links{flex-direction:column;gap:1.5rem;align-items:center}.footer-logo{font-size:1.8rem}.footer-logo-icon{font-size:2rem}}footer.footer-container,.footer-container,.footer-container *,.footer-content,.footer-main,.footer-bottom{background:#000!important;background-color:#000!important}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wine-detail-container{min-height:100vh;background:#030303;margin-top:4rem;padding:2rem 1rem;position:relative;overflow-x:hidden}html.wine-detail-active .loading-overlay,html.wine-detail-active .loading-spinner,html.wine-detail-active .spinner-ring,html.wine-detail-active .image-loading-overlay,html.wine-detail-active .image-loading-spinner{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;background:transparent!important}html.wine-detail-active #global-page-loading-spinner{background:#000!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:999999!important}.wine-detail-container:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.02)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.4;z-index:1;pointer-events:none}.wine-detail-back-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#4b5563cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:50px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #0000004d;font-size:.875rem;margin-right:1rem}.wine-detail-back-button:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 8px 25px #4b556366;color:#fff}.wine-detail-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:3rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000004d;position:relative;z-index:2}.wine-detail-title-section{display:flex;align-items:center;gap:1.5rem;flex:1}.wine-detail-wine-icon{color:#dc2626;font-size:3rem;filter:drop-shadow(0 0 20px rgba(220,38,38,.6));animation:pulse 2s infinite}.wine-detail-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.8);line-height:1.2}.wine-detail-number{color:#ef4444;font-weight:600;margin-top:.5rem}.wine-detail-actions{display:flex;gap:1rem;flex-wrap:wrap}button.wine-detail-edit-button,button.wine-detail-bottle-button,button.wine-detail-delete-button{display:inline-flex!important;align-items:center!important;padding:.75rem 1.5rem!important;border-radius:50px!important;font-weight:600!important;text-decoration:none!important;transition:all .3s ease!important;border:none!important;cursor:pointer!important;font-size:.875rem!important;box-shadow:0 4px 16px #0000004d!important;background:linear-gradient(45deg,#ef4444,#dc2626)!important;color:#fff!important}button.wine-detail-edit-button:hover,button.wine-detail-bottle-button:hover,button.wine-detail-delete-button:hover{background:linear-gradient(45deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #ef444466!important;color:#fff!important}.wine-detail-info-card,.wine-detail-images-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.25rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.wine-detail-info-card:hover,.wine-detail-images-card:hover{border-color:#ef444466;box-shadow:0 12px 40px #ef444433}.wine-detail-info-title{display:flex;align-items:center;font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.wine-detail-info-grid{display:flex;flex-direction:column;gap:.75rem;flex:1}.wine-detail-info-grid .grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wine-detail-info-label{display:block;font-size:.7rem;font-weight:600;color:#9ca3af;margin-bottom:.125rem;text-transform:uppercase;letter-spacing:.5px}.wine-detail-info-value{font-size:.875rem;font-weight:600;color:#fff;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.wine-detail-info-amount-left{font-size:1.125rem;font-weight:700;color:#ef4444;margin:0;text-shadow:0 2px 8px rgba(239,68,68,.5)}.wine-detail-note-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(239,68,68,.2)}.wine-detail-image{width:100%;height:200px;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center;object-position:center;cursor:pointer;transition:all .3s ease;filter:none!important;background:transparent!important;display:block}.wine-detail-image:hover{transform:scale(1.05);filter:none!important}.wine-detail-image-overlay{display:none!important}.accordion-item.active{box-shadow:0 6px 20px #ef444426}.accordion-summary-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.accordion-summary-value{font-size:2rem;font-weight:700;color:#ef4444;margin:0;text-shadow:0 2px 8px rgba(239,68,68,.5)}@media(max-width:1024px){.wine-detail-header{flex-direction:column;gap:1.5rem;text-align:center}.wine-detail-title{font-size:2rem}.wine-detail-actions{justify-content:center}.wine-detail-info-grid{gap:.5rem}.wine-detail-info-grid .grid{grid-template-columns:1fr 1fr;gap:.75rem}.wine-detail-info-label{font-size:.65rem}.wine-detail-info-value{font-size:.8rem}.wine-detail-info-amount-left{font-size:1rem}.wine-detail-bottling-grid{grid-template-columns:1fr}}@media(max-width:768px){.wine-detail-container{padding:1rem .5rem}.wine-detail-header{padding:1.5rem;border-radius:16px}.wine-detail-title-section{flex-direction:column;gap:1rem}.wine-detail-back-button{margin-right:0;margin-bottom:1rem}.wine-detail-title{font-size:1.75rem}.wine-detail-wine-icon{font-size:2.5rem}.wine-detail-actions{flex-direction:column;width:100%}button.wine-detail-edit-button,button.wine-detail-bottle-button,button.wine-detail-delete-button{width:100%!important;justify-content:center!important;background:linear-gradient(45deg,#ef4444,#dc2626)!important;color:#fff!important}.wine-detail-info-card,.wine-detail-images-card{padding:1rem}.wine-detail-info-grid{gap:.5rem}.wine-detail-info-grid .grid{grid-template-columns:1fr;gap:.5rem}.wine-detail-info-title{font-size:1rem;margin-bottom:.5rem}.wine-detail-info-label{font-size:.6rem}.wine-detail-info-value{font-size:.75rem}.wine-detail-info-amount-left{font-size:.875rem}.wine-detail-image,.wine-detail-no-image{height:150px}.wine-detail-no-image-icon{font-size:2rem}.accordion-container{padding:.5rem}.accordion-header{padding:1rem}.accordion-title{font-size:1rem}.accordion-content{padding:1rem}.accordion-table-container{margin-bottom:.5rem}.accordion-button{width:100%;justify-content:center}.wine-detail-modal-actions{flex-direction:column}.wine-detail-bottling-footer{flex-direction:column;gap:1rem;align-items:stretch}.wine-detail-bottling-actions{flex-direction:column}}@media(max-width:480px){.wine-detail-title{font-size:1.5rem}.wine-detail-wine-icon{font-size:2rem}.wine-detail-info-card,.wine-detail-images-card{padding:.75rem}.wine-detail-info-grid{gap:.375rem}.wine-detail-info-grid .grid{grid-template-columns:1fr;gap:.375rem}.wine-detail-info-title{font-size:.875rem;margin-bottom:.375rem}.wine-detail-info-label{font-size:.55rem}.wine-detail-info-value{font-size:.7rem}.wine-detail-info-amount-left{font-size:.8rem}.wine-detail-image,.wine-detail-no-image{height:120px}.wine-detail-no-image-icon{font-size:1.75rem}.wine-detail-no-image-text{font-size:.75rem}.wine-detail-no-image-upload{font-size:.75rem;padding:.375rem .75rem}.accordion-container{padding:.25rem}.accordion-header{padding:.75rem}.accordion-title{font-size:.875rem}.accordion-content{padding:.75rem}.accordion-table-cell{padding:.5rem}}.cistern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-top:1rem}.cistern-card-link{text-decoration:none;color:inherit;display:block;transition:all .3s ease}.cistern-card-link:hover{transform:translateY(-2px);text-decoration:none;color:inherit}.cistern-card{background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:1rem;transition:all .3s ease;box-shadow:0 4px 15px #0003;min-height:160px;height:auto;display:flex;flex-direction:column;overflow:visible}.cistern-card:hover{border-color:#dc262699;box-shadow:0 8px 25px #dc26264d}.cistern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(220,38,38,.2)}.cistern-title{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);line-height:1.2}.cistern-icon{width:58px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;font-size:1rem;min-width:48px;min-height:48px}.cistern-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow:visible}.wine-info,.capacity-info{display:flex;justify-content:space-between;align-items:center;background:#0000004d;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.wine-label,.capacity-label{font-size:.8rem;color:#fffc;font-weight:500}.wine-quantity,.capacity-value{font-size:.9rem;font-weight:700;color:#dc2626;text-shadow:0 1px 3px rgba(0,0,0,.8)}.progress-section{margin-top:auto;padding-bottom:.25rem}.progress-label{font-size:.8rem;color:#fffc;font-weight:500;margin-bottom:.4rem}.progress-bar{height:16px;background:#0006;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progress-fill{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .3s ease}.progress-success{background:linear-gradient(45deg,#10b981,#059669)}.progress-warning{background:linear-gradient(45deg,#f59e0b,#d97706)}.progress-danger{background:linear-gradient(45deg,#ef4444,#dc2626)}@media(max-width:1024px){.cistern-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.cistern-card{min-height:150px;height:auto;padding:.9rem}}@media(max-width:768px){.cistern-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.cistern-card{min-height:140px;height:auto;padding:.75rem}.cistern-title{font-size:.9rem}.cistern-icon{width:40px;height:40px;min-width:40px;min-height:40px;font-size:.9rem}}@media(max-width:480px){.cistern-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem}.cistern-card{min-height:130px;height:auto;padding:.6rem}.cistern-title{font-size:.85rem}.cistern-icon{width:36px;height:36px;min-width:36px;min-height:36px;font-size:.8rem}.wine-label,.capacity-label,.progress-label{font-size:.7rem}.wine-quantity,.capacity-value{font-size:.8rem}}@media(max-width:768px){.accordion-item{transition:transform .15s ease,box-shadow .15s ease}.accordion-header{transition:background-color .15s ease}.accordion-icon{transition:transform .15s ease}.accordion-content{transition:opacity .15s ease,padding .15s ease}.accordion-table-cell{transition:background-color .15s ease}}@media(prefers-reduced-motion:reduce){.accordion-item,.accordion-header,.accordion-icon,.accordion-content,.accordion-table-cell{transition:none!important;animation:none!important}}.react-joyride__tooltip{background:linear-gradient(140deg,#020202,#090909 60%,#111);color:#fff;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 50px #0009}.react-joyride__tooltip-title{color:#fff}.react-joyride__tooltip-body{color:#f3f4f6}.react-joyride__tooltip-footer{color:#e5e7eb}.react-joyride__tooltip button{font-weight:600}.react-joyride__tooltip-arrow{border-top-color:#dc2626!important;border-right-color:#dc2626!important;border-bottom-color:#dc2626!important;border-left-color:#dc2626!important}@keyframes joyridePulse{0%{box-shadow:0 0 #dc262600;transform:translateZ(0) scale(1)}50%{box-shadow:0 8px 30px 8px #dc26260f;transform:translateZ(0) scale(1.01)}to{box-shadow:0 0 #dc262600;transform:translateZ(0) scale(1)}}.react-joyride__tooltip{animation:joyridePulse 2.8s ease-in-out infinite;will-change:box-shadow,transform}.react-joyride__spotlight{animation:joyridePulse 2.8s ease-in-out infinite}.react-joyride__tooltip{border:1px solid #dc2626;box-shadow:0 24px 50px #0009,0 0 0 4px #dc262605}.react-joyride__spotlight{outline:2px solid rgba(220,38,38,.12);box-shadow:0 8px 30px 8px #dc26260a;border-radius:8px}@media(prefers-reduced-motion:reduce){.react-joyride__tooltip,.react-joyride__spotlight{animation:none!important;transition:none!important}}.react-joyride__tooltip{position:relative;padding-left:116px!important}.joyride-tooltip-video{position:absolute;top:12px;left:12px;width:90px;height:90px;overflow:hidden;border-radius:8px;background:#000;display:flex;align-items:center;justify-content:center}.joyride-tooltip-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.joyride-tooltip-text{margin-left:0}.wine-add-modal-backdrop{position:fixed;inset:0;width:100vw;height:100vh;z-index:999999;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;animation:backdropFadeIn .3s ease-out}.wine-add-modal-container{border:1px solid rgb(75,85,99);border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:32rem;margin:0 auto;max-height:90vh;overflow:auto;position:relative;z-index:999999;background-color:#232323;animation:modalFadeIn .5s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;will-change:transform,opacity}.wine-add-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid rgb(75,85,99);background-color:#dc2626}.wine-add-modal-header-content{display:flex;align-items:center;gap:.5rem}.wine-add-modal-header-icon{color:#fff;font-size:1.125rem}.wine-add-modal-title{font-size:1.125rem;font-weight:600;color:#fff}.wine-add-modal-close-button{color:#fff;transition:color .15s ease-in-out}.wine-add-modal-close-button:hover{color:#e5e7eb}.wine-add-modal-close-icon{font-size:1.125rem}.wine-add-modal-content{padding:.75rem}.wine-add-form{display:flex;flex-direction:column;gap:.5rem}.wine-add-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.wine-add-form-field{display:flex;flex-direction:column}.wine-add-form-label{display:block;font-size:.75rem;font-weight:500;color:#d1d5db;margin-bottom:.25rem}.wine-add-input{width:100%;padding:.5rem .75rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.75rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box}.wine-add-input:focus{border-color:#ef4444}.wine-add-input select,select.wine-add-input{background-color:#000;color:#fff;border:1px solid rgb(75,85,99);border-radius:.5rem;padding:.5rem;font-size:.875rem;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box}.wine-add-input select:focus,select.wine-add-input:focus{border-color:#ef4444}button.wine-add-input{background-color:#000;color:#fff;border:1px solid rgb(75,85,99);border-radius:.5rem;padding:.5rem;font-size:.875rem;outline:none;transition:border-color .15s ease-in-out;cursor:pointer;box-sizing:border-box}button.wine-add-input:focus{border-color:#ef4444}.wine-add-error{color:#f87171;font-size:.75rem;margin-top:.25rem}.wine-add-error-container{color:#f87171;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.wine-add-error-icon{display:inline-block}.wine-add-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.wine-add-cancel-button{flex:1;padding:.5rem .75rem;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;background-color:#373737;border:none;cursor:pointer}.wine-add-cancel-button:disabled{opacity:.5;cursor:not-allowed}.wine-add-submit-button{flex:1;padding:.5rem .75rem;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;background-color:#dc2626;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.wine-add-submit-button:disabled{opacity:.5;cursor:not-allowed}.wine-add-textarea{width:100%;padding:.5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;resize:vertical;box-sizing:border-box}.wine-add-textarea:focus{border-color:#ef4444}.wine-add-date-container{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}.wine-add-date-input[type=date],input[type=date].wine-add-date-input,.w-full.wine-add-date-input[type=date],input.w-full.wine-add-date-input[type=date]{-webkit-appearance:none!important;-moz-appearance:textfield!important;padding-right:35px!important;color-scheme:dark!important;width:100%!important}.wine-add-date-input[type=date]::-webkit-calendar-picker-indicator,input[type=date].wine-add-date-input::-webkit-calendar-picker-indicator,.w-full.wine-add-date-input[type=date]::-webkit-calendar-picker-indicator,input.w-full.wine-add-date-input[type=date]::-webkit-calendar-picker-indicator,.wine-add-date-input[type=date]::-webkit-inner-spin-button,input[type=date].wine-add-date-input::-webkit-inner-spin-button,.w-full.wine-add-date-input[type=date]::-webkit-inner-spin-button,input.w-full.wine-add-date-input[type=date]::-webkit-inner-spin-button,.wine-add-date-input[type=date]::-webkit-clear-button,input[type=date].wine-add-date-input::-webkit-clear-button,.w-full.wine-add-date-input[type=date]::-webkit-clear-button,input.w-full.wine-add-date-input[type=date]::-webkit-clear-button{display:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important}.wine-add-date-icon,.wine-add-date-container .wine-add-date-icon,button.wine-add-date-icon{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;color:#fff!important;font-size:16px!important;cursor:pointer!important;padding:2px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:3px!important;transition:background-color .2s ease!important;z-index:999!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important}.wine-add-date-icon:hover,.wine-add-date-container .wine-add-date-icon:hover,button.wine-add-date-icon:hover{background-color:#ffffff1a!important}.wine-add-date-icon:active,.wine-add-date-container .wine-add-date-icon:active,button.wine-add-date-icon:active{background-color:#fff3!important}.wine-add-date-container button.wine-add-date-icon{background-color:transparent!important;border:none!important;color:#fff!important;font-size:16px!important;font-weight:400!important}.wine-detail-images-section{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.25rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;z-index:2}.wine-detail-images-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.wine-detail-images-section-icon{color:#dc2626}.wine-detail-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.wine-detail-image-container{display:flex;flex-direction:column}.wine-detail-image-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.75rem}.wine-detail-image-wrapper{position:relative;flex:1}.wine-detail-image-group{position:relative;height:100%;background-color:#262626;border-radius:.5rem;overflow:hidden;border:1px solid rgb(55,65,81);box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:transform .2s ease}.wine-detail-image-group:hover{transform:scale(1.05)}.wine-detail-image{width:100%;height:12rem;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;transition:transform .2s ease;background-color:#1f2937}.wine-detail-image-fallback{width:100%;height:12rem;display:flex;align-items:center;justify-content:center;background-color:#1f2937;border-radius:.5rem}.wine-detail-image-fallback-content{text-align:center;color:#9ca3af}.wine-detail-image-fallback-icon{font-size:3rem;margin-bottom:.5rem}.wine-detail-image-overlay{position:absolute;inset:0;background-color:#00000080;opacity:0;transition:opacity .2s ease;border-radius:.5rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.wine-detail-image-group:hover .wine-detail-image-overlay{opacity:1}.wine-detail-image-overlay-icon{color:#fff;font-size:1.875rem}.wine-detail-image-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem}.wine-detail-image-upload-btn{cursor:pointer;padding:.5rem;border-radius:9999px;transition:all .2s ease;background-color:#3b82f6cc;color:#fff}.wine-detail-image-upload-btn:hover{background-color:#3b82f6}.wine-detail-image-delete-btn{padding:.5rem;border-radius:9999px;transition:all .2s ease;background-color:#ef4444cc;color:#fff;border:none;cursor:pointer}.wine-detail-image-delete-btn:hover{background-color:#ef4444}.wine-detail-image-input{display:none}.wine-detail-image-placeholder{width:100%;height:12rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background-color:#4b55634d;border:2px dashed rgba(156,163,175,.5)}.wine-detail-image-placeholder-icon{font-size:3rem;margin-bottom:1rem;color:#9ca3af}.wine-detail-image-placeholder-text{margin-bottom:1rem;color:#9ca3af}.wine-detail-image-placeholder-upload{cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.wine-detail-image-placeholder-upload:hover{background:linear-gradient(45deg,#dc2626,#b91c1c)}.wine-detail-delete-modal-backdrop{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:1rem;background-color:#00000080;width:100vw!important;height:100vh!important;margin:0!important;box-sizing:border-box!important}.wine-detail-delete-modal{max-width:28rem;width:100%;border-radius:1rem;padding:1.5rem;background-color:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3)}.wine-detail-delete-modal-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.wine-detail-delete-modal-text{margin-bottom:1.5rem;color:#9ca3af}.wine-detail-delete-modal-actions{display:flex;gap:.75rem}.wine-detail-delete-modal-cancel-btn{flex:1;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;font-weight:500;background-color:#4b5563cc;color:#fff;border:none;cursor:pointer}.wine-detail-delete-modal-cancel-btn:hover{background-color:#4b5563}.wine-detail-delete-modal-confirm-btn{flex:1;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;font-weight:500;background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;border:none;cursor:pointer}.wine-detail-delete-modal-confirm-btn:hover{background:linear-gradient(45deg,#dc2626,#b91c1c)}@media(max-width:768px){.wine-detail-images-grid{grid-template-columns:1fr}.wine-detail-image,.wine-detail-image-placeholder{height:10rem}.wine-detail-delete-modal{margin:1rem}}.bottled-wine-add-modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background-color:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;margin:0!important;transform:none!important;overflow:hidden!important;animation:backdropFadeIn .3s ease-out}.bottled-wine-add-modal-container{border:1px solid rgb(75,85,99)!important;border-radius:.5rem!important;box-shadow:0 25px 50px -12px #00000040!important;width:100%!important;max-width:42rem!important;margin:0 auto!important;max-height:90vh!important;overflow:auto!important;position:relative!important;z-index:999999!important;background-color:#232323!important;animation:modalFadeIn .5s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;will-change:transform,opacity}.bottled-wine-add-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid rgb(75,85,99);background-color:#dc2626}.bottled-wine-add-modal-header-content{display:flex;align-items:center;gap:.5rem}.bottled-wine-add-modal-header-right{display:flex;align-items:center;gap:1rem}.bottled-wine-add-total-display{display:flex;align-items:center;gap:.5rem;background-color:#0003;padding:.5rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.2)}.bottled-wine-add-total-label{color:#fff;font-size:.875rem;font-weight:500}.bottled-wine-add-total-value{color:#fff;font-size:1rem;font-weight:600;background-color:#0000004d;padding:.25rem .5rem;border-radius:.25rem;min-width:3rem;text-align:center}.bottled-wine-add-quantity-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;border:1px solid rgba(254,254,254,.235);margin-right:.75rem}.bottled-wine-add-quantity-label{color:#fff;font-size:.875rem;font-weight:500}.bottled-wine-add-quantity-value{color:#fff;font-size:1rem;font-weight:600;background-color:#22c55e1a;padding:.25rem .5rem;border-radius:.25rem;min-width:2rem;text-align:center}.bottled-wine-add-display-field{background-color:#262626;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;padding:.75rem;color:#fff;font-size:.875rem;font-weight:500;min-height:2.5rem;display:flex;align-items:center;opacity:.8}.bottled-wine-add-info-section{background-color:#0003;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem;margin-bottom:0}.bottled-wine-add-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.bottled-wine-add-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.bottled-wine-add-info-item:last-child{border-bottom:none}.bottled-wine-add-info-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.bottled-wine-add-info-value{color:#fff;font-size:.875rem;font-weight:600;background-color:#ffffff1a;padding:.25rem .5rem;border-radius:.25rem;min-width:3rem;text-align:center}.bottled-wine-add-modal-header-icon{color:#fff;font-size:1.125rem}.bottled-wine-add-modal-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.bottled-wine-add-modal-close-button{color:#fff;transition:color .15s ease-in-out;background:none;border:none;cursor:pointer;padding:.25rem}.bottled-wine-add-modal-close-button:hover{color:#e5e7eb}.bottled-wine-add-modal-close-icon{font-size:1.125rem}.bottled-wine-add-modal-content{padding:.75rem}.bottled-wine-add-form{display:flex;flex-direction:column;gap:.5rem}.bottled-wine-add-form-grid-3{display:grid;grid-template-columns:1fr 2fr 1fr;gap:.5rem}.bottled-wine-add-form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.bottled-wine-add-form-grid-1{display:grid;grid-template-columns:1fr;gap:.5rem}.bottled-wine-add-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.bottled-wine-add-form-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}@media(max-width:1200px){.bottled-wine-add-form-grid-5{grid-template-columns:repeat(3,1fr);gap:.4rem}}@media(max-width:768px){.bottled-wine-add-form-grid-5{grid-template-columns:repeat(2,1fr);gap:.3rem}}@media(max-width:480px){.bottled-wine-add-form-grid-5{grid-template-columns:1fr;gap:.3rem}}.bottled-wine-add-form-grid-4-wine-properties{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.bottled-wine-add-form-grid-5-wine-properties{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.bottled-wine-add-form-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.bottled-wine-add-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.bottled-wine-sell-product-info{background:#4b55634d;border:1px solid rgba(156,163,175,.3);border-radius:.5rem;padding:.75rem;color:#fff}.bottled-wine-sell-product-info strong{display:block;font-size:1.1rem;margin-bottom:.25rem;color:#dc2626}.bottled-wine-sell-available{display:block;font-size:.9rem;color:#9ca3af}.bottled-wine-add-form-field{display:flex;flex-direction:column;gap:.25rem}.bottled-wine-add-form-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin:0}.bottled-wine-add-input{width:100%;padding:.5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box}.bottled-wine-add-input:focus{border-color:#ef4444}.bottled-wine-add-input-readonly{width:100%;padding:.5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;box-sizing:border-box}.bottled-wine-add-date-container{position:relative;display:flex;align-items:center;width:100%}.bottled-wine-add-date-input{padding-right:2.5rem}.bottled-wine-add-date-icon{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;font-size:1.125rem;color:#9ca3af;transition:color .15s ease-in-out;display:flex;align-items:center;justify-content:center;z-index:1}.bottled-wine-add-date-icon:hover{color:#ef4444}.bottled-wine-add-select{width:100%;padding:.5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box}.bottled-wine-add-select:focus{border-color:#ef4444}.bottled-wine-add-select:disabled{background-color:#141414!important;color:#6b7280!important;cursor:not-allowed;opacity:.6;border-color:#374151!important}.bottled-wine-add-form-field:has(.bottled-wine-add-select:disabled) .bottled-wine-add-form-label{color:#6b7280;opacity:.7}.bottled-wine-add-select option,select.bottled-wine-add-select,select.bottled-wine-add-select option,.bottled-wine-add-modal-backdrop select,.bottled-wine-add-modal-backdrop select option,option{background-color:#000!important;color:#fff!important;background:#000!important}.bottled-wine-add-country-dropdown{position:relative}.bottled-wine-add-country-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;cursor:pointer;box-sizing:border-box}.bottled-wine-add-country-button:focus{border-color:#ef4444}.bottled-wine-add-country-button-content{display:flex;align-items:center;gap:.5rem}.bottled-wine-add-country-flag{display:inline-block;width:1.25rem;height:1rem;border-radius:.125rem;margin-right:.5rem;border:1px solid rgb(107,114,128);background-color:#000;-o-object-fit:cover;object-fit:cover}.bottled-wine-add-country-arrow{width:1rem;height:1rem;margin-left:.5rem;color:#9ca3af}.bottled-wine-add-country-list{position:absolute;z-index:999999;margin-top:.25rem;width:100%;max-height:15rem;overflow:auto;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background-color:#000;border:1px solid rgb(75,85,99)}.bottled-wine-add-country-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;cursor:pointer;color:#fff;font-size:.875rem;transition:background-color .15s ease-in-out}.bottled-wine-add-country-item:hover{background-color:#b91c1c4d}.bottled-wine-add-country-item-selected{background-color:#b91c1c99}.bottled-wine-add-country-item-flag{display:inline-block;width:1.25rem;height:1rem;border-radius:.125rem;border:1px solid rgb(107,114,128);background-color:#000;-o-object-fit:cover;object-fit:cover}.bottled-wine-add-textarea{width:100%;padding:.5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;resize:vertical;box-sizing:border-box}.bottled-wine-add-textarea:focus{border-color:#ef4444}.bottled-wine-add-error{color:#f87171;font-size:.75rem;margin-top:.25rem;margin:0}.bottled-wine-add-error-container{color:#f87171;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.bottled-wine-add-error-icon{display:inline-block}.bottled-wine-add-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.bottled-wine-add-cancel-button{flex:1;padding:.5rem .75rem;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;background-color:#373737;border:none;cursor:pointer}.bottled-wine-add-cancel-button:disabled{opacity:.5;cursor:not-allowed}.bottled-wine-add-submit-button{flex:1;padding:.5rem .75rem;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;background-color:#dc2626;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.bottled-wine-add-submit-button:disabled{opacity:.5;cursor:not-allowed}.bottled-wine-add-submit-icon{width:1rem;height:1rem}.bottled-wine-add-hidden{display:none}body .bottled-wine-add-modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background-color:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;margin:0!important;transform:none!important;overflow:hidden!important;pointer-events:auto!important}body .bottled-wine-add-modal-container{position:relative!important;z-index:999999!important;transform:none!important;will-change:auto!important;pointer-events:auto!important}.bottled-wine-add-modal-backdrop *{box-sizing:border-box}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important}.accordion-container{width:100%;padding:1rem;background-color:#030303!important;transition:all .3s}.accordion-item{border:1px solid black;border-radius:.5rem;margin-bottom:1rem;background-color:#000;box-shadow:0 1px 3px #ca8a041a;transition:all .3s;overflow:hidden}.accordion-item.active{box-shadow:0 4px 6px -1px #ca8a0426}.accordion-header{background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:.5rem;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:10}.accordion-header:hover{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#dc262680;color:#d1d5db}.accordion-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff;transition:color .3s}.accordion-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;transition:all .3s;color:#b91c1c;font-size:1.125rem}.accordion-icon.active{color:#2a2a2a}.accordion-icon:hover{color:#d1d5db}.accordion-content{background:#030303!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;transition:all .3s;overflow:visible;max-height:none;opacity:1;padding:1.5rem}.accordion-item:hover{transition:all .3s}.accordion-item:hover.active{box-shadow:0 4px 6px -1px #ca8a0426}.accordion-content-title{color:#000;font-weight:600;margin-bottom:.5rem}.accordion-content-text{color:#fff}.accordion-content-label{color:#fff;font-weight:600}.progress-bar-container{background-color:#f3f4f6;border-radius:.25rem;overflow:hidden;height:1.5rem;border:1px solid rgb(209,213,219)}.progress-bar-fill{background-color:#16a34a;transition:all .5s;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500}.accordion-table{width:100%;background-color:#f9fafb;border-radius:.5rem;overflow:hidden;margin-bottom:1rem;border-collapse:collapse}.accordion-table-header{background-color:#f9fafb;color:#fff;font-weight:600;padding:.75rem;border-bottom:2px solid rgb(229,231,235);text-align:center;position:sticky;top:0;z-index:10}.accordion-table-cell{padding:.75rem;border-bottom:1px solid rgb(229,231,235);color:#374151;background-color:#161616!important;text-align:center;transition:background-color .2s}.accordion-table-cell:hover{background-color:#374151!important}.accordion-table-row:last-child .accordion-table-cell{border-bottom:none}.accordion-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;transition:all .3s;cursor:pointer;border:1px solid transparent}.accordion-button-primary{background-color:#f9fafb;border-color:#ca8a04;color:#ca8a04}.accordion-button-primary:hover{background-color:#e5e7eb;color:#000}.accordion-button-secondary{background-color:#f3f4f6;border-color:#ca8a04;color:#ca8a04}.accordion-button-secondary:hover{background-color:#e5e7eb;color:#000}.accordion-table-row{border-bottom:1px solid rgb(229,231,235);transition:background-color .2s}.accordion-table-row:hover{background-color:#f9fafb}.accordion-table-row:nth-child(2n) .accordion-table-cell{background-color:#f9fafb}.accordion-table-row:nth-child(odd) .accordion-table-cell{background-color:#fff}.accordion-table-title{font-size:1.125rem}@media(max-width:768px){.accordion-container{padding:.5rem}.accordion-header{padding:1rem}.accordion-title{font-size:1rem}.accordion-content{padding:1rem}.accordion-table-container{margin-bottom:.5rem}.accordion-button{width:100%;justify-content:center}}@media(max-width:480px){.accordion-container{padding:.25rem}.accordion-header{padding:.75rem}.accordion-title{font-size:.875rem}.accordion-content{padding:.75rem}.accordion-table-cell{padding:.5rem}}.bottled-detail-container{min-height:100vh;background-color:#000;margin-top:4rem;padding:2rem 1rem;position:relative;overflow-x:hidden}.bottled-detail-error{min-height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center}.bottled-detail-error-content{background-color:#b91c1c80;border:1px solid rgba(239,68,68,.5);border-radius:.5rem;padding:1rem;color:#fca5a5}.bottled-detail-not-found{min-height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center}.bottled-detail-not-found-text{color:#fff;font-size:1.25rem}.bottled-detail-info-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.25rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;z-index:2;height:-moz-fit-content;height:fit-content}.bottled-detail-card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.bottled-detail-card-title-icon{color:#dc2626}.bottled-detail-field-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:#9ca3af}.bottled-detail-field-value{font-size:1.25rem;font-weight:700;color:#fff}.bottled-detail-field-value-text{color:#fff}.bottled-detail-form-input{width:100%;padding:.5rem .75rem;border-radius:.5rem;color:#fff;background:#4b556380;border:1px solid rgba(156,163,175,.3);outline:none}.bottled-detail-form-input:focus{border-color:#dc2626}.bottled-detail-form-input::-moz-placeholder{color:#9ca3af}.bottled-detail-form-input::placeholder{color:#9ca3af}.bottled-detail-form-select{width:100%;padding:.5rem .75rem;border-radius:.5rem;color:#fff;background:#4b556380;border:1px solid rgba(156,163,175,.3);outline:none}.bottled-detail-form-select:focus{border-color:#dc2626}.bottled-detail-country-group{display:flex;align-items:center;gap:.5rem}.bottled-detail-country-flag{padding:.5rem .75rem;border-radius:.5rem 0 0 .5rem;background:#4b556380;border:1px solid rgba(156,163,175,.3)}.bottled-detail-country-select{flex:1;padding:.5rem .75rem;border-radius:0 .5rem .5rem 0;color:#fff;background:#4b556380;border:1px solid rgba(156,163,175,.3);border-left:none;outline:none}.bottled-detail-country-select:focus{border-color:#dc2626}button.wine-detail-edit-button,button.wine-detail-sell-button,button.wine-detail-bottle-button,button.wine-detail-delete-button{padding:.5rem 1rem!important;border-radius:.5rem!important;font-weight:500!important;transition:all .2s ease!important;border:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important}.wine-detail-edit-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.wine-detail-edit-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}button.wine-detail-sell-button{background:linear-gradient(45deg,#ef4444,#dc2626)!important;color:#fff!important}button.wine-detail-sell-button:hover:not(:disabled){background:linear-gradient(45deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #ef444466!important;color:#fff!important}button.wine-detail-sell-button:disabled{background:#6b7280!important;cursor:not-allowed!important;opacity:.5!important}.wine-detail-bottle-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.wine-detail-bottle-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.wine-detail-delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.wine-detail-delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.bottled-detail-form-button{padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;font-weight:500}.bottled-detail-form-button-secondary{background:#4b5563cc;color:#fff}.bottled-detail-form-button-secondary:hover{background:#4b5563}.bottled-detail-form-button-primary{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;gap:.5rem}.bottled-detail-form-button-primary:hover{background:linear-gradient(45deg,#dc2626,#b91c1c)}.bottled-detail-success-message{border-radius:.5rem;padding:1rem;background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e}.bottled-detail-notes{color:#fff;border-radius:.5rem;padding:.75rem;background:#4b55634d}.bottled-detail-cistern-link{transition:color .2s ease;color:#ef4444}.bottled-detail-cistern-link:hover{color:#dc2626}.bottled-detail-images-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.25rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;z-index:2}.bottled-detail-image-container,.bottled-detail-image-group{position:relative}.bottled-detail-image{width:100%;height:20rem;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;cursor:pointer;transition:transform .2s ease}.bottled-detail-image-group:hover .bottled-detail-image{transform:scale(1.05)}.bottled-detail-image-overlay{position:absolute;inset:0;background-color:#00000080;opacity:0;transition:opacity .2s ease;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.bottled-detail-image-group:hover .bottled-detail-image-overlay{opacity:1}.bottled-detail-image-overlay-icon{color:#fff;font-size:1.875rem}.bottled-detail-image-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem}.bottled-detail-image-action-button{cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;color:#fff}.bottled-detail-image-action-button-upload{background:#3b82f6cc}.bottled-detail-image-action-button-upload:hover{background:#3b82f6}.bottled-detail-image-action-button-delete{background:#ef4444cc}.bottled-detail-image-action-button-delete:hover{background:#ef4444}.bottled-detail-empty-image{width:100%;height:20rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#4b55634d;border:2px dashed rgba(156,163,175,.5)}.bottled-detail-empty-image-icon{font-size:2.25rem;margin-bottom:1rem;color:#9ca3af}.bottled-detail-empty-image-text{margin-bottom:1rem;color:#9ca3af}.bottled-detail-empty-image-button{cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.bottled-detail-empty-image-button:hover{background:linear-gradient(45deg,#dc2626,#b91c1c)}.bottled-detail-full-image-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;background:#000000e6}.bottled-detail-full-image-content{position:relative;max-width:56rem;max-height:100%}.bottled-detail-full-image-close{position:absolute;top:1rem;right:1rem;padding:.5rem;border-radius:50%;transition:all .2s ease;background:#fff3;color:#fff}.bottled-detail-full-image-close:hover{background:#ffffff4d}.bottled-detail-full-image-img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.bottled-detail-delete-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;background:#00000080}.bottled-detail-delete-modal-content{max-width:28rem;width:100%;border-radius:1rem;padding:1.5rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3)}.bottled-detail-delete-modal-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.bottled-detail-delete-modal-text{margin-bottom:1.5rem;color:#9ca3af}.bottled-detail-delete-modal-buttons{display:flex;gap:.75rem}.bottled-detail-delete-modal-button{flex:1;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;font-weight:500}.bottled-detail-delete-modal-button-cancel{background:#4b5563cc;color:#fff}.bottled-detail-delete-modal-button-cancel:hover{background:#4b5563}.bottled-detail-delete-modal-button-confirm{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.bottled-detail-delete-modal-button-confirm:hover{background:linear-gradient(45deg,#dc2626,#b91c1c)}.bottled-detail-sales-section{width:100%;margin:2rem 0}.bottled-detail-sales-divider{border-top:2px solid rgb(185,28,28);margin-bottom:2rem;opacity:.4}.bottled-detail-hidden-input{display:none}.bottled-detail-flag-icon{width:1.2em;height:1.2em}.collection-cards-container{width:100%;margin-bottom:1.5rem;padding-left:1rem}.no-collections{background-color:#191919;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;padding:1.5rem;text-align:center}.no-collections-icon{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.no-collections h3{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.no-collections p{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.add-first-collection{background-color:#991b1b;display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform:scale(1);box-shadow:0 4px 6px #0000001a}.add-first-collection:hover{background-color:#7f1d1d;transform:scale(1.05);box-shadow:0 6px 12px #0003}.wine-detail-info-grid .collection-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:1024px){.wine-detail-info-grid .collection-cards-grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media(max-width:768px){.wine-detail-info-grid .collection-cards-grid{grid-template-columns:1fr;gap:.5rem}}@media(max-width:480px){.wine-detail-info-grid .collection-cards-grid{grid-template-columns:1fr;gap:.375rem}}.collection-cards-grid{display:grid;gap:.75rem;background:#020202;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media(min-width:1536px){.collection-cards-grid{grid-template-columns:repeat(8,1fr)}}@media(min-width:1280px)and (max-width:1535px){.collection-cards-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1024px)and (max-width:1279px){.collection-cards-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px)and (max-width:1023px){.collection-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px)and (max-width:767px){.collection-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:480px)and (max-width:639px){.collection-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:479px){.collection-cards-grid{grid-template-columns:repeat(1,1fr)}}.collection-card{position:relative;cursor:pointer;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.collection-card:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.collection-card{min-height:120px;max-height:140px;background-color:#1f293733}.collection-card:nth-child(2n){background-color:#1f29371a}.collection-card:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:#3741514d}.collection-card.active{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:2px;--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.collection-card.collapsed{opacity:.6;transform:scale(.95);filter:grayscale(50%);max-height:80px;overflow:hidden;transition:all .3s ease}.collection-card-content{background:linear-gradient(145deg,#ffffff1a,#ffffff0d)}.collection-card.collapsed .collection-card-content{opacity:.7}.collection-card.collapsed .collection-card-main-stats,.collection-card.collapsed .collection-card-secondary-stats{display:none}.collection-card-background{position:absolute;inset:0;opacity:.2;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background-size:auto!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;will-change:opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.collection-card:hover .collection-card-background{opacity:.3}@media(max-width:640px){.collection-card-background{background-size:auto!important;background-position:center center!important}}@media(min-width:641px)and (max-width:1024px){.collection-card-background{background-size:auto!important;background-position:center center!important}}@media(min-width:1025px){.collection-card-background{background-size:auto!important;background-position:center center!important}}.collection-card-content{position:relative;z-index:10;display:flex;height:100%;flex-direction:column;justify-content:space-between;padding:.75rem}.collection-card-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.collection-icon{flex-shrink:0;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.collection-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.collection-card-main-stats{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.collection-card-secondary-stats{display:flex;align-items:center;justify-content:space-between}.collection-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .2;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.collection-card:hover .collection-card-overlay{opacity:1}.collection-card-overlay span{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.add-collection-card{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;min-height:120px;max-height:140px;background-color:#1f293733}.add-collection-card:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:#3741514d}.add-collection-content{padding:1rem;text-align:center}.add-collection-icon{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.add-collection-content h3{margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.add-collection-content p{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.collection-card .collapse-indicator{cursor:pointer;border-radius:.25rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.collection-card .collapse-indicator:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .1}@media(max-width:1535px){.collection-card,.add-collection-card{min-height:110px;max-height:130px}}@media(max-width:1279px){.collection-card,.add-collection-card{min-height:100px;max-height:120px}.collection-card-content{padding:.625rem}.add-collection-content{padding:.75rem}}@media(max-width:1023px){.collection-cards-container{padding-left:.75rem}.collection-card,.add-collection-card{min-height:90px;max-height:110px}.collection-card-content{padding:.5rem}.add-collection-content{padding:.625rem}.collection-name{font-size:.75rem;line-height:1rem}.stat-item.primary .stat-value,.stat-item.primary .stat-icon{font-size:.875rem;line-height:1.25rem}}@media(max-width:767px){.collection-cards-container{padding-left:.5rem}.collection-card,.add-collection-card{min-height:80px;max-height:100px}.collection-card-content{padding:.375rem}.add-collection-content{padding:.5rem}.collection-name,.stat-item.primary .stat-value,.stat-item.primary .stat-icon,.stat-item.primary .stat-label{font-size:.75rem;line-height:1rem}.add-collection-icon{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem}.add-collection-content h3{margin-bottom:.125rem;font-size:.75rem;line-height:1rem}.add-collection-content p{font-size:.75rem;line-height:1rem}}@media(max-width:639px){.collection-cards-container{padding-left:.5rem}.collection-card,.add-collection-card{min-height:70px;max-height:90px}.collection-card-content{padding:.25rem}.add-collection-content{padding:.375rem}.collection-card-header,.collection-card-main-stats{margin-bottom:.25rem}.collection-name,.stat-item.primary .stat-value,.stat-item.primary .stat-icon,.stat-item.primary .stat-label{font-size:.75rem;line-height:1rem}.add-collection-icon{margin-bottom:.25rem;font-size:1rem;line-height:1.5rem}.add-collection-content h3{margin-bottom:.125rem;font-size:.75rem;line-height:1rem}.add-collection-content p{font-size:.75rem;line-height:1rem}}@media(max-width:479px){.collection-cards-container{padding-left:.25rem}.collection-card,.add-collection-card{min-height:60px;max-height:80px}.collection-card-content,.add-collection-content{padding:.25rem}.collection-card-header,.collection-card-main-stats{margin-bottom:.125rem}.collection-name,.stat-item.primary .stat-value,.stat-item.primary .stat-icon,.stat-item.primary .stat-label{font-size:.75rem;line-height:1rem}.add-collection-icon{margin-bottom:.125rem;font-size:.875rem;line-height:1.25rem}.add-collection-content h3{margin-bottom:.125rem;font-size:.75rem;line-height:1rem}.add-collection-content p,.collection-number{font-size:.75rem;line-height:1rem}.active-indicator{height:.375rem;width:.375rem}}.collection-bg-full-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.2!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:1!important;background-size:auto!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;will-change:opacity!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.collection-card:hover .collection-bg-full-image{opacity:.3!important}@media(max-width:640px){.collection-bg-full-image{background-size:auto!important;background-position:center center!important}}@media(min-width:641px)and (max-width:1024px){.collection-bg-full-image{background-size:auto!important;background-position:center center!important}}@media(min-width:1025px){.collection-bg-full-image{background-size:auto!important;background-position:center center!important}}.collection-bg-contain-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.2!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:1!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;will-change:opacity!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.collection-card:hover .collection-bg-contain-image{opacity:.3!important}.collection-bg-fit-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.2!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:1!important;background-size:100% auto!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;will-change:opacity!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.collection-card:hover .collection-bg-fit-image{opacity:.3!important}.collection-card-content{position:relative!important;z-index:10!important;pointer-events:auto!important}.collection-card-header,.collection-card-main-stats,.collection-card-secondary-stats,.collection-name,.collection-number,.collection-icon{position:relative!important;z-index:11!important;pointer-events:auto!important}.collection-name,.collection-number{text-shadow:1px 1px 2px rgba(0,0,0,.8)!important;background:#0000004d!important;padding:2px 4px!important;border-radius:3px!important}.collection-card-main-stats,.collection-card-secondary-stats{background:#0006!important;padding:2px 4px!important;border-radius:3px!important;margin:1px 0!important}.security-status-display{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.security-status-display .security-score{font-size:1.5rem;line-height:2rem;font-weight:700}.security-status-display .security-level{font-size:.875rem;line-height:1.25rem;font-weight:500;text-transform:capitalize}.security-status-display .threat-item{display:flex;align-items:flex-start;gap:.5rem;padding-top:.25rem;padding-bottom:.25rem}.security-status-display .threat-icon{margin-top:.125rem;flex-shrink:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.security-status-display .threat-text{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.security-status-display .compression-info{display:flex;align-items:center;gap:.5rem;padding-top:.25rem;padding-bottom:.25rem}.security-status-display .compression-icon{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.security-status-display .compression-text{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.security-status-display .security-badge{margin-top:.75rem;border-radius:.5rem;padding:.5rem .75rem;text-align:center;transition:all .2s ease}.security-status-display .security-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.security-status-display .security-level-excellent{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.security-status-display .security-level-good{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.security-status-display .security-level-fair{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.security-status-display .security-level-poor{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.security-status-display .progress-bar{margin-bottom:.75rem;height:.5rem;width:100%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));overflow:hidden}.security-status-display .progress-fill{height:.5rem;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.security-status-display .progress-excellent{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.security-status-display .progress-good{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.security-status-display .progress-fair{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.security-status-display .progress-poor{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}@media(max-width:640px){.security-status-display{padding:.75rem}.security-status-display .security-score{font-size:1.25rem;line-height:1.75rem}.security-status-display .security-badge{padding:.25rem .5rem}}@media(prefers-color-scheme:dark){.security-status-display{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.security-status-display .threat-text{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.security-status-display .compression-text{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}}.security-status-display.fade-in{animation:fadeIn .3s ease-in-out}.security-status-display.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.security-status-display .security-icon{transition:transform .2s ease}.security-status-display .security-icon:hover{transform:scale(1.1)}.security-status-display .threat-detected{animation:threatPulse 2s ease-in-out infinite}@keyframes threatPulse{0%,to{opacity:1}50%{opacity:.7}}.security-status-display .security-badge.secure{box-shadow:0 0 20px #22c55e4d}.security-status-display .security-badge.secure:hover{box-shadow:0 0 30px #22c55e80}.bottle-modern-item{position:relative;background:transparent;border-radius:8px;overflow:hidden;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;height:100%;min-width:60px;min-height:60px;max-width:300px;max-height:300px;aspect-ratio:1 / 1}.bottle-modern-item:hover{border-color:#dc26264d;transform:translateY(-2px)}.bottle-modern-item.dragging{cursor:grabbing;transform:scale(1.05);z-index:1000}.bottle-modern-item.resizing{cursor:nwse-resize;transition:none}.bottle-modern-item.collapsed{min-width:60px;min-height:60px;max-width:128px;max-height:128px}.bottle-modern-item.new{animation:bottleAppear .5s ease-out;border-color:#22c55e80}.bottle-modern-item.newly-created,.bottle-modern-item.newly-created.new,.bottle-modern-item[data-debug-newly-created=true]{animation:bottleHeartbeatGlow 2s ease-in-out infinite!important;border:8px solid #00ff00!important;background:linear-gradient(135deg,#0f0c,#0f06)!important;box-shadow:0 0 50px #0f0,0 0 100px #0f0,0 0 150px #0f0,0 0 200px #0f0,0 0 250px #0f0,0 0 300px #0f0,0 0 350px #0f0,0 0 400px #0f0,0 0 450px #0f0,0 0 500px #0f0!important;transform:scale(1.3)!important;z-index:999999!important;position:relative!important;opacity:1!important;visibility:visible!important}.bottle-modern-item.newly-created.new{animation:bottleHeartbeatGlow 2s ease-in-out infinite!important}.bottle-modern-item.error{border-color:#ef444480;background:#ef44441a}.bottle-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px}.bottle-image-container.rotation-0,.bottle-image-container.rotation-90{transform:none!important;width:100%!important;height:100%!important}.bottle-image{position:absolute;top:50%;left:50%;display:block;margin:0;width:auto;height:auto;max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;background:transparent;transform:translate(-50%,-50%);transition:transform .48s cubic-bezier(.22,1,.36,1),filter .48s ease,opacity .32s ease;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bottle-image{border:none!important;outline:none!important}.bottle-image-container{perspective:900px;transition:box-shadow .48s cubic-bezier(.22,1,.36,1)}.bottle-image-container.rotation-0 .bottle-image{transform:translate(-50%,-50%) rotate(0)}.bottle-image-container.rotation-90 .bottle-image{transform:translate(-50%,-50%) rotate(90deg)}.bottle-image-container.rotation-180 .bottle-image{transform:translate(-50%,-50%) rotate(180deg)}.bottle-image-container.rotation-270 .bottle-image{transform:translate(-50%,-50%) rotate(270deg)}.bottle-no-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:6px;transition:transform .48s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bottle-no-image-icon{font-size:2rem;color:#dc2626}.bottle-controls-overlay{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .24s cubic-bezier(.2,0,0,1),visibility .12s linear;pointer-events:none;z-index:1100}.bottle-modern-item .bottle-controls-overlay{opacity:0;visibility:hidden;pointer-events:none}.bottle-modern-item:hover .bottle-controls-overlay,.bottle-modern-item.controls-visible .bottle-controls-overlay,.bottle-controls-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.bottle-modern-item .bottle-controls-top{position:absolute;top:clamp(4px,1%,8px);right:clamp(4px,1%,8px);left:auto!important;transform:none!important;display:flex;gap:6px;flex-direction:row;align-items:center;pointer-events:auto;z-index:1120}.bottle-modern-item .bottle-control-btn{width:clamp(20px,12%,28px)!important;height:clamp(20px,12%,28px)!important;min-width:20px!important;min-height:20px!important;border:none!important;border-radius:6px!important;background:#dc2626!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:1!important;padding:0!important;transition:transform .12s ease,background .12s ease,box-shadow .12s ease!important;pointer-events:auto!important;border:1px solid rgba(255,255,255,.12)!important}.bottle-modern-item .bottle-control-btn svg,.bottle-modern-item .bottle-control-btn i{color:#fff!important;width:60%!important;height:60%!important}.bottle-modern-item .bottle-control-btn.upload,.bottle-modern-item .bottle-control-btn.preview,.bottle-modern-item .bottle-control-btn.scan,.bottle-modern-item .bottle-control-btn.view-scanned,.bottle-modern-item .bottle-control-btn.delete{background:#dc2626!important;color:#fff!important}.bottle-modern-item .bottle-control-btn.upload:hover,.bottle-modern-item .bottle-control-btn.preview:hover,.bottle-modern-item .bottle-control-btn.scan:hover,.bottle-modern-item .bottle-control-btn.view-scanned:hover,.bottle-modern-item .bottle-control-btn.delete:hover{background:#b91c1c!important}.bottle-controls-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.bottle-controls-top{position:absolute;top:clamp(4px,1%,8px);right:clamp(4px,1%,8px);transform:none;display:flex;gap:6px;flex-direction:row;align-items:center;pointer-events:auto;z-index:1120}.bottle-control-btn{width:clamp(20px,12%,28px);height:clamp(20px,12%,28px);min-width:20px;min-height:20px;border:none;border-radius:6px;background:#dc2626;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;line-height:1;padding:0;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;pointer-events:auto;border:1px solid rgba(255,255,255,.12)}.bottle-control-btn:hover{transform:translateY(-2px) scale(1.03)}.bottle-control-btn svg,.bottle-control-btn i{color:#fff;width:60%;height:60%}.bottle-control-btn.disabled{opacity:.5;cursor:not-allowed}.bottle-control-btn.upload,.bottle-control-btn.preview,.bottle-control-btn.scan,.bottle-control-btn.view-scanned,.bottle-control-btn.delete{background:#dc2626;color:#fff}.bottle-control-btn.upload:hover,.bottle-control-btn.preview:hover,.bottle-control-btn.scan:hover,.bottle-control-btn.view-scanned:hover,.bottle-control-btn.delete:hover{background:#b91c1c}.bottle-resize-handle-2024-unique{position:absolute;bottom:clamp(4px,1%,8px);right:clamp(4px,1%,8px);width:clamp(14px,9%,24px);height:clamp(14px,9%,24px);cursor:nwse-resize;opacity:0;transition:opacity .12s ease,transform .12s ease;display:flex;align-items:center;justify-content:center;background:#dc2626;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1130;pointer-events:auto}.bottle-modern-item:hover .bottle-resize-handle-2024-unique,.bottle-modern-item.controls-visible .bottle-resize-handle-2024-unique{opacity:1}.bottle-resize-handle-2024-unique:hover{transform:scale(1.08);opacity:1}.bottle-rotate-wrapper{position:absolute;bottom:6px;left:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;z-index:1105;pointer-events:none;padding:0;margin:0;box-sizing:border-box;opacity:0;transition:opacity .18s ease,transform .18s ease}.bottle-modern-item.controls-visible .bottle-rotate-wrapper,.bottle-modern-item:hover .bottle-rotate-wrapper{pointer-events:auto;opacity:1}.bottle-rotate-button{width:clamp(30px,14%,40px);height:clamp(30px,14%,40px);background:#dc2626!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;transition:transform .12s ease,background .12s ease;pointer-events:auto}.bottle-rotate-button:hover{transform:translateY(-2px) scale(1.03)}.bottle-rotate-button:disabled{opacity:.5;cursor:not-allowed}.bottle-processing-overlay{position:absolute;inset:0;background:#020202cc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;z-index:15}.processing-progress{width:80%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-top:8px}.processing-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .3s ease}.processing-status{font-size:10px;color:#60a5fa;font-weight:500;margin-top:4px;text-align:center}@keyframes bottleAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.bottle-modern-item.moved{animation:bottleSettle .8s ease-out}.bottle-absolute-wrapper{transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1)}.collection-transform-animate{transition:transform .6s cubic-bezier(.22,1,.36,1)!important}.bottle-absolute-wrapper:not(.collection-reset-animating){transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1)!important}@keyframes bottleSettle{0%{transform:scale(1.05)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes bottleHeartbeatGlow{0%{border-color:#0f0!important;background:linear-gradient(135deg,#0f0c,#0f06)!important;box-shadow:0 0 50px #0f0,0 0 100px #0f0,0 0 150px #0f0,0 0 200px #0f0,0 0 250px #0f0,0 0 300px #0f0,0 0 350px #0f0,0 0 400px #0f0,0 0 450px #0f0,0 0 500px #0f0!important;transform:scale(1.3)!important;opacity:1!important}20%{border-color:#0f0!important;background:linear-gradient(135deg,#0f0,#0f09)!important;box-shadow:0 0 50px #0f0,0 0 100px #0f0,0 0 150px #0f0,0 0 200px #0f0,0 0 250px #0f0,0 0 300px #0f0,0 0 350px #0f0,0 0 400px #0f0,0 0 450px #0f0,0 0 500px #0f0!important;transform:scale(1.3)!important}40%{border-color:#0f0!important;background:linear-gradient(135deg,#0f09,#00ff004d)!important;box-shadow:0 0 20px #0f0,0 0 40px #0f0,0 0 60px #0f0,0 0 80px #0f0,0 0 100px #0f0!important;transform:scale(1.1)!important}60%{border-color:#0f0!important;background:linear-gradient(135deg,#0f0c,#00ff0080)!important;box-shadow:0 0 40px #0f0,0 0 80px #0f0,0 0 120px #0f0,0 0 160px #0f0,0 0 200px #0f0,0 0 240px #0f0,0 0 280px #0f0,0 0 320px #0f0!important;transform:scale(1.25)!important}80%{border-color:#0f0!important;background:linear-gradient(135deg,#0f06,#0f03)!important;box-shadow:0 0 15px #0f0,0 0 30px #0f0,0 0 45px #0f0,0 0 60px #0f0,0 0 75px #0f0!important;transform:scale(1.08)!important}to{border-color:#0f0!important;background:linear-gradient(135deg,#0f0c,#0f06)!important;box-shadow:0 0 30px #22c55e,0 0 60px #22c55e,0 0 90px #22c55e,0 0 120px #22c55e,0 0 150px #22c55e,0 0 180px #22c55e,0 0 210px #22c55e,0 0 240px #22c55e,0 0 270px #22c55e,0 0 300px #22c55e!important;transform:scale(1.2)!important}}.bottle-modern-item .bottle-resize-handle,.bottle-modern-item .bottle-resize-handle-2024-unique{right:6px;bottom:6px;width:16px;height:16px;z-index:1005;pointer-events:auto;display:flex;align-items:center;justify-content:center;opacity:0}.bottle-resize-size-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1010;pointer-events:none;background:#000c;border:2px solid #dc2626;border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:resizeSizeDisplay .2s ease-out}.bottle-resize-size-text{color:#fff;font-size:14px;font-weight:600;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes resizeSizeDisplay{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.magnifier-glass{position:fixed;pointer-events:none;z-index:1000000;width:200px;height:200px;border-radius:50%;border:3px solid #ef4444;background-color:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 0 20px #ef444480,inset 0 0 20px #0000004d;overflow:hidden;transform:translate(-50%,-50%);transition:all .1s ease-out;will-change:transform,left,top}.magnifier-image{position:absolute;inset:0;background-repeat:no-repeat;transform:scale(1);border-radius:50%;will-change:background-position}.magnifier-icon{position:absolute;top:4px;right:4px;background-color:#dc2626;color:#fff;border-radius:50%;padding:4px;opacity:.8;z-index:1}.magnifier-crosshair-horizontal,.magnifier-crosshair-vertical{position:absolute;pointer-events:none;background-color:#ef4444;opacity:.6}.magnifier-crosshair-horizontal{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.magnifier-crosshair-vertical{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.image-preview-container{position:relative}.image-with-magnifier{cursor:crosshair;transition:cursor .2s ease}.image-with-magnifier:hover{cursor:crosshair}.image-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#1f293780;border-radius:.5rem}.image-loading-spinner{display:flex;flex-direction:column;align-items:center}.image-loading-spinner .spinner{animation:spin 1s linear infinite;border-radius:50%;height:2rem;width:2rem;border-bottom:2px solid #ef4444;margin-bottom:.5rem}.image-loading-text{color:#d1d5db;font-size:.875rem}.magnifier-glass,.magnifier-image{backface-visibility:hidden;transform-style:preserve-3d}.magnifier-glass{transition:left .1s ease-out,top .1s ease-out,opacity .2s ease-out}@media(max-width:768px){.magnifier-glass{width:200px;height:200px}.magnifier-icon{top:2px;right:2px;padding:2px}}@media(max-width:480px){.magnifier-glass{width:140px;height:140px}}@media(prefers-contrast:high){.magnifier-glass{border-color:#fff;box-shadow:0 0 20px #fffc,inset 0 0 20px #00000080}.magnifier-crosshair-horizontal,.magnifier-crosshair-vertical{background-color:#fff;opacity:.9}}@media(prefers-reduced-motion:reduce){.magnifier-glass{transition:none}.image-loading-spinner .spinner{animation:none}}.mobile-viewport-root{position:absolute;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:clamp(4px,10px,12px);pointer-events:auto}.mobile-viewport-rotated{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:auto}.mobile-viewport-stage-shell{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mobile-viewport-stage{position:relative;width:100%;height:100%;max-width:calc(var(--svh, 100%) * 1);max-height:calc(var(--svw, 100%) * 1);display:flex;align-items:center;justify-content:center;padding:clamp(8px,14px,18px);box-sizing:border-box;pointer-events:none}.mobile-modal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.mobile-ocr-modal-surface{width:min(94%,calc(var(--svh, 100%) * .95));max-width:1400px;height:min(92%,calc(var(--svw, 100%) * .95));max-height:900px;display:flex;flex-direction:column;background-color:#232323;border:1px solid #4b5563;box-shadow:0 20px 60px #00000073;border-radius:.75rem;overflow:hidden}.mobile-scanned-modal-content{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.mobile-scanned-modal-grid--landscape{display:grid;grid-template-columns:1.8fr 2.6fr;-moz-column-gap:clamp(16px,24px,32px);column-gap:clamp(16px,24px,32px)}.mobile-scanned-modal-grid--landscape-wide{grid-template-columns:1.8fr 2.6fr;-moz-column-gap:clamp(16px,24px,32px);column-gap:clamp(16px,24px,32px)}.mobile-scanned-modal-panel{background-color:#222;border:1px solid #4b5563;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:none;min-height:0}.mobile-scanned-modal-panel--left-landscape,.mobile-scanned-modal-panel--right-landscape{max-height:calc(100% - 16px)}.mobile-scanned-modal-card,.mobile-scanned-modal-button-bg,.mobile-scanned-modal-snippet,.mobile-scanned-modal-raw{background-color:#222}.mobile-scanned-modal-icon{color:#ed3b24}.mobile-scanned-modal-volume-icon{width:1rem;height:1rem;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.mobile-scanned-modal-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:none;min-height:0}.mobile-scanned-modal-actions{position:sticky;bottom:0;left:0;right:0}.collection-bottle-cards-container{padding:1rem;background:transparent;position:relative;width:100%;max-width:100%;overflow:hidden;margin:0;box-sizing:border-box}.collection-bottle-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;margin-bottom:1rem;transition:all .3s ease;grid-auto-rows:280px;overflow:visible;padding:.5rem;position:relative;z-index:1;width:100%;max-width:100%;box-sizing:border-box}.collection-bottle-cards-grid.slide-next{transform:translate(8px);opacity:.9}.collection-bottle-cards-grid.slide-prev{transform:translate(-8px);opacity:.9}.collection-bottle-card{background:#000000e6!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(220,38,38,.3)!important;border-radius:12px;overflow:hidden;transition:all .4s ease;position:relative;height:280px;width:100%;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001a;z-index:1;box-sizing:border-box;cursor:pointer;will-change:transform;transform:translateZ(0)}.collection-bottle-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px #dc262633,0 4px 15px #0003;border-color:#dc262680!important;z-index:30}.collection-bottle-card:before{content:none!important}.collection-bottle-card-link{display:block;text-decoration:none;color:inherit;height:100%;width:100%;position:relative;z-index:2;cursor:pointer;box-sizing:border-box}.collection-bottle-card-content{background:#06080b;position:relative;z-index:3;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0;box-sizing:border-box}.collection-bottle-card-image{position:absolute;top:2rem;left:0;right:0;bottom:0;z-index:1;overflow:hidden;border-radius:12px;width:100%;height:calc(100% - 2.5rem);background:transparent!important}.collection-bottle-image{width:100%;height:100%;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:center;object-position:center;transition:transform .3s ease;filter:none!important;display:block;background:transparent!important}.collection-bottle-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;position:relative}.collection-bottle-no-image-icon{font-size:4rem;color:#fff6;transition:all .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.collection-bottle-card:hover .collection-bottle-no-image-icon{color:#fff9;transform:translate(-50%,-50%) scale(1.1)}.collection-bottle-card:hover .collection-bottle-image{transform:scale(1.05);filter:none!important}.collection-bottle-card-overlay,.collection-bottle-overlay-icon{display:none}.collection-bottle-card-info{position:absolute;z-index:999!important;height:100%;width:100%;flex-direction:column;justify-content:flex-end;padding:1rem;color:#fff!important;bottom:0;left:0;right:0;min-height:60%;overflow:visible!important;box-sizing:border-box;text-shadow:0 1px 3px rgba(0,0,0,.8);background:transparent!important;display:flex!important;visibility:visible!important;opacity:1!important}.collection-bottle-card-topbar{position:absolute;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;box-sizing:border-box}.collection-bottle-card-topbar .collection-bottle-card-title{position:static!important;color:#fff!important;background:none!important;border:none!important;box-shadow:none!important;font-size:.875rem;font-weight:600;padding:0;margin:0;line-height:1.2;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0%;min-width:0;z-index:auto}.collection-bottle-card-topbar .collection-bottle-card-number{position:static!important;color:#fff!important;background:#dc2626cc!important;border-radius:6px!important;border:none!important;font-size:.75rem;font-weight:600;padding:.25rem .5rem;margin-left:.5rem;box-shadow:none!important;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;z-index:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.collection-bottle-card-details{display:flex;flex-direction:column;gap:.2rem;margin-top:auto;width:100%;box-sizing:border-box;padding:0 .25rem}.collection-bottle-detail-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#ffffffe6}.collection-bottle-detail-item.collection-bottle-date{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-start;gap:.5rem}.collection-bottle-detail-label{color:#dc2626;font-size:.75rem;flex-shrink:0}.collection-bottle-detail-value{font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.8);transition:all .3s ease}.collection-bottle-date-icon{color:#dc2626;font-size:.75rem;flex-shrink:0}.collection-bottle-card-empty{background:#ffffff05;border:1px dashed rgba(255,255,255,.1);height:280px;width:100%;box-sizing:border-box}.collection-bottle-card-add{background:#22c55e0d;border:1px solid rgba(34,197,94,.3);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative;height:280px;width:100%;display:flex;flex-direction:column;z-index:1;box-sizing:border-box;cursor:pointer}.collection-bottle-card.collection-bottle-card-add:hover{background:#22c55e1a!important;border-color:#22c55e80!important;transform:translateY(-8px)!important;box-shadow:0 20px 40px #22c55e4d,0 8px 25px #0003!important;z-index:30!important}.collection-bottle-card-add-link{display:block;text-decoration:none;color:inherit;height:100%;width:100%;position:relative;z-index:2;background:transparent;border:none;cursor:pointer;box-sizing:border-box}.collection-bottle-card-add-content{position:relative;z-index:3;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;color:#22c55ecc;box-sizing:border-box}.collection-bottle-add-icon-container{width:2rem;height:2rem;background:#22c55e33;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;flex-shrink:0}.collection-bottle-card-add:hover .collection-bottle-add-icon-container{background:#22c55e66;transform:scale(1.1)}.collection-bottle-add-icon{color:#22c55e;font-size:1rem;transition:all .3s ease;pointer-events:none}.collection-bottle-add-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#22c55ecc;display:block}.collection-bottle-add-subtitle{font-size:.9rem;color:#22c55e99;margin:0}.collection-bottle-cards-empty{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%;padding:2rem;box-sizing:border-box}.collection-bottle-empty-content{text-align:center;max-width:500px;color:#fff}.collection-bottle-empty-icon-container{position:relative;width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.collection-bottle-empty-icon{font-size:4rem;color:#dc262699;z-index:2;position:relative}.collection-bottle-empty-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.collection-bottle-empty-title{font-size:1.8rem;font-weight:700;margin:0 0 1rem;color:#fff}.collection-bottle-empty-text{font-size:1.1rem;color:#fffc;margin:0 0 2rem;line-height:1.5}.collection-bottle-empty-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.collection-bottle-empty-feature{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#ffffffe6}.collection-bottle-empty-feature-icon{color:#68d391;font-size:1.1rem;flex-shrink:0}.collection-bottle-empty-action-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 8px 25px #dc26264d}.collection-bottle-empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #dc262680;background:linear-gradient(135deg,#b91c1c,#991b1b)}.collection-bottle-empty-action-icon{font-size:1.2rem}.collection-bottle-empty-action-arrow{font-size:1rem;transition:transform .3s ease}.collection-bottle-empty-action-btn:hover .collection-bottle-empty-action-arrow{transform:translate(4px)}.collection-bottle-nav-side-button{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:120px;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(220,38,38,.4);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:10;box-shadow:0 8px 25px #dc26264d}.collection-bottle-nav-side-button:hover{background:#dc2626e6;color:#fff;transform:translateY(-50%) scale(1.05);box-shadow:0 12px 35px #dc262680;border-color:#dc2626}.collection-bottle-nav-side-button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%)}.collection-bottle-nav-side-left{left:-30px}.collection-bottle-nav-side-right{right:-30px}.collection-bottle-pagination-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:0 1rem}.collection-bottle-pagination-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease;padding:0;margin:0}.collection-bottle-pagination-dot:hover{background:#dc262699;transform:scale(1.2)}.collection-bottle-pagination-dot.active{background:#dc2626;transform:scale(1.3);box-shadow:0 0 10px #dc262680}.collection-bottle-page-info,.collection-bottle-page-text{display:none}@media(max-width:1200px){.collection-bottle-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:1024px){.collection-bottle-cards-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(min-width:768px)and (max-width:1023px){.collection-bottle-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;grid-auto-rows:260px}.collection-bottle-card,.collection-bottle-card-add,.collection-bottle-card-empty{height:260px}.collection-bottle-nav-side-button{width:55px;height:110px;font-size:1.3rem}.collection-bottle-nav-side-left{left:-27px}.collection-bottle-nav-side-right{right:-27px}}@media(min-width:600px)and (max-width:767px){.collection-bottle-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem;grid-auto-rows:240px}.collection-bottle-card,.collection-bottle-card-add,.collection-bottle-card-empty{height:240px}.collection-bottle-nav-side-button{width:52px;height:105px;font-size:1.25rem}.collection-bottle-nav-side-left{left:-26px}.collection-bottle-nav-side-right{right:-26px}}@media(max-width:768px){.collection-bottle-cards-container{padding:1rem}.collection-bottle-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;grid-auto-rows:200px}.collection-bottle-card,.collection-bottle-card-add,.collection-bottle-card-empty{height:200px}.collection-bottle-nav-side-button{width:50px;height:100px;font-size:1.2rem}.collection-bottle-nav-side-left{left:-25px}.collection-bottle-nav-side-right{right:-25px}}@media(max-width:480px){.collection-bottle-cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;grid-auto-rows:180px}.collection-bottle-card,.collection-bottle-card-add,.collection-bottle-card-empty{height:180px}.collection-bottle-nav-side-button{width:40px;height:80px;font-size:1rem}.collection-bottle-nav-side-left{left:-20px}.collection-bottle-nav-side-right{right:-20px}}@media(max-width:360px){.collection-bottle-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.4rem;grid-auto-rows:160px}.collection-bottle-card,.collection-bottle-card-add,.collection-bottle-card-empty{height:160px}.collection-bottle-nav-side-button{width:35px;height:70px;font-size:.9rem}.collection-bottle-nav-side-left{left:-17px}.collection-bottle-nav-side-right{right:-17px}}.collection-bottle-card-number-and-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.collection-bottle-card-controls-overlay{position:absolute;top:4rem;right:.5rem;z-index:10000;pointer-events:none}.collection-bottle-card-controls{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;position:relative;z-index:10001;pointer-events:auto}.collection-bottle-card-controls .bottle-control-btn{width:clamp(20px,12%,28px);height:clamp(20px,12%,28px);min-width:20px;min-height:20px;border:none;border-radius:6px;background:#dc2626;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;line-height:1;padding:0;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;pointer-events:auto;border:1px solid rgba(255,255,255,.12);position:relative;z-index:10000}.collection-bottle-card-controls .bottle-control-btn:hover{transform:translateY(-2px) scale(1.03)}.collection-bottle-card-controls .bottle-control-btn svg,.collection-bottle-card-controls .bottle-control-btn i{color:#fff;width:60%;height:60%}.collection-bottle-card-controls .bottle-control-btn.disabled{opacity:.5;cursor:not-allowed}.collection-bottle-card-controls .bottle-control-btn.upload,.collection-bottle-card-controls .bottle-control-btn.preview,.collection-bottle-card-controls .bottle-control-btn.scan,.collection-bottle-card-controls .bottle-control-btn.view-scanned,.collection-bottle-card-controls .bottle-control-btn.delete{background:#dc2626;color:#fff}.collection-bottle-card-controls .bottle-control-btn.upload:hover,.collection-bottle-card-controls .bottle-control-btn.preview:hover,.collection-bottle-card-controls .bottle-control-btn.scan:hover,.collection-bottle-card-controls .bottle-control-btn.view-scanned:hover,.collection-bottle-card-controls .bottle-control-btn.delete:hover{background:#b91c1c}.background-selector-responsive{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:400px!important;max-width:28rem!important;height:100%!important;max-height:100%!important;overflow:hidden!important;z-index:999999!important;background-color:#232323!important;box-shadow:0 25px 50px -12px #00000040!important;border-left:1px solid #dc2626!important;display:flex!important;flex-direction:column!important}.background-selector-responsive .background-selector-body{overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important;height:100%!important;min-height:0!important;flex:1!important}@media(max-width:640px){.background-selector-responsive{width:100%!important;max-width:none!important}}@media(min-width:641px)and (max-width:1024px){.background-selector-responsive{width:350px!important;max-width:25rem!important}}.background-selector-side-panel{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:400px!important;max-width:28rem!important;height:100%!important;max-height:100%!important;overflow:hidden!important;z-index:999999!important;background-color:#232323!important;box-shadow:0 25px 50px -12px #00000040!important;border-left:1px solid #dc2626!important;display:flex!important;flex-direction:column!important}.background-selector-side-panel .p-6.overflow-y-auto.flex-1.bg-gray-900{overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important;height:100%!important;min-height:0!important;flex:1!important}@media(max-width:640px){.background-selector-side-panel{width:100%!important;max-width:none!important}}@media(min-width:641px)and (max-width:1024px){.background-selector-side-panel{width:350px!important;max-width:25rem!important}}.background-selector-modal .grid img,.background-selector-side-panel .grid img{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.background-selector-modal .grid>div,.background-selector-side-panel .grid>div{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden!important;border-radius:8px!important}@media(max-width:640px){.background-selector-modal .grid,.background-selector-side-panel .grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.background-selector-modal .grid>div,.background-selector-side-panel .grid>div{height:80px!important}}@media(min-width:641px)and (max-width:1024px){.background-selector-modal .grid,.background-selector-side-panel .grid{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}.background-selector-modal .grid>div,.background-selector-side-panel .grid>div{height:100px!important}}@media(min-width:1025px){.background-selector-modal .grid,.background-selector-side-panel .grid{grid-template-columns:repeat(4,1fr)!important;gap:1.25rem!important}.background-selector-modal .grid>div,.background-selector-side-panel .grid>div{height:120px!important}}.oenotheque-table-transition-container{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.oenotheque-table-transition-container{transition:none!important;animation:none!important}@keyframes fadeInUp{0%,to{opacity:1;transform:none}}@keyframes slideInFromTop{0%,to{opacity:1;transform:none}}}.oenotheque-search-bar{padding:.5rem 0}.oenotheque-search-container{display:flex;align-items:center;gap:.5rem}.oenotheque-search-input-container{flex:1;display:flex;align-items:center;gap:.75rem;background:#1f293799;padding:.75rem;border-radius:.5rem;min-width:0}.oenotheque-search-icon{color:#d1d5db}.oenotheque-search-input{background:transparent;outline:none;border:none;color:#fff;width:100%;font-size:1rem;padding:.5rem 0}.oenotheque-search-input::-moz-placeholder{color:#ffffffb3}.oenotheque-search-input::placeholder{color:#ffffffb3}.oenotheque-clear-search{color:#fff;padding:.5rem;background:transparent;border:none;cursor:pointer;transition:color .2s}.oenotheque-clear-search:hover{color:#ef4444}.oenotheque-search-stats{display:flex;gap:.75rem;align-items:center}.oenotheque-search-stat{display:flex;align-items:center;gap:.25rem;color:#d1d5db}.oenotheque-search-stat span{font-size:.875rem}.oenotheque-table-container{margin-top:1rem}.oenotheque-table-wrapper{overflow:hidden}.oenotheque-table{width:100%;border-collapse:collapse;margin:0}.oenotheque-table th{background-color:#f9fafb;border-bottom:2px solid rgb(229,231,235);padding:.75rem;text-align:left;font-weight:600;color:#374151;position:sticky;top:0;z-index:10}.oenotheque-table-sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.oenotheque-table-sortable-header:hover{background-color:#f3f4f6}.oenotheque-table-row{border-bottom:1px solid rgb(229,231,235);transition:background-color .2s}.oenotheque-table-row:hover{background-color:#f9fafb}.oenotheque-table-empty{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}.oenotheque-table-pagination-wrapper{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#f9fafb;border-top:1px solid rgb(229,231,235)}.oenotheque-table-pagination{display:flex;list-style:none;margin:0;padding:0;gap:.25rem}.oenotheque-table-page-item{margin:0}.oenotheque-table-page-link{display:block;padding:.5rem .75rem;border:1px solid rgb(209,213,219);background-color:#fff;color:#374151;text-decoration:none;border-radius:.375rem;transition:all .2s}.oenotheque-table-page-item.active .oenotheque-table-page-link{background-color:#dc2626;border-color:#dc2626;color:#fff}.oenotheque-table-page-item.disabled .oenotheque-table-page-link{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.oenotheque-table-search-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0;margin-bottom:0;box-shadow:none;width:100%!important;position:relative!important}.oenotheque-table-search-input{padding:.75rem .75rem .75rem 2.5rem!important;font-size:1rem!important;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000040;min-height:40px;width:100%!important;box-sizing:border-box;flex:1!important;min-width:0!important;flex-grow:1!important;flex-shrink:1!important;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.oenotheque-table-search-input:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633!important}.oenotheque-table-search-header .flex.items-center.justify-between.gap-4{gap:1rem!important;align-items:stretch!important}.oenotheque-table-search-header .flex.items-center.justify-between.gap-4>div:first-child{flex:1!important;min-width:0!important;width:100%!important}.oenotheque-table-search-header .absolute.left-3{left:.75rem!important;top:50%!important;transform:translateY(-50%)!important;font-size:1rem!important;color:#ffffffb3!important}.oenotheque-table-search-header .absolute.right-3{right:.75rem!important;top:50%!important;transform:translateY(-50%)!important;font-size:1rem!important;padding:.25rem!important}@media(max-width:1024px){.oenotheque-table-search-header .flex-1.relative{max-width:100%}.oenotheque-table-search-input{padding:.7rem .7rem .7rem 2.3rem!important;font-size:.95rem!important;min-height:38px}.oenotheque-table-search-header .absolute.left-3{font-size:.95rem!important}.oenotheque-table-search-header .absolute.right-3{font-size:.9rem!important}}@media(max-width:768px){.oenotheque-table-search-input{padding:.6rem .6rem .6rem 2.2rem!important;font-size:.9rem!important;min-height:36px}.oenotheque-table-search-header .absolute.left-3{font-size:.9rem!important}.oenotheque-table-search-header .absolute.right-3{font-size:.85rem!important}}@media(max-width:768px){.oenotheque-table-transition-container .overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;width:100%!important;max-width:100%!important}.oenotheque-table-transition-container .overflow-x-auto::-webkit-scrollbar{height:8px!important}.oenotheque-table-transition-container .overflow-x-auto::-webkit-scrollbar-track{background:#0000001a!important;border-radius:4px!important}.oenotheque-table-transition-container .overflow-x-auto::-webkit-scrollbar-thumb{background:#dc262699!important;border-radius:4px!important}.oenotheque-table-transition-container .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#dc2626cc!important}.oenotheque-table{table-layout:auto!important;min-width:1500px!important;width:1500px!important}.overflow-x-auto .oenotheque-table{width:1500px!important;min-width:1500px!important}.oenotheque-table-transition-container .overflow-x-auto .oenotheque-table{width:1500px!important;min-width:1500px!important;max-width:none!important}.oenotheque-table td{padding:.25rem .5rem!important;font-size:.8rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.2!important;white-space:nowrap!important;min-width:60px!important}.oenotheque-table th{padding:.25rem .5rem!important;font-size:.8rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:nowrap!important;min-width:60px!important;position:sticky!important;top:0!important;background:#000c!important;z-index:10!important}}@media(max-width:480px){.oenotheque-table-transition-container .overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;width:100%!important;max-width:100%!important}.oenotheque-table-transition-container .overflow-x-auto::-webkit-scrollbar{height:6px!important}.oenotheque-table{table-layout:auto!important;min-width:1200px!important;width:1200px!important}.overflow-x-auto .oenotheque-table{width:1200px!important;min-width:1200px!important}.oenotheque-table-transition-container .overflow-x-auto .oenotheque-table{width:1200px!important;min-width:1200px!important;max-width:none!important}.oenotheque-table td{padding:.2rem .4rem!important;font-size:.75rem!important;line-height:1.1!important;white-space:nowrap!important;min-width:50px!important}.oenotheque-table th{padding:.2rem .4rem!important;font-size:.75rem!important;white-space:nowrap!important;min-width:50px!important;position:sticky!important;top:0!important;background:#000000e6!important;z-index:10!important}}.fullscreen-modal-backdrop.mobile.portrait,.fullscreen-modal-backdrop.mobile.force-landscape{transform-origin:center center;transform:rotate(90deg) translate(-50%,-50%);width:100vh;height:100vw;top:50%;left:50%;margin-top:0;margin-left:0}.fullscreen-modal-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a1a;overflow:visible;min-width:0;min-height:0}.fullscreen-modal-content{flex:1;position:relative;overflow:visible;background:#1a1a1a;display:flex;flex-direction:column}.fullscreen-modal-content.mobile-scrollable{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;overscroll-behavior-x:contain;overscroll-behavior-y:contain;width:100%;height:100%;touch-action:pan-x pan-y}.fullscreen-drag-area.mobile-scrollable{width:800px;height:600px;min-width:800px;min-height:600px;max-width:800px;max-height:600px;position:absolute;top:50%;left:50%;background:#1a1a1a;overflow:visible;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:grab;backface-visibility:hidden;-webkit-backface-visibility:hidden;margin:0;transition:transform .2s cubic-bezier(.4,0,.2,1);z-index:10}.fullscreen-drag-area.mobile-scrollable.mobile.portrait{width:800px!important;height:600px!important;min-width:800px!important;min-height:600px!important;max-width:800px!important;max-height:600px!important;position:absolute!important;top:50%!important;left:50%!important;background:#1a1a1a!important;overflow:visible!important;touch-action:pan-x pan-y!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;cursor:grab!important;margin:0!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;z-index:10!important}.fullscreen-elevator-room-name{font-size:14px;font-weight:600;color:inherit;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-elevator-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#a0aec0}.fullscreen-elevator-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.fullscreen-elevator-empty-text{font-size:14px;color:#a0aec0}@media(max-width:768px){.fullscreen-modal-header{padding:8px 12px;min-height:40px}.fullscreen-modal-title{font-size:14px;margin:0 10px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:6px 10px;font-size:11px;min-width:26px;min-height:26px}.fullscreen-elevator{width:200px}}@media(max-width:480px){.fullscreen-modal-header{padding:6px 10px;min-height:36px}.fullscreen-modal-title{font-size:12px;margin:0 8px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:5px 8px;font-size:10px;min-width:24px;min-height:24px}.fullscreen-elevator{width:180px}}@media(max-width:768px){.fullscreen-modal-backdrop.mobile.portrait,.fullscreen-modal-backdrop.mobile.force-landscape{width:100vh!important;height:100vw!important;overflow:hidden!important;-webkit-overflow-scrolling:touch}.fullscreen-modal-container{max-width:100%;max-height:100%}.fullscreen-modal-header{padding:8px 12px;min-height:40px}.fullscreen-modal-title{font-size:14px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:6px 10px;font-size:11px;min-width:25px;min-height:25px}.fullscreen-drag-area{min-width:0;min-height:0;flex:1}}@media(prefers-reduced-motion:reduce){.fullscreen-elevator,.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{transition:none}}.mobile-bottles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;contain:layout style}.mobile-bottle-item{position:absolute!important;width:60px!important;height:80px!important;cursor:grab;transition:transform .2s ease,filter .2s ease;z-index:100!important;contain:layout style paint;pointer-events:auto;visibility:visible!important;opacity:1!important;display:block!important;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:center center}.mobile-bottle-item:active,.mobile-bottle-item.dragging{cursor:grabbing;z-index:10;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.mobile-bottle-item.show-actions{z-index:20}.mobile-bottle-image-container{position:relative;width:100%;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px 6px 30px 30px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.mobile-bottle-image{width:45px!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;-o-object-position:top center!important;object-position:top center!important;z-index:2!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))!important;max-width:100%!important;max-height:none!important;background-color:transparent!important;display:block!important;visibility:visible!important;opacity:1!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;border:2px solid red!important;box-shadow:0 0 10px #ff000080!important}.mobile-bottle-wine-level{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:16px;border-radius:8px 8px 0 0;opacity:.7;transition:height .3s ease;z-index:1;min-height:6px}.mobile-bottle-info{margin-top:3px;text-align:center;padding:1px;min-height:14px}.mobile-bottle-name{font-size:9px;color:#f9fafb;font-weight:500;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mobile-bottle-vintage{font-size:7px;color:#9ca3af;margin-top:1px;font-weight:400}.mobile-bottle-actions{position:absolute;top:-6px;right:-6px;display:flex;gap:3px;background:#000c;padding:3px;border-radius:6px;border:1px solid rgba(229,62,62,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInScale .2s ease;z-index:30}.mobile-bottle-action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:20px;height:20px;border-radius:3px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:9px}.mobile-bottle-action-btn:hover{background:#fff3;transform:scale(1.1)}.mobile-bottle-action-btn.view:hover{background:#3b82f64d;border-color:#3b82f6;color:#60a5fa}.mobile-bottle-action-btn.edit:hover{background:#10b9814d;border-color:#10b981;color:#34d399}.mobile-bottle-action-btn.delete:hover{background:#ef44444d;border-color:#ef4444;color:#f87171}.mobile-bottle-actions-overlay{position:fixed;inset:0;z-index:25;background:transparent}.mobile-drag-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#9ca3af;z-index:5}.mobile-drag-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.mobile-drag-empty-text{font-size:16px;margin-bottom:16px;color:#6b7280}.mobile-drag-empty-add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;margin:0 auto}.mobile-drag-empty-add-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.mobile-drag-over-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#e53e3ee6;color:#fff;padding:16px 24px;border-radius:12px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);animation:pulse 1s infinite;z-index:50}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.mobile-bottle-item{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-bottle-image{will-change:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-fullscreen-drag-area{-webkit-overflow-scrolling:touch;transform:translateZ(0)}.fullscreen-modal-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a1a;overflow:visible!important;min-width:0;min-height:0;transform:translateZ(0);-webkit-transform:translateZ(0);clip:none!important;clip-path:none!important;contain:none!important;z-index:1}.fullscreen-modal-content.mobile-scrollable{overflow:auto!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth;overscroll-behavior:contain;overscroll-behavior-x:contain;overscroll-behavior-y:contain;display:block!important;padding:20px 20px 100px!important;touch-action:pan-x pan-y!important;text-align:center;min-height:auto!important;height:100%;width:100%;position:relative!important;z-index:1!important;visibility:visible!important;opacity:1!important;clip:none!important;clip-path:none!important;contain:none!important}.fullscreen-modal-content.mobile-scrollable.has-zoom{padding:40px!important}.fullscreen-drag-area.mobile-scrollable{width:800px!important;height:600px!important;min-width:800px!important;min-height:600px!important;max-width:800px!important;max-height:600px!important;position:relative!important;background:#1a1a1a;overflow:visible!important;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:grab;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:visible!important;-webkit-backface-visibility:visible!important;margin:20px auto 100px!important;isolation:isolate;contain:none!important;clip:none!important;clip-path:none!important}.fullscreen-drag-area-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#a0aec0;z-index:10;font-size:16px}.fullscreen-elevator-collection{background:#333;border:1px solid #404040;border-radius:8px;padding:12px;margin-bottom:10px;cursor:pointer;transition:all .15s ease}.fullscreen-elevator-collection:hover{background:#404040;border-color:#555;transform:translateY(-1px)}.fullscreen-elevator-collection.active{background:#4a5568;border-color:#63b3ed;box-shadow:0 0 0 1px #63b3ed}.fullscreen-elevator-collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fullscreen-elevator-collection-name{font-size:14px;color:#fff;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-elevator-collection-controls{display:flex;gap:4px;align-items:center;flex-shrink:0}.fullscreen-elevator-collection-edit-btn{background:none;border:none;color:#a0aec0;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;font-size:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.fullscreen-elevator-collection-edit-btn:hover{background:#404040;color:#fff;transform:scale(1.05)}.fullscreen-elevator-collection-edit-btn:active{transform:scale(.95)}.fullscreen-elevator-collection-delete-btn{background:#e53e3e;border:1px solid #c53030;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;font-size:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.fullscreen-elevator-collection-delete-btn:hover{background:#c53030;border-color:#a0aec0;transform:translateY(-1px)}.fullscreen-elevator-collection-delete-btn:active{transform:scale(.95)}.fullscreen-elevator-collection-stats{display:flex;flex-direction:column;gap:4px}.fullscreen-elevator-collection-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px}.fullscreen-elevator-collection-stat-label{color:#a0aec0}.fullscreen-elevator-collection-stat-value{color:#fff;font-weight:600}.fullscreen-elevator-add-collection{background:#e53e3e;border:1px solid #c53030;color:#fff;cursor:pointer;padding:12px;border-radius:8px;margin-top:10px;text-align:center;font-size:14px;font-weight:600;transition:all .15s ease;flex-shrink:0}.fullscreen-elevator-add-collection:hover{background:#c53030;border-color:#a0aec0;transform:translateY(-1px)}.fullscreen-elevator-add-collection:active{transform:scale(.95)}.fullscreen-modal-container.force-landscape .fullscreen-elevator{transform:translate(calc(-100% - 35px))}.fullscreen-modal-container.force-landscape .fullscreen-elevator.open{transform:translate(0)}.fullscreen-modal-container.force-landscape .fullscreen-elevator-collection-edit-btn,.fullscreen-modal-container.force-landscape .fullscreen-elevator-collection-delete-btn,.fullscreen-modal-container.force-landscape .fullscreen-elevator-close,.fullscreen-modal-container.force-landscape .fullscreen-elevator-add-collection,.fullscreen-modal-container.force-landscape .fullscreen-elevator-collection{touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}.fullscreen-bottle{position:absolute!important;width:60px!important;height:80px!important;cursor:grab;z-index:1000!important;display:flex!important;flex-direction:column;align-items:center;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .1s ease-out;transition-property:transform;will-change:transform;visibility:visible!important;opacity:1!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;pointer-events:auto!important;overflow:visible!important;isolation:isolate;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);transform-origin:center center;clip:none!important;clip-path:none!important;contain:none!important}.fullscreen-bottle.force-rotation{transform:translateZ(0);-webkit-transform:translate3d(0,0,0);transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fullscreen-bottle.dragging{cursor:grabbing;z-index:1000;transition:none!important;transition-property:none!important}.fullscreen-bottle.dragging.force-rotation{transform:scale(1.1) translateZ(0)!important;-webkit-transform:scale(1.1) translate3d(0,0,0)!important}.fullscreen-bottle.dragging:not(.force-rotation){transform:scale(1.1) translateZ(0)!important;-webkit-transform:scale(1.1) translate3d(0,0,0)!important}.fullscreen-bottle-image{width:45px;height:auto;max-height:none;-o-object-fit:contain!important;object-fit:contain!important;display:block!important;pointer-events:none;visibility:visible!important;opacity:1!important;position:relative;z-index:1001;overflow:visible}.fullscreen-bottle-name{font-size:10px;color:#fff;text-align:center;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;pointer-events:none;background:#0009;padding:2px 4px;border-radius:3px}.fullscreen-bottle{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.fullscreen-bottle:active{transform:translateZ(0)}.fullscreen-bottle.force-rotation:active{transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important}.fullscreen-bottle.dragging:active{transform:scale(1.1)!important}.fullscreen-bottle.dragging.force-rotation:active{transform:scale(1.1) translateZ(0)!important;-webkit-transform:scale(1.1) translate3d(0,0,0)!important}.fullscreen-bottle.controls-pressed:active,.fullscreen-bottle.controls-pressed.force-rotation:active,.fullscreen-bottle.controls-pressed.dragging:active{transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important}@media screen and (max-width:768px){.fullscreen-bottle{transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important;display:flex!important;will-change:transform!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:1000!important;position:absolute!important}.fullscreen-bottle.force-rotation{transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;transform-origin:center center!important;will-change:transform!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.fullscreen-bottle-image{display:block!important;visibility:visible!important;opacity:1!important;transform:translateZ(0);-webkit-transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@supports (-webkit-touch-callout: none){.fullscreen-bottle{transform:translateZ(0);will-change:transform;backface-visibility:visible}.fullscreen-bottle.force-rotation{transform:translateZ(0)!important}}@media screen and (max-width:768px)and (-webkit-min-device-pixel-ratio:2){.fullscreen-bottle{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;visibility:visible!important;opacity:1!important}}.fullscreen-drag-area.mobile-scrollable{width:800px!important;height:600px!important;min-width:800px!important;min-height:600px!important;max-width:800px!important;max-height:600px!important;position:relative!important;background:#1a1a1a;overflow:visible!important;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:grab;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:visible!important;-webkit-backface-visibility:visible!important;margin:20px auto;isolation:isolate;contain:none!important;clip:none!important;clip-path:none!important}.fullscreen-bottles-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1000!important;visibility:visible!important;opacity:1!important;display:block!important;overflow:visible!important;clip:none!important;clip-path:none!important;contain:none!important;pointer-events:none!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.fullscreen-drag-area-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;z-index:1;pointer-events:none}.fullscreen-drag-area.mobile-scrollable.mobile.portrait{width:800px!important;height:600px!important;min-width:800px!important;min-height:600px!important;max-width:800px!important;max-height:600px!important;position:relative!important;background:#1a1a1a!important;overflow:visible!important;touch-action:pan-x pan-y!important;margin:20px auto!important}.fullscreen-drag-area.mobile-scrollable.zoomed{overflow:visible!important;transition:transform .2s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:768px){.fullscreen-bottles-container{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;visibility:visible!important;opacity:1!important;display:block!important;will-change:transform!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:1000!important;position:absolute!important;clip:none!important;clip-path:none!important;contain:none!important;overflow:visible!important}.fullscreen-drag-area.mobile-scrollable{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;visibility:visible!important;opacity:1!important;overflow:visible!important;clip:none!important;clip-path:none!important;contain:none!important}}@supports (-webkit-touch-callout: none){.fullscreen-bottles-container{transform:translateZ(0);will-change:transform;backface-visibility:visible}}@media screen and (max-width:768px)and (-webkit-min-device-pixel-ratio:2){.fullscreen-bottles-container{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;visibility:visible!important;opacity:1!important}}.landscape-modal-backdrop.force-landscape{transform-origin:center center!important;transform:rotate(90deg)!important;width:100vh!important;height:100vw!important;top:50%!important;left:50%!important;margin-top:-50vw!important;margin-left:-50vh!important;background:#000000b3!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:1000002!important;pointer-events:auto!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}.landscape-modal-container.force-landscape{transform:none!important;transform-origin:center center!important;width:70vw!important;max-width:450px!important;max-height:70vh!important;height:auto!important;position:relative!important;z-index:1000003!important;pointer-events:auto!important;margin:0 auto!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.landscape-modal-body{padding:20px!important;color:#e2e8f0!important}.landscape-modal-btn{padding:10px 20px!important;border-radius:6px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important}.landscape-modal-btn-primary{background:#e53e3e!important;color:#fff!important}.landscape-modal-btn-primary:hover{background:#c53030!important}.landscape-modal-btn-secondary{background:#4a5568!important;color:#fff!important}.landscape-modal-btn-secondary:hover{background:#2d3748!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-image-preview-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000f2!important;z-index:1000010!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;touch-action:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;animation:fadeInPreview .2s ease-out!important}.mobile-image-preview-backdrop.force-landscape{transform-origin:center center!important;transform:rotate(90deg)!important;width:100vh!important;height:100vw!important;top:50%!important;left:50%!important;margin-top:-50vw!important;margin-left:-50vh!important}.mobile-image-preview-close{position:absolute!important;top:16px!important;right:16px!important;width:44px!important;height:44px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;z-index:1000012!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important}.mobile-image-preview-close:hover,.mobile-image-preview-close:active{background:#ef4444cc!important;border-color:#ef4444cc!important;transform:scale(1.1)!important}.mobile-image-preview-controls{position:absolute!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;gap:12px!important;align-items:center!important;z-index:1000012!important;background:#0009!important;padding:8px 16px!important;border-radius:24px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important}.mobile-image-preview-control-btn{width:40px!important;height:40px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important}.mobile-image-preview-control-btn:hover,.mobile-image-preview-control-btn:active{background:#fff3!important;border-color:#fff6!important;transform:scale(1.1)!important}.mobile-image-preview-scale-indicator{color:#fffc!important;font-size:14px!important;font-weight:500!important;min-width:50px!important;text-align:center!important}.mobile-image-preview-container{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:60px!important;overflow:hidden!important}.mobile-image-preview-image{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;transform-origin:center center!important;will-change:transform!important;pointer-events:none!important;background:transparent!important}.mobile-image-preview-title{position:absolute!important;top:16px!important;left:50%!important;transform:translate(-50%)!important;background:#0009!important;padding:8px 20px!important;border-radius:20px!important;color:#fff!important;font-size:16px!important;font-weight:500!important;max-width:70%!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:1000011!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important}@keyframes fadeInPreview{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.mobile-image-preview-close{top:12px!important;right:12px!important;width:40px!important;height:40px!important}.mobile-image-preview-controls{bottom:16px!important;padding:6px 12px!important;gap:8px!important}.mobile-image-preview-control-btn{width:36px!important;height:36px!important}.mobile-image-preview-container{padding:50px 20px!important}.mobile-image-preview-title{top:12px!important;font-size:14px!important;padding:6px 16px!important;max-width:60%!important}}.mobile-image-preview-backdrop.force-landscape .mobile-image-preview-container{padding:20px 80px!important}.mobile-image-preview-backdrop.force-landscape .mobile-image-preview-controls{bottom:16px!important;transform:translate(-50%)!important}.mobile-image-preview-backdrop.force-landscape .mobile-image-preview-close{top:12px!important;right:12px!important}.mobile-image-preview-backdrop.force-landscape .mobile-image-preview-title{top:12px!important;max-width:50%!important}:root{--oenotheque-bg: #2a2a2a;--oenotheque-bg-gradient: linear-gradient(135deg, #2a2a2a 0%, #333333 50%, #3a3a3a 100%);--oenotheque-primary: #e53e3e;--oenotheque-primary-hover: #c53030;--oenotheque-primary-glow: rgba(229, 62, 62, .4);--oenotheque-text: #ffffff;--oenotheque-text-secondary: rgba(255, 255, 255, .8);--oenotheque-border: rgba(255, 255, 255, .2);--oenotheque-card-bg: rgba(255, 255, 255, .1);--oenotheque-card-hover: rgba(255, 255, 255, .15);--oenotheque-shadow: rgba(0, 0, 0, .3);--oenotheque-secondary: #374151;--oenotheque-bg-main: #1f2937;--oenotheque-bg-card: #111827;--oenotheque-bg-hover: #1f2937;--oenotheque-text-primary: #f9fafb;--oenotheque-text-muted: #9ca3af;--oenotheque-border-hover: #4b5563;--oenotheque-success: #10b981;--oenotheque-warning: #f59e0b;--oenotheque-danger: #ef4444;--oenotheque-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--oenotheque-glow: 0 0 20px rgba(220, 38, 38, .3);--oenotheque-glass: rgba(255, 255, 255, .05);--oenotheque-glass-border: rgba(255, 255, 255, .1);--oenotheque-blur: blur(16px)}.oenotheque-page{background:#020202;min-height:100vh;position:relative;overflow-x:hidden;padding-top:80px}.oenotheque-modern-page-bg{min-height:100vh;position:relative;background:var(--oenotheque-bg-gradient);background-attachment:fixed;display:flex;flex-direction:column;overflow-x:hidden;will-change:transform;transform:translateZ(0);backface-visibility:hidden;padding-top:80px}.oenotheque-modern-page-bg:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.3;z-index:1;pointer-events:none}.collection-modern-container{background:#000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:var(--oenotheque-shadow-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:0}.collection-modern-container:hover{box-shadow:0 12px 24px #00000080}.collection-cards-section{padding:1.5rem 0;margin-bottom:1rem;background:#020202}.search-content-section{padding:1rem 0;margin-top:0;background:#020202}.oenotheque-content{flex:1;display:flex;flex-direction:column;min-height:100vh;padding:2rem;background:#030303;position:relative;z-index:2}.oenotheque-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.4);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0006;position:relative}.oenotheque-header.scrolled{position:relative}.oenotheque-title-section{display:flex;align-items:center;gap:1rem}.oenotheque-icon-container{position:relative;display:inline-block}.oenotheque-icon{font-size:2rem;color:#dc2626cc;filter:drop-shadow(0 0 15px rgba(220,38,38,.5));animation:oenothequeIconPulse 3s ease-in-out infinite;position:relative;z-index:2}.oenotheque-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:oenothequeIconGlow 3s ease-in-out infinite;z-index:1}@keyframes oenothequeIconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes oenothequeIconGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.oenotheque-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.collection-modern-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000004d}@media(max-width:768px){.collection-modern-header{flex-direction:column;gap:1rem;text-align:left}.collection-modern-title{font-size:2rem}.collection-modern-icon{font-size:1.75rem}.collection-modern-icon-glow{width:70px;height:70px}}@media(max-width:480px){.collection-modern-header{padding:1rem}.collection-modern-title{font-size:1.75rem}.collection-modern-icon{font-size:1.5rem}.collection-modern-icon-glow{width:60px;height:60px}}.collection-modern-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.collection-modern-title-section{display:flex;align-items:center;gap:1rem}.collection-modern-icon{font-size:2rem;color:#dc2626cc;filter:drop-shadow(0 0 15px rgba(220,38,38,.5));animation:collectionModernIconPulse 3s ease-in-out infinite;position:relative;z-index:2}.collection-modern-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:collectionModernIconGlow 3s ease-in-out infinite;z-index:1}@keyframes collectionModernIconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes collectionModernIconGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.table-transition-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.oenotheque-drag-container{position:relative;width:100%;aspect-ratio:16 / 9;height:auto;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#0000004d;border-radius:12px;overflow:visible;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;box-sizing:border-box}@media(max-width:768px){.oenotheque-drag-container{border-radius:8px;border-width:1px}}@media(max-width:480px){.oenotheque-drag-container{border-radius:6px}}.oenotheque-drag-container.drag-over{border:2px dashed #3b82f6;background-color:#3b82f61a}.oenotheque-drag-container *{box-sizing:border-box}.oenotheque-drag-container{will-change:auto;position:relative;overflow:visible;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.oenotheque-drag-container .bottle-container.resizing{contain:strict;isolation:isolate;position:absolute!important;z-index:1000!important;border:2px solid #3b82f6;box-shadow:0 0 10px #3b82f680;transform:translateZ(0);will-change:transform}.bottle-resize-container{position:absolute!important;contain:layout style!important;isolation:isolate!important;transform:translateZ(0)!important;will-change:auto!important;pointer-events:auto!important}.bottle-resize-container.resizing,.bottle-resize-container.resizing *{pointer-events:none!important}.bottle-resize-overlay{position:fixed!important;z-index:999999!important;pointer-events:none!important;contain:strict!important;isolation:isolate!important;transform:translateZ(0)!important;will-change:width,height!important;box-sizing:border-box!important;transition:none!important}.oenotheque-drag-container *:not(.bottle-resize-container){pointer-events:auto}.bottle-resize-container.resizing~*{pointer-events:auto!important}.bottle-modern-item{position:absolute;background:transparent;border-radius:6px;padding:2px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease-out,box-shadow .2s ease-out;z-index:1}.bottle-modern-item:hover{z-index:2;box-shadow:0 4px 12px #00000026}.bottle-modern-item.dragging{cursor:grabbing;z-index:1000;opacity:.8}.bottle-modern-item.resizing{cursor:nwse-resize!important;z-index:1000!important;opacity:.9;border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f699;transition:none!important;transform:translateZ(0);will-change:width,height;isolation:isolate;contain:layout style}.bottle-modern-item .bottle-image-container{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;position:relative;min-width:36px;min-height:45px}.bottle-modern-item .bottle-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;max-width:100%;max-height:100%;background-color:transparent;display:block}.bottle-modern-item .bottle-controls-overlay{position:absolute;inset:0;padding:0;display:flex;justify-content:center;opacity:0;transition:opacity .2s ease-out;pointer-events:none}.bottle-modern-item:hover .bottle-controls-overlay{opacity:1;pointer-events:none}.bottle-controls-top{position:absolute;top:1px;right:1px;left:auto;transform:none;display:flex;gap:1px;flex-direction:row;pointer-events:auto}.bottle-control-btn{width:10px;height:10px;border:none;border-radius:1px;background:#000c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:4px;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;border:1px solid rgba(255,255,255,.2);padding:0}.bottle-control-btn:hover{background:#000000e6;transform:scale(1.1);border-color:#fff6;box-shadow:none}.bottle-control-btn.upload{background:#22c55ecc;color:#fff}.bottle-control-btn.upload:hover{background:#22c55ee6}.bottle-control-btn.preview{background:#3b82f6cc;color:#fff}.bottle-control-btn.preview:hover{background:#3b82f6e6}.bottle-control-btn.delete{background:#ef4444cc;color:#fff}.bottle-control-btn.delete:hover{background:#ef4444e6}.bottle-resize-handle{position:absolute;bottom:2px;right:2px;width:12px;height:12px;cursor:nwse-resize;opacity:0;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;background:#dc2626cc;border-radius:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.bottle-modern-item:hover .bottle-resize-handle{opacity:1}.bottle-resize-handle:hover{background:#dc2626;transform:scale(1.1)}.bottle-processing-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:8px}.processing-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.processing-progress{width:80%;height:4px;background:#fff3;border-radius:2px;margin:12px 0;overflow:hidden}.processing-progress-bar{height:100%;background:linear-gradient(to right,#3b82f6,#10b981);transition:width .3s ease-out}.processing-status{font-size:12px;margin:0}.collection-header-search,.collection-content-background,.collection-content-no-bottles-overlay,.collection-container-background{background:#020202}.collection-controls-bar{background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.collection-controls-group{display:flex;align-items:center;gap:.5rem}.collection-control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:14px;font-weight:500}.collection-control-btn:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.collection-control-btn.primary{background:#dc262633;border-color:#dc262680}.collection-control-btn.primary:hover{background:#dc26264d;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.elevator-modern{position:fixed!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:220px!important;background:linear-gradient(135deg,var(--oenotheque-bg-main) 0%,var(--oenotheque-bg-card) 100%)!important;border:2px solid var(--oenotheque-primary)!important;border-left:none!important;border-radius:0 20px 20px 0!important;box-shadow:var(--oenotheque-shadow-lg)!important;-webkit-backdrop-filter:var(--oenotheque-blur)!important;backdrop-filter:var(--oenotheque-blur)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;z-index:1050!important;overflow:hidden!important;padding:1rem!important}.elevator-modern.closed{left:-220px!important}.elevator-toggle-modern{position:fixed!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;background-color:var(--oenotheque-primary)!important;color:var(--oenotheque-text-primary)!important;border:none!important;border-radius:50%!important;width:48px!important;height:48px!important;padding:6px!important;z-index:1050!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:var(--oenotheque-shadow)!important}.elevator-toggle-modern:hover{transform:translateY(-50%) scale(1.1)!important;box-shadow:var(--oenotheque-shadow-lg)!important;border:2px solid var(--oenotheque-glass-border)!important}.elevator-toggle-modern.hidden{display:none!important}.elevator-header-modern{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1rem!important;padding-bottom:.5rem!important;border-bottom:1px solid var(--oenotheque-border)!important}.elevator-header-modern h6{color:var(--oenotheque-text-primary)!important;margin:0!important;font-size:1rem!important;font-weight:600!important}.elevator-close-btn-modern{background:transparent!important;border:none!important;color:var(--oenotheque-text-primary)!important;cursor:pointer!important;padding:.25rem!important;transition:all .2s ease!important}.elevator-close-btn-modern:hover{color:var(--oenotheque-primary)!important;transform:scale(1.1)!important}.elevator-controls-modern{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1rem!important}.elevator-btn-modern{background:var(--oenotheque-glass)!important;border:1px solid var(--oenotheque-glass-border)!important;color:var(--oenotheque-text-primary)!important;padding:.5rem!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important}.elevator-btn-modern:hover:not(.disabled){background:var(--oenotheque-primary)!important;transform:translateY(-2px)!important}.elevator-btn-modern.disabled{opacity:.5!important;cursor:not-allowed!important}.elevator-floor-display-modern{background:var(--oenotheque-glass)!important;color:var(--oenotheque-text-primary)!important;padding:.5rem 1rem!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:.5rem!important}.elevator-floor-display-modern .floor-number{font-size:1.2rem!important;font-weight:700!important;color:var(--oenotheque-primary)!important}.elevator-door-modern{height:4px!important;background:var(--oenotheque-glass)!important;border-radius:2px!important;margin-bottom:1rem!important;position:relative!important;overflow:hidden!important}.elevator-door-modern:after{content:""!important;position:absolute!important;inset:0!important;background:var(--oenotheque-primary)!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .3s ease!important}.elevator-door-modern.moving:after{transform:scaleX(1)!important}.elevator-floors-modern{max-height:300px!important;overflow-y:auto!important;margin-bottom:1rem!important;padding-right:.5rem!important}.elevator-floor-btn-modern{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:.75rem!important;margin-bottom:.5rem!important;background:var(--oenotheque-glass)!important;border:1px solid var(--oenotheque-glass-border)!important;border-radius:8px!important;color:var(--oenotheque-text-primary)!important;cursor:pointer!important;transition:all .2s ease!important}.elevator-floor-btn-modern:hover:not(.disabled){background:var(--oenotheque-glass)!important;transform:translate(4px)!important;border-color:var(--oenotheque-primary)!important}.elevator-floor-btn-modern.active{background:var(--oenotheque-primary)!important;border-color:var(--oenotheque-primary)!important}.elevator-floor-btn-modern.disabled{opacity:.5!important;cursor:not-allowed!important}.elevator-floor-btn-modern .floor-info{display:flex!important;align-items:center!important;gap:.75rem!important}.elevator-floor-btn-modern .floor-number,.elevator-floor-btn-modern .bottle-count{background:var(--oenotheque-glass)!important;color:var(--oenotheque-text-primary)!important;padding:.25rem .5rem!important;border-radius:4px!important;font-size:.75rem!important}.add-collection-btn-modern{width:100%!important;padding:.75rem!important;background:var(--oenotheque-success)!important;color:var(--oenotheque-text-primary)!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all .2s ease!important;font-size:.875rem!important}.add-collection-btn-modern:hover:not(.disabled){transform:translateY(-2px)!important;box-shadow:var(--oenotheque-shadow)!important}.add-collection-btn-modern.disabled{opacity:.5!important;cursor:not-allowed!important}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.collection-modern-container{border-radius:12px}.oenotheque-content{min-height:calc(100vh - 80px)}}.collection-control-btn.delete{background:#ef444433;border-color:#ef444480}.collection-control-btn.delete:hover{background:#ef44444d;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.collection-control-btn.active{background:#3b82f64d;border-color:#3b82f6;color:#fff}.collection-card-modern.add-card{background:#10b9811a;border:2px dashed rgba(16,185,129,.5);border-style:dashed}.collection-card-modern.add-card:hover{background:#10b98133;border-color:#10b981;transform:scale(1.02)}.collection-card-modern.configure-card{background:#9ca3af1a;border:2px dashed rgba(156,163,175,.5);border-style:dashed}.collection-card-modern.configure-card:hover{background:#9ca3af33;border-color:#9ca3af;transform:scale(1.02)}.bottle-controls-overlay.visible{opacity:1;pointer-events:auto}.bottle-modern-item.error{background:#b91c1c1a;border-color:#ef444480}.bottle-modern-item.collapsed{background:#000000b3;height:40px!important}.bottle-modern-item.new{box-shadow:0 0 20px #3b82f680;animation:newBottlePulse 2s ease-in-out infinite}@keyframes newBottlePulse{0%,to{box-shadow:0 0 20px #3b82f680}50%{box-shadow:0 0 30px #3b82f6cc}}.oenotheque-drag-container::-webkit-scrollbar{width:12px!important;height:12px!important}.oenotheque-drag-container::-webkit-scrollbar-track{background:#0000001a!important;border-radius:6px!important}.oenotheque-drag-container::-webkit-scrollbar-thumb{background:#000!important;border-radius:6px!important;border:2px solid rgba(0,0,0,.1)!important}.oenotheque-drag-container::-webkit-scrollbar-thumb:hover{background:#1a1a1a!important}[class*=collection][style*=background]{background-size:auto!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;overflow:hidden!important}.oenotheque-drag-container{background-position:center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;width:100%!important;overflow:visible!important;will-change:background-image!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.collection-card-background{background-size:auto!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;width:100%!important;height:100%!important;overflow:hidden!important}@media(max-width:640px){.collection-card-background{background-size:auto!important;background-position:center!important;min-height:300px!important}.collection-card{min-height:100px!important}}@media(min-width:641px)and (max-width:1024px){.collection-card-background{background-size:auto!important;background-position:center!important;min-height:350px!important}.collection-card{min-height:120px!important}}@media(min-width:1025px){.collection-card-background{background-size:auto!important;background-position:center!important;min-height:400px!important}.collection-card{min-height:140px!important}}.collection-content-background,.collection-container-background{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:scroll!important;width:100%!important;height:100%!important;overflow:hidden!important}.collection-card-background,.oenotheque-drag-container,.collection-content-background,.collection-container-background{image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}@media(min-width:1440px){.bottle-modern-item{min-width:80px;min-height:100px}}@media(min-width:1024px)and (max-width:1439px){.bottle-modern-item{min-width:70px;min-height:90px}}@media(min-width:768px)and (max-width:1023px){.bottle-modern-item{min-width:65px;min-height:85px}}@media(min-width:600px)and (max-width:767px){.bottle-modern-item{min-width:60px;min-height:80px}}@media(max-width:599px){.bottle-modern-item{min-width:55px;min-height:75px}}@media(min-width:768px)and (max-width:1023px){.collection-modern-header{padding:1.25rem;gap:1rem}.collection-controls-bar{padding:1rem;gap:.75rem}.collection-control-btn{padding:.75rem 1rem;font-size:.875rem}#elevator-container{width:250px!important}.oenotheque-main-content{gap:1.5rem}.search-content-section{margin-top:1rem}}@media(min-width:600px)and (max-width:767px){.collection-modern-header{padding:1rem;flex-direction:column;gap:.75rem}.collection-controls-bar{padding:.75rem;flex-wrap:wrap;gap:.5rem}.collection-control-btn{padding:.625rem .875rem;font-size:.8rem}#elevator-container{width:220px!important}}@media(max-width:599px){.collection-modern-header{padding:.875rem;flex-direction:column;gap:.625rem}.collection-controls-bar{padding:.625rem;flex-wrap:wrap;gap:.375rem}.collection-control-btn{padding:.5rem .75rem;font-size:.75rem}#elevator-container{width:200px!important}.oenotheque-content{padding:.75rem}}@media(min-width:768px)and (max-width:1023px){.bottle-control-btn{width:28px;height:28px;font-size:12px}.bottle-resize-handle{width:12px;height:12px}}@media(max-width:767px){.bottle-control-btn{width:32px;height:32px;font-size:14px}.bottle-resize-handle{width:14px;height:14px;opacity:.8}}@media(min-width:768px)and (max-width:1023px){.collection-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.collection-card{padding:1.25rem}}@media(min-width:600px)and (max-width:767px){.collection-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.875rem}.collection-card{padding:1rem}}@media(max-width:599px){.collection-cards-grid{grid-template-columns:1fr;gap:.75rem}.collection-card{padding:.875rem}}.oenotheque-loading-container{min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);border-radius:12px;margin:2rem 0;padding:3rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.oenotheque-loading-content{text-align:center;max-width:400px}.oenotheque-loading-spinner{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.oenotheque-loading-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#dc26261a,#dc26260d);border:2px solid rgba(220,38,38,.3);box-shadow:0 0 20px #dc262633;position:relative}.oenotheque-loading-bottle{font-size:2.5rem;color:#dc2626;filter:drop-shadow(0 0 10px rgba(220,38,38,.5))}.oenotheque-loading-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:2px solid rgba(220,38,38,.2);animation:oenothequeLoadingPulse 2s ease-in-out infinite}.oenotheque-loading-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.oenotheque-loading-subtitle{font-size:1rem;color:#a3a3a3;line-height:1.5;margin:0}.oenotheque-error-container{min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);border-radius:12px;margin:2rem 0;padding:3rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.oenotheque-error-content{text-align:center;max-width:400px}.oenotheque-error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dc26261a,#dc26260d);border:2px solid rgba(220,38,38,.3);box-shadow:0 0 20px #dc262633;margin:0 auto 1.5rem}.oenotheque-error-bottle{font-size:2rem;color:#dc2626;filter:drop-shadow(0 0 10px rgba(220,38,38,.5))}.oenotheque-error-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.oenotheque-error-message{font-size:1rem;color:#a3a3a3;line-height:1.5;margin-bottom:1.5rem}.oenotheque-error-retry{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.oenotheque-error-retry:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.oenotheque-error-retry:active{transform:translateY(0);box-shadow:0 2px 8px #dc26264d}@keyframes oenothequeLoadingPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(max-width:768px){.oenotheque-loading-container,.oenotheque-error-container{margin:1rem 0;padding:2rem 1rem}.oenotheque-loading-icon{width:80px;height:80px}.oenotheque-loading-bottle{font-size:2rem}.oenotheque-loading-pulse{width:100px;height:100px}.oenotheque-loading-title,.oenotheque-error-title{font-size:1.5rem}.oenotheque-loading-subtitle,.oenotheque-error-message{font-size:.9rem}.oenotheque-error-icon{width:60px;height:60px}.oenotheque-error-bottle{font-size:1.5rem}}.oenotheque-actions{display:flex;align-items:center;gap:1rem}.oenotheque-actions-center,.cistern-actions-center{position:absolute;left:50%;transform:translate(-50%);z-index:10}.cistern-sticky-button{position:fixed!important;top:70px!important;left:50%!important;transform:translate(-50%)!important;z-index:10000!important;background:#1a1a1afa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(220,38,38,.4)!important;border-radius:12px!important;padding:.5rem 1rem!important;box-shadow:0 4px 20px #0006!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;animation:slideDown .3s ease-out}.oenotheque-spacer{flex:1;min-width:0}.oenotheque-actions-center .view-toggle-btn{position:relative;transition:all .3s ease}.oenotheque-header.scrolled .oenotheque-actions-center{position:sticky!important;top:0!important;left:50%!important;transform:translate(-50%)!important;z-index:10000!important;background:#1a1a1afa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(220,38,38,.4)!important;border-radius:12px!important;padding:.5rem 1rem!important;box-shadow:0 4px 20px #0006!important;margin-top:0!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important}.oenotheque-header.scrolled .oenotheque-actions-center .view-toggle-btn{margin:0!important}.oenotheque-actions-center.sticky-button{position:sticky!important;top:0!important;left:50%!important;transform:translate(-50%)!important;z-index:10000!important;background:#1a1a1afa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(220,38,38,.4)!important;border-radius:12px!important;padding:.5rem 1rem!important;box-shadow:0 4px 20px #0006!important;margin-top:0!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.view-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:12px;color:#dc2626;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-toggle-btn:hover{background:#dc262633;border-color:#dc262680;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.view-toggle-btn.active{background:#dc26264d;border-color:#dc262699;color:#fff;box-shadow:0 0 20px #dc262666}.view-toggle-btn:focus{outline:none;box-shadow:0 0 0 2px #dc262680}.view-toggle-btn svg{font-size:1rem;transition:transform .3s ease}.view-toggle-btn:hover svg{transform:scale(1.1)}@media(max-width:768px){.oenotheque-actions{gap:.75rem}.view-toggle-btn{padding:.6rem .8rem;font-size:.85rem;gap:.4rem}.view-toggle-btn svg{font-size:.9rem}}@media(max-width:480px){.oenotheque-actions{gap:.5rem}.view-toggle-btn{padding:.5rem .7rem;font-size:.8rem;gap:.3rem}.view-toggle-btn span{display:none}.view-toggle-btn svg{font-size:.85rem}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:768px){@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translateZ(0)}}}.table-transition-container{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.table-transition-container{transition:none!important;animation:none!important}@keyframes fadeInUp{0%,to{opacity:1;transform:none}}@keyframes slideInFromTop{0%,to{opacity:1;transform:none}}}.wine-table-section,.bottled-wine-table-section{margin-top:6px;width:100%;position:relative;z-index:50}.wine-table-section:has(.table-collapsed){z-index:1}.bottled-wine-table-section:has(.table-collapsed){z-index:1}.wine-table-controls,.bottled-wine-table-controls{display:flex;justify-content:flex-end;margin-bottom:2px;position:relative}.wine-table-searchbar,.bottled-wine-table-searchbar{display:flex;align-items:center;gap:2px;width:100%;position:relative}.wine-table-search-input,.bottled-wine-table-search-input{flex:1;border:none;border-radius:0;font-size:1rem;background:transparent;color:#fff;width:100%;padding:1rem 1rem 1rem 2.5rem}.wine-table-search-input::-moz-placeholder,.bottled-wine-table-search-input::-moz-placeholder{color:#ffffffb3}.wine-table-search-input::placeholder,.bottled-wine-table-search-input::placeholder{color:#ffffffb3}.wine-table-clear-btn,.bottled-wine-table-clear-btn{background-color:transparent;border:none;color:#dc2626;font-size:1.125rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .2s}.wine-table-clear-btn:hover,.bottled-wine-table-clear-btn:hover{background-color:#f3f4f6}.wine-table-toggle-btn,.bottled-wine-table-toggle-btn{background-color:#ca8a04;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.wine-table-toggle-btn:hover,.bottled-wine-table-toggle-btn:hover{background-color:#a16207}.wine-table-overlay,.bottled-wine-table-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}.wine-table-scrollable-container,.bottled-wine-table-scrollable-container{max-height:80vh;overflow-y:auto;background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a}.wine-table-scrollable-container::-webkit-scrollbar,.bottled-wine-table-scrollable-container::-webkit-scrollbar{width:12px!important}.wine-table-scrollable-container::-webkit-scrollbar-track,.bottled-wine-table-scrollable-container::-webkit-scrollbar-track{background-color:#0000001a!important;border-radius:6px!important}.wine-table-scrollable-container::-webkit-scrollbar-thumb,.bottled-wine-table-scrollable-container::-webkit-scrollbar-thumb{background-color:#000!important;border-radius:6px!important;border:2px solid rgba(0,0,0,.1)!important}.wine-table-scrollable-container::-webkit-scrollbar-thumb:hover,.bottled-wine-table-scrollable-container::-webkit-scrollbar-thumb:hover{background-color:#1a1a1a!important}.wine-table-table,.bottled-wine-table-table{width:100%;border-collapse:collapse;margin:0}.wine-table-table th,.bottled-wine-table-table th{background-color:#000!important;color:#fff!important;background-color:#f9fafb;border-bottom:2px solid rgb(229,231,235);padding:.75rem;text-align:left;font-weight:600;color:#374151;position:sticky;top:0;z-index:10}.wine-table-sortable-header,.bottled-wine-table-sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wine-table-sortable-header:hover,.bottled-wine-table-sortable-header:hover{background-color:#f3f4f6}.wine-table-row,.bottled-wine-table-row{border-bottom:1px solid rgb(229,231,235);transition:background-color .2s}.wine-table-row:hover,.bottled-wine-table-row:hover{background-color:#f9fafb}.wine-table-empty,.bottled-wine-table-empty{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}.wine-table-pagination-wrapper,.bottled-wine-table-pagination-wrapper{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#f9fafb;border-top:1px solid rgb(229,231,235)}.wine-table-pagination,.bottled-wine-table-pagination{display:flex;list-style:none;margin:0;padding:0;gap:.25rem}.wine-table-page-item,.bottled-wine-table-page-item{margin:0}.wine-table-page-link,.bottled-wine-table-page-link{display:block;padding:.5rem .75rem;border:1px solid rgb(209,213,219);background-color:#fff;color:#374151;text-decoration:none;border-radius:.375rem;transition:all .2s}.wine-table-page-item.active .wine-table-page-link,.bottled-wine-table-page-item.active .bottled-wine-table-page-link{background-color:#dc2626;border-color:#dc2626;color:#fff}.wine-table-page-item.disabled .wine-table-page-link,.bottled-wine-table-page-item.disabled .bottled-wine-table-page-link{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.wt-section,.bottled-wt-section{margin-top:6px;width:100%;position:relative;z-index:50}.wt-controls,.bottled-wt-controls{display:flex;justify-content:flex-end;margin-bottom:2px;position:relative}.wt-searchbar,.bottled-wt-searchbar{display:flex;align-items:center;gap:2px;width:100%;position:relative;max-width:300px}.wt-search-input,.bottled-wt-search-input{flex:1;padding:4px 4px 4px 10px;border:1px solid rgb(209,213,219);border-radius:.375rem;font-size:1rem;background-color:#f9fafb;color:#374151;width:100%;padding-left:2.5rem;transition:border-color .2s}.wt-clear-btn,.bottled-wt-clear-btn{background-color:transparent;border:none;color:#dc2626;font-size:1.125rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .2s}.wt-clear-btn:hover,.bottled-wt-clear-btn:hover{background-color:#f3f4f6}.wt-toggle-btn,.bottled-wt-toggle-btn{background-color:#ca8a04;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-left:.5rem}.wt-toggle-btn:hover,.bottled-wt-toggle-btn:hover{background-color:#a16207}.wt-dropdown,.bottled-wt-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid rgb(209,213,219);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;min-width:200px;max-height:400px;overflow-y:auto;display:none;margin-top:.25rem}.wt-dropdown.show,.bottled-wt-dropdown.show{display:block}.wt-table,.bottled-wt-table{width:100%;border-collapse:collapse}.wt-table th,.bottled-wt-table th{background-color:#f9fafb;border-bottom:1px solid rgb(229,231,235);padding:.5rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem}.wt-pagination,.bottled-wt-pagination{display:flex;justify-content:center;padding:.5rem;gap:.25rem}.wt-page-link,.bottled-wt-page-link{padding:.25rem .5rem;border:1px solid rgb(209,213,219);background-color:#fff;color:#374151;text-decoration:none;border-radius:.25rem;font-size:.875rem}.wt-page-link.active,.bottled-wt-page-link.active{background-color:#dc2626;color:#fff}.wt-page-link.disabled,.bottled-wt-page-link.disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.wt-table tbody tr:hover,.bottled-wt-table tbody tr:hover{background-color:#f9fafb}.wt-sortable,.bottled-wt-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wt-sortable:hover,.bottled-wt-sortable:hover{background-color:#f3f4f6}.wine-table-table,.bottled-wine-table-table{width:100%!important;table-layout:fixed}.wine-table-table td[colspan],.bottled-wine-table-table td[colspan]{width:100%!important;text-align:center!important}.wine-table-table td[colspan]>div,.bottled-wine-table-table td[colspan]>div{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.overflow-x-auto table{width:100%!important;table-layout:fixed!important}.overflow-x-auto table td[colspan]{width:100%!important;text-align:center!important;padding:3rem 1.5rem!important}.overflow-x-auto table td[colspan]>div{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.table-transition-container,.table-transition-container .overflow-x-auto{width:100%!important}.table-transition-container .overflow-x-auto table{width:100%!important;min-width:100%!important}.wine-table-search-header+.table-transition-container{width:100%!important}.wine-table-search-header+.table-transition-container .overflow-x-auto{width:100%!important}.wine-table-search-header+.table-transition-container .overflow-x-auto table{width:100%!important;min-width:100%!important;table-layout:fixed!important}.wine-table-search-header+.table-transition-container .overflow-x-auto table td[colspan]{width:100%!important;text-align:center!important;padding:3rem 1.5rem!important}.wine-table-search-header+.table-transition-container .overflow-x-auto table td[colspan]>div{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}table td[colspan]{width:100%!important;text-align:center!important;padding:3rem 1.5rem!important}table td[colspan]>div{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}table{width:100%!important;table-layout:fixed!important}.bottled-wine-table-search-header+.table-transition-container{width:100%!important}.bottled-wine-table-search-header+.table-transition-container .overflow-x-auto{width:100%!important}.bottled-wine-table-search-header+.table-transition-container .overflow-x-auto table{width:100%!important;min-width:100%!important;table-layout:fixed!important}.bottled-wine-table-search-header+.table-transition-container .overflow-x-auto table td[colspan]{width:100%!important;text-align:center!important;padding:3rem 1.5rem!important}.bottled-wine-table-search-header+.table-transition-container .overflow-x-auto table td[colspan]>div{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}@media(max-width:768px){.wine-table-section,.bottled-wine-table-section{margin-top:4px}.wine-table-searchbar,.bottled-wine-table-searchbar{flex-direction:column;gap:4px}.wine-table-toggle-btn,.bottled-wine-table-toggle-btn{width:100%;margin-left:0}.wine-table-overlay,.bottled-wine-table-overlay{padding:.5rem}.wine-table-scrollable-container,.bottled-wine-table-scrollable-container{max-height:90vh}.table-transition-container .overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;width:100%!important;max-width:100%!important}.table-transition-container .overflow-x-auto::-webkit-scrollbar{height:8px!important}.table-transition-container .overflow-x-auto::-webkit-scrollbar-track{background:#0000001a!important;border-radius:4px!important}.table-transition-container .overflow-x-auto::-webkit-scrollbar-thumb{background:#dc262699!important;border-radius:4px!important}.table-transition-container .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#dc2626cc!important}.wine-table-table,.bottled-wine-table-table{table-layout:auto!important;min-width:1500px!important;width:1500px!important}.overflow-x-auto .wine-table-table,.overflow-x-auto .bottled-wine-table-table{width:1500px!important;min-width:1500px!important}.table-transition-container .overflow-x-auto .wine-table-table,.table-transition-container .overflow-x-auto .bottled-wine-table-table,.mb-6 .wine-table-search-header .table-transition-container .overflow-x-auto .wine-table-table,.mb-6 .wine-table-search-header .table-transition-container .overflow-x-auto .bottled-wine-table-table,table.wine-table-table,table.bottled-wine-table-table{width:1500px!important;min-width:1500px!important;max-width:none!important}.wine-table-table td,.bottled-wine-table-table td{padding:.25rem .5rem!important;font-size:.8rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.2!important;white-space:nowrap!important;min-width:60px!important}.wine-table-table th,.bottled-wine-table-table th{padding:.25rem .5rem!important;font-size:.8rem!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:nowrap!important;min-width:60px!important;position:sticky!important;top:0!important;background:#000c!important;z-index:10!important}.wine-table-table th:nth-child(1),.wine-table-table td:nth-child(1){min-width:120px!important}.wine-table-table th:nth-child(2),.wine-table-table td:nth-child(2){min-width:80px!important}.wine-table-table th:nth-child(3),.wine-table-table td:nth-child(3){min-width:100px!important}.wine-table-table th:nth-child(4),.wine-table-table td:nth-child(4){min-width:100px!important}.wine-table-table th:nth-child(5),.wine-table-table td:nth-child(5){min-width:100px!important}.wine-table-table th:nth-child(6),.wine-table-table td:nth-child(6){min-width:100px!important}.wine-table-table th:nth-child(7),.wine-table-table td:nth-child(7){min-width:80px!important}.bottled-wine-table-table th:nth-child(1),.bottled-wine-table-table td:nth-child(1){min-width:150px!important}.bottled-wine-table-table th:nth-child(2),.bottled-wine-table-table td:nth-child(2){min-width:120px!important}.bottled-wine-table-table th:nth-child(3),.bottled-wine-table-table td:nth-child(3){min-width:80px!important}.bottled-wine-table-table th:nth-child(4),.bottled-wine-table-table td:nth-child(4){min-width:80px!important}.bottled-wine-table-table th:nth-child(5),.bottled-wine-table-table td:nth-child(5){min-width:100px!important}.bottled-wine-table-table th:nth-child(6),.bottled-wine-table-table td:nth-child(6){min-width:100px!important}}@media(max-width:480px){.table-transition-container .overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;width:100%!important;max-width:100%!important}.table-transition-container .overflow-x-auto::-webkit-scrollbar{height:6px!important}.wine-table-table,.bottled-wine-table-table{table-layout:auto!important;min-width:1200px!important;width:1200px!important}.overflow-x-auto .wine-table-table,.overflow-x-auto .bottled-wine-table-table{width:1200px!important;min-width:1200px!important}.table-transition-container .overflow-x-auto .wine-table-table,.table-transition-container .overflow-x-auto .bottled-wine-table-table,.mb-6 .wine-table-search-header .table-transition-container .overflow-x-auto .wine-table-table,.mb-6 .wine-table-search-header .table-transition-container .overflow-x-auto .bottled-wine-table-table,table.wine-table-table,table.bottled-wine-table-table{width:1200px!important;min-width:1200px!important;max-width:none!important}.wine-table-table td,.bottled-wine-table-table td{padding:.2rem .4rem!important;font-size:.75rem!important;line-height:1.1!important;white-space:nowrap!important;min-width:50px!important}.wine-table-table th,.bottled-wine-table-table th{padding:.2rem .4rem!important;font-size:.75rem!important;white-space:nowrap!important;min-width:50px!important;position:sticky!important;top:0!important;background:#000000e6!important;z-index:10!important}.wine-table-table th:nth-child(1),.wine-table-table td:nth-child(1){min-width:100px!important}.wine-table-table th:nth-child(2),.wine-table-table td:nth-child(2){min-width:70px!important}.wine-table-table th:nth-child(3),.wine-table-table td:nth-child(3){min-width:80px!important}.wine-table-table th:nth-child(4),.wine-table-table td:nth-child(4){min-width:80px!important}.wine-table-table th:nth-child(5),.wine-table-table td:nth-child(5){min-width:80px!important}.wine-table-table th:nth-child(6),.wine-table-table td:nth-child(6){min-width:80px!important}.wine-table-table th:nth-child(7),.wine-table-table td:nth-child(7){min-width:70px!important}.bottled-wine-table-table th:nth-child(1),.bottled-wine-table-table td:nth-child(1){min-width:120px!important}.bottled-wine-table-table th:nth-child(2),.bottled-wine-table-table td:nth-child(2){min-width:100px!important}.bottled-wine-table-table th:nth-child(3),.bottled-wine-table-table td:nth-child(3){min-width:70px!important}.bottled-wine-table-table th:nth-child(4),.bottled-wine-table-table td:nth-child(4){min-width:70px!important}.bottled-wine-table-table th:nth-child(5),.bottled-wine-table-table td:nth-child(5){min-width:80px!important}.bottled-wine-table-table th:nth-child(6),.bottled-wine-table-table td:nth-child(6){min-width:80px!important}}.wine-table-search-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0;margin-bottom:0;box-shadow:none;width:100%!important;position:relative!important}.mb-6.table-collapsed{pointer-events:none;position:relative;z-index:1}.mb-6.table-collapsed .wine-table-search-header{pointer-events:auto;position:relative;z-index:10}.mb-6.table-collapsed .table-transition-container{display:none!important;height:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.mb-6.table-collapsed .table-transition-container.max-h-0{margin:0!important;padding:0!important;border:none!important;background:none!important}.mb-6{width:100%!important;position:relative!important}.wine-table-search-header .flex-1.relative{max-width:100%!important;width:100%!important;flex:1!important;min-width:0!important;flex-grow:1!important;flex-shrink:1!important}.wine-table-search-input{padding:.75rem .75rem .75rem 2.5rem!important;font-size:1rem!important;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000040;min-height:40px;width:100%!important;box-sizing:border-box;flex:1!important;min-width:0!important;flex-grow:1!important;flex-shrink:1!important;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.wine-table-search-input:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633!important}.wine-table-search-header .flex.items-center.justify-between.gap-4{gap:1rem!important;align-items:stretch!important}.wine-table-search-header .flex.items-center.justify-between.gap-4>div:first-child{flex:1!important;min-width:0!important;width:100%!important}.wine-table-search-header .absolute.left-3{left:.75rem!important;top:50%!important;transform:translateY(-50%)!important;font-size:1rem!important;color:#ffffffb3!important}.wine-table-search-header .absolute.right-3{right:.75rem!important;top:50%!important;transform:translateY(-50%)!important;font-size:1rem!important;padding:.25rem!important}@media(max-width:1024px){.wine-table-search-header .flex-1.relative{max-width:100%}.wine-table-search-input{padding:.7rem .7rem .7rem 2.3rem!important;font-size:.95rem!important;min-height:38px}.wine-table-search-header .absolute.left-3{font-size:.95rem!important}.wine-table-search-header .absolute.right-3{font-size:.9rem!important}}@media(max-width:768px){.wine-table-search-input{padding:.6rem .6rem .6rem 2.2rem!important;font-size:.9rem!important;min-height:36px}.wine-table-search-header .absolute.left-3{font-size:.9rem!important}.wine-table-search-header .absolute.right-3{font-size:.85rem!important}}.mb-6.table-collapsed~.wine-table-section,.mb-6.table-collapsed~.bottled-wine-table-section{z-index:1}.wine-table-section:has(.mb-6.table-collapsed){z-index:1}.wine-table-section .mb-6.table-collapsed{z-index:1}.wine-table-section .mb-6.table-collapsed .wine-table-search-header{z-index:10}.bottle-detail-container{min-height:100vh;background:#020202;margin-top:4rem;padding:1rem .5rem;position:relative;overflow-x:hidden}.bottle-detail-container:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.02)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.4;z-index:1;pointer-events:none}.bottle-detail-back-button{display:inline-flex;align-items:center;padding:.4rem .8rem;background:#4b5563cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:50px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #0000004d;font-size:.8rem;margin-right:.75rem}.bottle-detail-back-button:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 8px 25px #4b556366;color:#fff}.bottle-detail-header{display:flex;flex-direction:column;margin-bottom:1.5rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:16px;padding:1rem 1.5rem;box-shadow:0 8px 32px #0000004d;position:relative;z-index:2}.bottle-detail-header-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}.bottle-detail-title-section{display:flex;align-items:center;gap:1rem;flex:1}.bottle-detail-bottle-icon{color:#dc2626;font-size:2rem;filter:drop-shadow(0 0 20px rgba(220,38,38,.6));animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bottle-detail-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.8);line-height:1.2}.bottle-detail-number{color:#ef4444;font-weight:600;margin-top:.25rem;font-size:.9rem}.bottle-detail-quantity{color:#10b981;font-size:.8rem;font-weight:600;margin-top:.25rem;background:#10b9811a;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(16,185,129,.3);display:inline-block}.bottle-detail-actions{display:flex;gap:.75rem;flex-wrap:wrap}button.bottle-detail-edit-button,button.bottle-detail-delete-button,button.bottle-detail-sale-button{display:inline-flex!important;align-items:center!important;padding:.3rem .6rem!important;border-radius:6px!important;font-weight:600!important;text-decoration:none!important;transition:all .3s ease!important;border:none!important;cursor:pointer!important;font-size:.7rem!important;box-shadow:0 2px 8px #0003!important;background:linear-gradient(45deg,#ef4444,#dc2626)!important;color:#fff!important}button.bottle-detail-edit-button:hover,button.bottle-detail-delete-button:hover,button.bottle-detail-sale-button:hover:not(:disabled){background:linear-gradient(45deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #ef444466!important;color:#fff!important}button.bottle-detail-sale-button:disabled{opacity:.5!important;cursor:not-allowed!important;background:#6b7280!important}.bottle-detail-info-card,.bottle-detail-images-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:1rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;z-index:2;height:-moz-fit-content;height:fit-content}.bottle-detail-info-card:hover,.bottle-detail-images-card:hover{border-color:#ef444466;box-shadow:0 12px 40px #ef444433}.bottle-detail-info-title{display:flex;align-items:center;font-size:1rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.bottle-detail-image-section{text-align:center;padding:1rem;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.bottle-detail-image{max-width:100%;height:auto;max-height:280px;border-radius:12px;box-shadow:0 8px 32px #00000080;transition:all .3s ease;cursor:pointer;-o-object-fit:contain;object-fit:contain;background:transparent}.bottle-detail-image:hover{transform:scale(1.02);box-shadow:0 12px 40px #000000b3}.bottle-detail-image-overlay{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:1rem;background:linear-gradient(45deg,rgba(255,255,255,.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.02) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.02) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.bottle-detail-no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;background:#0000004d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease;cursor:pointer}.bottle-detail-no-image:hover{background:#0006;border-color:#ef444466}.bottle-detail-no-image-icon{font-size:2.5rem;color:#9ca3af;margin-bottom:.75rem}.bottle-detail-no-image-text{color:#9ca3af;font-size:.9rem;margin-bottom:.75rem}.bottle-detail-no-image-upload{display:inline-flex;align-items:center;padding:.4rem .8rem;background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:.8rem}.bottle-detail-no-image-upload:hover{background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translateY(-2px)}.bottle-detail-form-label{display:block;font-size:.75rem;font-weight:600;color:#9ca3af;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.bottle-detail-form-input,.bottle-detail-form-select,.bottle-detail-form-textarea{width:100%;padding:.6rem .8rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease;box-sizing:border-box}.bottle-detail-form-input:focus,.bottle-detail-form-select:focus,.bottle-detail-form-textarea:focus{outline:none;border-color:#ef444480;background:#0006;box-shadow:0 0 0 2px #ef444433}.bottle-detail-form-textarea{resize:vertical;min-height:80px;font-family:inherit}.bottle-detail-image-controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem}.bottle-detail-image-control-btn{display:inline-flex;align-items:center;padding:.4rem .8rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:.75rem}.bottle-detail-image-control-btn:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-1px)}.bottle-detail-image-control-btn.bg-remove{background:#10b98133;border-color:#10b9814d;color:#10b981}.bottle-detail-image-control-btn.bg-remove:hover{background:#10b9814d;border-color:#10b98180}.bottle-detail-image-control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.bottle-detail-processing-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottle-detail-processing-content{text-align:center;color:#fff}.bottle-detail-processing-text{font-size:.9rem;margin-bottom:.5rem;color:#fff}.bottle-detail-processing-progress{width:150px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin:0 auto}.bottle-detail-processing-progress-bar{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .3s ease;border-radius:2px}.bottle-detail-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.6rem .8rem;border-radius:8px;margin-bottom:.75rem;font-size:.8rem}.bottle-detail-success{background:#10b981;border:2px solid #059669;color:#fff!important;padding:.8rem 1.2rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;font-weight:700;text-shadow:none;box-shadow:0 4px 12px #10b9814d;animation:successFadeIn .3s ease-in-out;position:relative;z-index:10;text-align:center;letter-spacing:.3px;display:block;width:100%}.bottle-detail-success:before{content:"✓ ";display:inline;font-size:1rem;font-weight:700;color:#fff!important}@keyframes successFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}50%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.spin{animation:spin 1s linear infinite}@media(max-width:1024px){.bottle-detail-header{flex-direction:column;gap:.75rem;text-align:center}.bottle-detail-title{font-size:1.5rem}.bottle-detail-actions{justify-content:center}.bottle-detail-info-grid{grid-template-columns:1fr}.bottle-detail-info-label{font-size:.7rem}.bottle-detail-info-value{font-size:.85rem}.bottle-detail-info-amount-left{font-size:1rem}}@media(max-width:768px){.bottle-detail-container{padding:.5rem .25rem}.bottle-detail-header{padding:1rem;margin-bottom:1rem}.bottle-detail-title-section{flex-direction:column;gap:.75rem}.bottle-detail-back-button{font-size:.75rem;padding:.3rem .6rem}.bottle-detail-title{font-size:1.25rem}.bottle-detail-bottle-icon{font-size:1.75rem}.bottle-detail-actions{gap:.4rem}.bottle-detail-edit-button,.bottle-detail-delete-button{padding:.3rem .6rem;font-size:.7rem}.bottle-detail-info-card,.bottle-detail-images-card{padding:.75rem}.bottle-detail-info-grid{gap:.5rem}.bottle-detail-info-title{font-size:.9rem}.bottle-detail-info-label{font-size:.7rem}.bottle-detail-info-value{font-size:.8rem}.bottle-detail-info-amount-left{font-size:.9rem}.bottle-detail-image{max-height:190px}.bottle-detail-image-overlay{min-height:200px;padding:.75rem}.bottle-detail-image-preview-btn{width:2rem;height:2rem;top:.25rem;right:.25rem}.bottle-detail-no-image{height:120px}.bottle-detail-no-image-icon{font-size:2rem}.bottle-detail-image-controls{gap:.4rem}.bottle-detail-image-control-btn{padding:.3rem .6rem;font-size:.7rem}}@media(max-width:480px){.bottle-detail-title{font-size:1.1rem}.bottle-detail-bottle-icon{font-size:1.5rem}.bottle-detail-info-card,.bottle-detail-images-card{padding:.5rem}.bottle-detail-info-grid{gap:.4rem}.bottle-detail-info-title{font-size:.85rem}.bottle-detail-info-label{font-size:.65rem}.bottle-detail-info-value{font-size:.75rem}.bottle-detail-info-amount-left{font-size:.85rem}.bottle-detail-image{max-height:170px}.bottle-detail-no-image{height:100px}.bottle-detail-no-image-icon{font-size:1.75rem}.bottle-detail-no-image-text{font-size:.8rem}.bottle-detail-no-image-upload{padding:.3rem .6rem;font-size:.75rem}.bottle-detail-image-controls{flex-direction:column;align-items:center}.bottle-detail-image-control-btn{width:100%;max-width:180px;justify-content:center}}@media(prefers-reduced-motion:reduce){.bottle-detail-container,.bottle-detail-header,.bottle-detail-info-card,.bottle-detail-images-card,.bottle-detail-image,.bottle-detail-edit-button,.bottle-detail-delete-button,.bottle-detail-image-control-btn,.bottle-detail-save-button{transition:none}.bottle-detail-image:hover,.bottle-detail-edit-button:hover,.bottle-detail-delete-button:hover,.bottle-detail-image-control-btn:hover,.bottle-detail-save-button:hover{transform:none}}.recycled-wine-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.recycled-wine-error{display:flex;align-items:center;justify-content:center;padding:2rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:12px;color:#dc2626;font-weight:500}.recycled-wine-section{background:#2d2d2de6;border:1px solid rgba(220,38,38,.2);border-radius:16px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recycled-wine-section:hover{border-color:#dc262666;box-shadow:0 8px 25px #dc26261a;transform:translateY(-2px)}.recycled-wine-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(220,38,38,.2)}.recycled-wine-section-icon{font-size:1.25rem;color:#dc2626;filter:drop-shadow(0 0 8px rgba(220,38,38,.5))}.recycled-wine-section-title{color:#fff;font-weight:600;font-size:1.125rem;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.recycled-wine-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;font-size:.875rem}.recycled-wine-data-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#23232399;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.recycled-wine-data-item:hover{background:#232323cc;border-color:#dc26264d;transform:translate(4px)}.recycled-wine-data-label{color:#ffffffb3;font-weight:500;flex-shrink:0}.recycled-wine-data-value{color:#fff;text-align:right;word-break:break-word;max-width:60%;font-weight:400}.recycled-wine-section-content{padding-top:.5rem}.recycled-wine-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:#fff9}.recycled-wine-empty-icon{font-size:2rem;color:#dc262680;margin-bottom:.75rem;filter:drop-shadow(0 0 5px rgba(220,38,38,.3))}.recycled-wine-empty-state p{margin:0;font-size:.875rem;font-weight:500}.recycled-wine-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:#23232399;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.recycled-wine-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.recycled-wine-summary-label{color:#ffffffb3;font-weight:500;font-size:.875rem}.recycled-wine-summary-value{color:#fff;font-weight:600;font-size:.875rem}.recycled-wine-cisterns{display:flex;flex-direction:column;gap:1rem}.recycled-wine-cistern-item{background:#232323cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;transition:all .3s ease}.recycled-wine-cistern-item:hover{border-color:#dc26264d;background:#232323e6;transform:translate(4px)}.recycled-wine-cistern-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.recycled-wine-cistern-name{color:#fff;font-weight:600;font-size:1rem}.recycled-wine-cistern-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;font-size:.8rem}.recycled-wine-cistern-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.recycled-wine-cistern-detail-label{color:#fff9;font-weight:500}.recycled-wine-cistern-detail-value{color:#fff;font-weight:400;text-align:right}@media(max-width:1200px){.recycled-wine-data-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recycled-wine-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:768px){.recycled-wine-container{gap:1rem}.recycled-wine-section{padding:1rem}.recycled-wine-section-header{margin-bottom:.75rem;padding-bottom:.5rem}.recycled-wine-section-title{font-size:1rem}.recycled-wine-data-grid{grid-template-columns:1fr;gap:.5rem}.recycled-wine-data-item{padding:.5rem}.recycled-wine-data-value{max-width:100%;text-align:left;margin-top:.25rem}.recycled-wine-summary{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.recycled-wine-cistern-details{grid-template-columns:1fr;gap:.25rem}.recycled-wine-cistern-detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.recycled-wine-cistern-detail-value{text-align:left}}@media(max-width:480px){.recycled-wine-section{padding:.75rem}.recycled-wine-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.recycled-wine-section-icon{font-size:1rem}.recycled-wine-section-title{font-size:.875rem}.recycled-wine-data-item{flex-direction:column;align-items:flex-start;gap:.25rem}.recycled-wine-data-label,.recycled-wine-data-value{font-size:.8rem}.recycled-wine-summary-item{flex-direction:column;align-items:flex-start;gap:.25rem}.recycled-wine-summary-label,.recycled-wine-summary-value{font-size:.8rem}.recycled-wine-empty-state{padding:1.5rem .75rem}.recycled-wine-empty-icon{font-size:1.5rem}.recycled-wine-empty-state p{font-size:.8rem}}.recycled-wine-section{animation:fadeInUp .5s ease-out}.recycled-wine-cistern-item{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.recycled-wine-section:hover .recycled-wine-section-icon{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.recycled-wine-data-item:focus-within{outline:2px solid #dc2626;outline-offset:2px}.recycled-wine-cistern-item:focus-within{outline:2px solid #dc2626;outline-offset:2px}@media print{.recycled-wine-container{gap:1rem}.recycled-wine-section{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #000;background:#fff;color:#000}.recycled-wine-section-header{border-bottom:1px solid #000}.recycled-wine-section-icon,.recycled-wine-section-title{color:#000}.recycled-wine-data-item,.recycled-wine-summary,.recycled-wine-cistern-item{background:#fff;border:1px solid #ccc;color:#000}.recycled-wine-data-label,.recycled-wine-data-value,.recycled-wine-summary-label,.recycled-wine-summary-value,.recycled-wine-cistern-name,.recycled-wine-cistern-detail-label,.recycled-wine-cistern-detail-value{color:#000}}@media(max-width:768px){.recyclebin-action-button{width:100%;justify-content:center}}@media(max-width:480px){.recyclebin-action-button{width:100%;justify-content:center}}.recyclebin-page{background:#000!important;min-height:100vh;background:linear-gradient(135deg,#2a2a2a,#333,#3a3a3a);padding-top:80px;position:relative}.recyclebin-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.3;z-index:1;pointer-events:none}.recyclebin-container{max-width:1400px;margin:0 auto;padding:1.5rem;position:relative;z-index:2}.recyclebin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000004d}.recyclebin-title-section{display:flex;align-items:center;gap:1rem}.recyclebin-icon-container{position:relative;display:inline-block}.recyclebin-icon{font-size:2rem;color:#dc2626;filter:drop-shadow(0 0 15px rgba(220,38,38,.6));animation:recyclebinHeaderPulse 3s infinite}.recyclebin-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(220,38,38,.3) 0%,transparent 70%);border-radius:50%;animation:recyclebinHeaderGlow 3s infinite;z-index:-1}@keyframes recyclebinHeaderPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(220,38,38,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(220,38,38,.8))}}@keyframes recyclebinHeaderGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.recyclebin-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.recyclebin-empty-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 8px 25px #dc262666;border:none;cursor:pointer;font-family:inherit}.recyclebin-empty-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #dc262699;color:#fff}.recyclebin-empty-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.recyclebin-content{display:flex;flex-direction:column;gap:2rem}.recyclebin-loading-container,.recyclebin-error-container{min-height:100vh;background:linear-gradient(135deg,#2a2a2a,#333,#3a3a3a);display:flex;align-items:center;justify-content:center;padding:2rem}.recyclebin-loading-content,.recyclebin-error-content{text-align:center;color:#fff;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:3rem;box-shadow:0 8px 32px #0000004d}.recyclebin-loading-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem;animation:pulse 2s infinite;filter:drop-shadow(0 0 10px rgba(220,38,38,.5))}.recyclebin-empty{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.recyclebin-empty-content{text-align:center;color:#fff;background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:24px;padding:3rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;max-width:500px}.recyclebin-empty-content:hover{transform:translateY(-4px);box-shadow:0 12px 40px #dc262633}.recyclebin-empty-icon-container{position:relative;display:inline-block;margin-bottom:1.5rem}.recyclebin-empty-icon{font-size:4rem;color:#dc2626;filter:drop-shadow(0 0 15px rgba(220,38,38,.6));animation:recyclebinEmptyPulse 3s infinite}.recyclebin-empty-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(220,38,38,.3) 0%,transparent 70%);border-radius:50%;animation:recyclebinEmptyGlow 3s infinite;z-index:-1}@keyframes recyclebinEmptyPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(220,38,38,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(220,38,38,.8))}}@keyframes recyclebinEmptyGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.recyclebin-empty-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.5)}.recyclebin-empty-text{font-size:1.1rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.recyclebin-empty-features{display:flex;flex-direction:column;gap:1rem}.recyclebin-empty-feature{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;font-size:1rem;transition:all .3s ease}.recyclebin-empty-feature:hover{color:#fff;transform:translate(8px)}.recyclebin-empty-feature-icon{font-size:1.2rem;filter:drop-shadow(0 0 5px rgba(220,38,38,.5))}.recyclebin-table-section{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.recyclebin-table-container{overflow-x:auto;padding:1rem}.recyclebin-table{width:100%;border-collapse:collapse;color:#fff}.recyclebin-table-header{background:#dc26261a;border-bottom:2px solid rgba(220,38,38,.3)}.recyclebin-table-header-cell{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6;border-bottom:1px solid rgba(220,38,38,.2)}.recyclebin-table-header-cell.sortable{cursor:pointer;transition:all .3s ease;position:relative}.recyclebin-table-header-cell.sortable:hover{background:#dc262633;color:#fff}.recyclebin-table-body{background:transparent}.recyclebin-table-row{transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.recyclebin-table-row:hover{background:#dc26261a;transform:translate(4px)}.recyclebin-table-cell{padding:1rem;vertical-align:middle;color:#ffffffe6}.recyclebin-item-link{color:#dc2626;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.recyclebin-item-link:hover{color:#b91c1c;text-decoration:underline}.recyclebin-item-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#dc2626;transition:width .3s ease}.recyclebin-item-link:hover:after{width:100%}.recyclebin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.recyclebin-action-button{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.recyclebin-action-button.restore{background:linear-gradient(45deg,#059669,#047857);color:#fff;box-shadow:0 4px 15px #0596694d}.recyclebin-action-button.restore:hover{transform:translateY(-2px);box-shadow:0 8px 25px #05966966}.recyclebin-action-button.delete{background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 15px #dc26264d}.recyclebin-action-button.delete:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}.recyclebin-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.recyclebin-back-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#6b7280,#4b5563);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 8px 25px #6b728066;border:none;cursor:pointer;font-family:inherit}.recyclebin-back-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #6b728099;color:#fff}.recyclebin-detail-section{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.recyclebin-detail-content{padding:2rem;color:#fff}.recyclebin-detail-fields{margin-bottom:2rem}.recyclebin-detail-field{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;transition:all .3s ease}.recyclebin-detail-field:last-child{border-bottom:none}.recyclebin-detail-field:hover{background:#dc26261a;padding-left:1rem;border-radius:8px}.recyclebin-detail-label{width:30%;font-weight:600;color:#ffffffe6;padding-right:1rem}.recyclebin-detail-value{width:70%;color:#fffc;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:0}.recyclebin-detail-actions{display:flex;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:1200px){.recyclebin-container{padding:1rem}.recyclebin-header{padding:1rem 1.5rem}.recyclebin-title{font-size:2rem}}@media(max-width:768px){.recyclebin-container{padding:.75rem}.recyclebin-header{flex-direction:column;gap:1rem;padding:1rem}.recyclebin-title{font-size:1.75rem}.recyclebin-empty-button{width:100%;justify-content:center}.recyclebin-table-container{padding:.5rem}.recyclebin-table-header-cell,.recyclebin-table-cell{padding:.75rem .5rem;font-size:.8rem}.recyclebin-actions{flex-direction:column;gap:.25rem}.recyclebin-action-button{width:100%;justify-content:center}}@media(max-width:480px){.recyclebin-page{padding-top:60px}.recyclebin-container{padding:.5rem}.recyclebin-header{padding:.75rem}.recyclebin-title{font-size:1.5rem}.recyclebin-empty-content{padding:2rem 1.5rem}.recyclebin-empty-title{font-size:1.5rem}.recyclebin-empty-text{font-size:1rem}.recyclebin-table-header-cell,.recyclebin-table-cell{padding:.5rem .25rem;font-size:.75rem}.recyclebin-detail-content{padding:1rem}.recyclebin-detail-field{flex-direction:column;gap:.5rem}.recyclebin-detail-label,.recyclebin-detail-value{width:100%;padding-right:0}.recyclebin-detail-actions{flex-direction:column}.recyclebin-action-button{width:100%;justify-content:center}}.recyclebin-sections{display:flex;flex-direction:column;gap:2rem}.recyclebin-section{background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.recyclebin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(220,38,38,.2)}.recyclebin-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#fff}.recyclebin-section-icon{color:#dc2626;font-size:1.5rem}.recyclebin-section-count{background:#dc262633;color:#fca5a5;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.recyclebin-empty-section{text-align:center;padding:3rem 1rem;color:#9ca3af}.recyclebin-empty-section-icon{font-size:3rem;color:#6b7280;margin-bottom:1rem}@media(max-width:768px){.recyclebin-sections{gap:1.5rem}.recyclebin-section{padding:1rem}.recyclebin-section-header{flex-direction:column;gap:.5rem;align-items:flex-start}.recyclebin-section-title{font-size:1.125rem}.recyclebin-section-count{font-size:.75rem}}.recycled-bottled-wine-container{background:#232323;border-radius:.5rem;padding:1.5rem;color:#fff;max-width:1200px;margin:0 auto}.recycled-bottled-wine-error{padding:2rem;text-align:center;color:#ef4444}.recycled-bottled-wine-section{margin-bottom:2rem;background:#2d2d2d;border-radius:.5rem;padding:1.5rem;border:1px solid rgb(75,85,99)}.recycled-bottled-wine-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgb(75,85,99)}.recycled-bottled-wine-section-icon{color:#22c55e;font-size:1.25rem}.recycled-bottled-wine-section-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.recycled-bottled-wine-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.recycled-bottled-wine-data-item{display:flex;flex-direction:column;gap:.25rem}.recycled-bottled-wine-data-label{font-size:.875rem;color:#9ca3af;font-weight:500}.recycled-bottled-wine-data-value{font-size:1rem;color:#fff;word-break:break-word}.recycled-bottled-wine-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recycled-bottled-wine-image-item{display:flex;flex-direction:column;gap:.5rem}.recycled-bottled-wine-image-label{font-size:.875rem;color:#9ca3af;font-weight:500}.recycled-bottled-wine-image{width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;border-radius:.375rem;border:1px solid rgb(75,85,99);background:#1e1e1e}.recycled-bottled-wine-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af;text-align:center}.recycled-bottled-wine-empty-icon{font-size:2rem;margin-bottom:.5rem;color:#6b7280}.recycled-bottled-wine-section-content{margin-top:1rem}.recycled-bottled-wine-compositions{display:flex;flex-direction:column;gap:1rem}.recycled-bottled-wine-composition-item{background:#232323;border-radius:.375rem;padding:1rem;border:1px solid rgb(75,85,99)}.recycled-bottled-wine-composition-header{margin-bottom:.75rem}.recycled-bottled-wine-composition-name{font-size:1rem;font-weight:600;color:#fff}.recycled-bottled-wine-composition-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.recycled-bottled-wine-composition-detail-item{display:flex;flex-direction:column;gap:.25rem}.recycled-bottled-wine-composition-detail-label{font-size:.875rem;color:#9ca3af}.recycled-bottled-wine-composition-detail-value{font-size:1rem;color:#fff}.recycled-bottled-wine-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid rgb(75,85,99);margin-top:2rem}.recycled-bottled-wine-action-button{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;cursor:pointer;border:none}.recycled-bottled-wine-action-button.restore{background:#22c55e;color:#fff}.recycled-bottled-wine-action-button.restore:hover:not(:disabled){background:#16a34a}.recycled-bottled-wine-action-button.delete{background:#dc2626;color:#fff}.recycled-bottled-wine-action-button.delete:hover:not(:disabled){background:#b91c1c}.recycled-bottled-wine-action-button:disabled{opacity:.5;cursor:not-allowed}@keyframes labIconGlow{0%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transform:scale(1)}50%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(120%) contrast(110%);transform:scale(1.05)}to{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transform:scale(1)}}@keyframes labListIconPulse{0%,to{transform:scale(1);opacity:.8;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 20px rgba(220,38,38,.8))}50%{transform:scale(1.1);opacity:1;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(130%) contrast(120%) drop-shadow(0 0 30px rgba(220,38,38,1))}}@keyframes labListIconGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.lab-list-page{min-height:100vh;background-color:#000;padding-top:80px;position:relative}.lab-list-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.03)'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.4;z-index:1;pointer-events:none}.lab-list-container{background-color:#000;max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:2}.lab-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.4);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0006}.lab-list-title-section{display:flex;align-items:center;gap:1rem}.lab-list-icon{font-size:2rem;color:#dc2626cc;filter:drop-shadow(0 0 15px rgba(220,38,38,.5));animation:labListIconPulse 3s ease-in-out infinite;position:relative;z-index:2}.lab-list-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:labListIconGlow 3s ease-in-out infinite;z-index:1}.lab-list-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.lab-list-subtitle{color:#fffc;font-size:1.1rem;margin:.25rem 0 0;font-weight:400}.lab-add-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;text-decoration:none;padding:.875rem 1.5rem;border-radius:50px;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 8px 25px #dc262666;border:none;cursor:pointer;font-family:inherit}.lab-add-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #dc262699;color:#fff}.lab-add-button-icon{font-size:.875rem}.lab-list-content{display:flex;flex-direction:column;gap:2rem}.lab-section{background:#000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0006}.lab-section.mb-16{margin-bottom:4rem}.lab-table-section{padding:1.5rem;border-bottom:1px solid rgba(220,38,38,.2)}.lab-cards-section{padding:1.5rem}.lab-cards-container{padding:2rem;background:transparent;position:relative;min-height:450px;height:auto}.lab-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;transition:all .3s ease;height:auto;min-height:320px;grid-auto-rows:320px;overflow:visible;padding:1rem;position:relative;z-index:1}.lab-cards-grid.slide-next{transform:translate(8px);opacity:.9}.lab-cards-grid.slide-prev{transform:translate(-8px);opacity:.9}.lab-card{background:transparent!important;border:1px solid rgba(220,38,38,.2);border-radius:16px;overflow:hidden;transition:all .4s ease;position:relative;height:320px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001a;z-index:1}.lab-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #dc26264d,0 8px 25px #0003;border-color:#dc262680;z-index:10}.lab-card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.lab-card-content{height:100%;display:flex;flex-direction:column;background:#000!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden}.lab-card-image{height:140px;background:#000!important;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:2px solid #dc2626}.lab-image-icon{font-size:2.5rem;color:#dc2626;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:2}.lab-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.lab-card:hover .lab-card-overlay{opacity:1}.lab-overlay-icon{font-size:1.5rem;color:#ffffffe6}.lab-card-info{flex:1;padding:1.25rem;display:flex;flex-direction:column;background:linear-gradient(to top,rgba(0,0,0,.99) 0%,rgba(0,0,0,.95) 25%,rgba(0,0,0,.8) 55%,rgba(0,0,0,.4) 85%,transparent 100%);min-height:180px}.lab-card-topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;min-height:2.5rem}.lab-card-title{font-size:.95rem;font-weight:700;color:#fff;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-right:.75rem;word-break:break-word}.lab-card-badge{background:#dc2626;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .4rem;border-radius:8px;min-width:1.2rem;text-align:center;flex-shrink:0}.lab-card-details{flex:1;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.lab-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;min-height:1.2rem;padding:.1rem 0}.lab-detail-item.lab-date{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(220,38,38,.3);display:flex;align-items:center;justify-content:flex-start;gap:.25rem;background:#dc26260d;padding:.5rem .75rem;border-radius:6px;margin-top:.5rem}.lab-detail-label{color:#ffffffb3;font-weight:500;flex-shrink:0;margin-right:.5rem}.lab-detail-value{color:#fff;font-weight:600;text-align:right;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-date-icon{font-size:.8rem;color:#dc2626e6;margin-right:.25rem;flex-shrink:0;filter:drop-shadow(0 0 2px rgba(220,38,38,.3))}.lab-cards-empty{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:6rem 2rem 3rem;margin-top:1.5rem;min-height:350px}.lab-empty-content{text-align:center;color:#ffffffe6;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:24px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 40px #0000004d;transition:all .3s ease}.lab-empty-content:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0006;border-color:#dc262680}.lab-empty-icon-container{position:relative;display:inline-block;margin-bottom:1.5rem}.lab-empty-icon{font-size:4rem;color:#dc2626cc;filter:drop-shadow(0 0 15px rgba(220,38,38,.5));animation:labEmptyPulse 3s ease-in-out infinite;position:relative;z-index:2}.lab-empty-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:labEmptyGlow 3s ease-in-out infinite;z-index:1}@keyframes labEmptyPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes labEmptyGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.lab-empty-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:.5px}.lab-empty-text{font-size:1.1rem;font-style:normal;margin:0 0 2rem;color:#fffc;line-height:1.6}.lab-empty-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem;background:#dc26261a;border-radius:16px;border:1px solid rgba(220,38,38,.2)}.lab-empty-feature{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#ffffffe6;transition:all .3s ease}.lab-empty-feature:hover{color:#fff;transform:translate(5px)}.lab-empty-feature-icon{font-size:.9rem;color:#dc2626cc;flex-shrink:0}.lab-empty-action-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #dc26264d;position:relative;overflow:hidden}.lab-empty-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.lab-empty-action-btn:hover:before{left:100%}.lab-empty-action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #dc262666;background:linear-gradient(135deg,#b91c1c,#991b1b)}.lab-empty-action-btn:active{transform:translateY(-1px)}.lab-empty-action-icon{font-size:1rem;transition:transform .3s ease}.lab-empty-action-btn:hover .lab-empty-action-icon{transform:scale(1.1)}.lab-empty-action-arrow{font-size:.9rem;transition:transform .3s ease}.lab-empty-action-btn:hover .lab-empty-action-arrow{transform:translate(3px)}.lab-card-add{background:#8b45130d;border:2px dashed rgba(220,38,38,.3);display:flex;align-items:center;justify-content:center;height:320px;border-radius:16px;transition:all .3s ease;position:relative;z-index:5;pointer-events:auto}.lab-card-add:hover{background:#68d3911a;border-color:#68d391;transform:translateY(-8px);box-shadow:0 20px 40px #68d39133}.lab-card-add-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;margin:0;outline:none;transition:all .3s ease;position:relative;z-index:10;pointer-events:auto}.lab-card-add-link:hover{transform:scale(1.02)}.lab-card-add-content{text-align:center;color:#fffc;padding:2rem}.lab-add-icon-container{width:35px;height:35px;background:#68d39133;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;border:2px solid rgba(104,211,145,.3)}.lab-card-add:hover .lab-add-icon-container{background:#68d3914d;transform:scale(1.1);border-color:#68d391}.lab-add-icon{font-size:1rem;color:#68d391;filter:drop-shadow(0 0 10px rgba(104,211,145,.5))}.lab-add-title{font-size:.85rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.lab-add-subtitle{font-size:.9rem;margin:0;color:#ffffffb3}.lab-nav-side-button{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:120px;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(220,38,38,.4);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #dc26264d;z-index:10;font-size:1.5rem}.lab-nav-side-button:hover{background:#dc2626e6;color:#fff;transform:translateY(-50%) scale(1.05);box-shadow:0 12px 35px #dc262680;border-color:#dc2626}.lab-nav-side-left{left:-30px}.lab-nav-side-right{right:-30px}.lab-loading-container,.lab-error-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#1a1a1ae6;border-radius:16px;border:1px solid rgba(220,38,38,.3)}.lab-loading-content,.lab-error-content{text-align:center;color:#fff}.lab-loading-icon,.lab-error-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem;animation:pulse 2s infinite}.lab-charts-container{padding:1.5rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1400px){.lab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;height:auto;min-height:300px;grid-auto-rows:300px;overflow:visible;padding:.8rem}.lab-card{height:300px}.lab-card-info{min-height:170px;padding:1.1rem}.lab-card-add{height:300px}.lab-card-image{height:130px}}@media(max-width:1100px){.lab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;min-height:280px;grid-auto-rows:280px}.lab-card,.lab-card-add{height:280px}.lab-card-image{height:120px}.lab-card-info{min-height:160px;padding:1rem}.lab-card-title{font-size:.9rem}.lab-detail-item{font-size:.75rem}.lab-list-container{padding:1.5rem}}@media(max-width:768px){.lab-list-container{padding:1rem}.lab-list-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem 1.5rem}.lab-list-title{font-size:1.5rem}.lab-add-button{width:100%;justify-content:center}.lab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;height:auto;min-height:320px;grid-auto-rows:260px;padding:.6rem}.lab-card,.lab-card-add{height:260px}.lab-card-image{height:110px}.lab-card-info{min-height:150px;padding:.9rem}.lab-card-title{font-size:.85rem;line-height:1.2}.lab-detail-item{font-size:.7rem;gap:.3rem}.lab-detail-label{font-size:.65rem}.lab-detail-value{font-size:.7rem}.lab-detail-item.lab-date{padding:.4rem .6rem;margin-top:.4rem}.lab-date-icon{font-size:.7rem}.lab-cards-empty{padding:3rem 1rem 2rem;margin-top:1rem;min-height:300px}.lab-empty-content{padding:2rem 1.5rem;max-width:100%}.lab-empty-icon{font-size:3rem}.lab-empty-icon-glow{width:90px;height:90px}.lab-empty-title{font-size:1.4rem;margin-bottom:.75rem}.lab-empty-text{font-size:1rem;margin:0 0 1.5rem}.lab-empty-features{padding:1rem;margin-bottom:1.5rem;gap:.5rem}.lab-empty-feature{font-size:.85rem;gap:.5rem}.lab-empty-action-btn{padding:.875rem 1.5rem;font-size:.9rem;gap:.5rem}.lab-nav-side-button{width:50px;height:100px;font-size:1.2rem}.lab-nav-side-left{left:-25px}.lab-nav-side-right{right:-25px}}@media(max-width:480px){.lab-list-container{padding:.75rem}.lab-list-header{padding:.75rem 1rem}.lab-list-title{font-size:1.25rem}.lab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;height:auto;min-height:280px;grid-auto-rows:240px;padding:.5rem}.lab-card,.lab-card-add{height:240px}.lab-card-image{height:100px}.lab-card-info{min-height:140px;padding:.8rem}.lab-card-title{font-size:.8rem;line-height:1.1;margin-bottom:.5rem}.lab-card-topbar{margin-bottom:.8rem;min-height:2rem}.lab-detail-item{font-size:.65rem;gap:.25rem;min-height:1rem}.lab-detail-label{font-size:.6rem}.lab-detail-value{font-size:.65rem}.lab-detail-item.lab-date{padding:.3rem .5rem;margin-top:.3rem}.lab-date-icon{font-size:.65rem}.lab-card-badge{font-size:.65rem;padding:.2rem .4rem}.lab-cards-empty{padding:2rem .75rem 1.5rem;margin-top:.5rem;min-height:250px}.lab-empty-content{padding:1.5rem 1rem}.lab-empty-icon{font-size:2.5rem}.lab-empty-icon-glow{width:70px;height:70px}.lab-empty-title{font-size:1.2rem;margin-bottom:.5rem}.lab-empty-text{font-size:.9rem;margin:0 0 1rem}.lab-empty-features{padding:.75rem;margin-bottom:1rem;gap:.4rem}.lab-empty-feature{font-size:.8rem;gap:.4rem}.lab-empty-action-btn{padding:.75rem 1.25rem;font-size:.85rem;gap:.4rem}.lab-nav-side-button{width:40px;height:80px;font-size:1rem}.lab-nav-side-left{left:-20px}.lab-nav-side-right{right:-20px}}@media(max-width:360px){.lab-list-container{padding:.5rem}.lab-list-header{padding:.5rem .75rem}.lab-list-title{font-size:1.1rem}.lab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem;height:auto;min-height:240px;grid-auto-rows:220px;padding:.4rem}.lab-card,.lab-card-add{height:220px}.lab-card-image{height:90px}.lab-card-info{min-height:130px;padding:.7rem}.lab-card-title{font-size:.75rem;line-height:1.1;margin-bottom:.4rem}.lab-card-topbar{margin-bottom:.7rem;min-height:1.8rem}.lab-detail-item{font-size:.6rem;gap:.2rem;min-height:.9rem}.lab-detail-label{font-size:.55rem}.lab-detail-value{font-size:.6rem}.lab-detail-item.lab-date{padding:.25rem .4rem;margin-top:.25rem}.lab-date-icon{font-size:.6rem}.lab-card-badge{font-size:.6rem;padding:.15rem .3rem}.lab-cards-empty{padding:1.5rem .5rem 1rem;margin-top:.25rem;min-height:200px}.lab-empty-content{padding:1rem .75rem}.lab-empty-icon{font-size:2rem}.lab-empty-icon-glow{width:60px;height:60px}.lab-empty-title{font-size:1rem;margin-bottom:.4rem}.lab-empty-text{font-size:.8rem;margin:0 0 .75rem}.lab-empty-features{padding:.5rem;margin-bottom:.75rem;gap:.3rem}.lab-empty-feature{font-size:.75rem;gap:.3rem}.lab-empty-action-btn{padding:.6rem 1rem;font-size:.8rem;gap:.3rem}}.lab-cards-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:1rem!important;margin-bottom:2rem!important;transition:all .3s ease!important;height:auto!important;min-height:320px!important;grid-auto-rows:320px!important;overflow:visible!important;padding:1rem!important;position:relative!important;z-index:1!important}.lab-cards-grid.slide-next{transform:translate(8px)!important;opacity:.9!important}.lab-cards-grid.slide-prev{transform:translate(-8px)!important;opacity:.9!important}.lab-card{height:100%!important;min-height:320px!important;display:flex!important;flex-direction:column!important;background:transparent!important;border:1px solid rgba(220,38,38,.2)!important;border-radius:16px!important;overflow:hidden!important;transition:all .4s ease!important;position:relative!important;box-shadow:0 8px 32px #0000001a!important;z-index:1!important}.lab-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px #dc26264d,0 8px 25px #0003!important;border-color:#dc262680!important;z-index:10!important}.lab-card-link{display:block!important;width:100%!important;height:100%!important;text-decoration:none!important;color:inherit!important}.lab-card-content{height:100%!important;display:flex!important;flex-direction:column!important;background:#373737cc!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important;overflow:hidden!important}.lab-card-header{padding:1rem 1rem .75rem!important;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important;border-bottom:2px solid #dc2626!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;min-height:3.5rem!important}.lab-card-title-section{flex:1!important;margin-right:.75rem!important}.lab-card-title{font-size:.9rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .25rem!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;word-break:break-word!important}.lab-card-number{font-size:.75rem!important;font-weight:600!important;color:#dc2626!important;opacity:.9!important;margin:0!important}.lab-card-badge{background:#dc2626!important;color:#fff!important;font-size:.7rem!important;font-weight:600!important;padding:.25rem .5rem!important;border-radius:8px!important;min-width:1.5rem!important;text-align:center!important;flex-shrink:0!important;height:-moz-fit-content!important;height:fit-content!important;display:flex!important;align-items:center!important;gap:.25rem!important}.lab-badge-icon{font-size:.6rem!important}.lab-card-image{height:80px!important;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;border-bottom:1px solid rgba(220,38,38,.3)!important}.lab-image-icon{font-size:1.8rem!important;color:#dc2626!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;z-index:2!important}.lab-card-overlay{position:absolute!important;inset:0!important;background:#dc26261a!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:opacity .3s ease!important}.lab-card:hover .lab-card-overlay{opacity:1!important}.lab-overlay-icon{font-size:1.2rem!important;color:#ffffffe6!important}.lab-card-details{flex:1!important;padding:1rem!important;display:flex!important;flex-direction:column!important;background:linear-gradient(to top,rgba(0,0,0,.99) 0%,rgba(0,0,0,.95) 25%,rgba(0,0,0,.8) 55%,rgba(0,0,0,.4) 85%,transparent 100%)!important;gap:.4rem!important;justify-content:space-between!important}.lab-detail-item{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:.75rem!important;min-height:1.1rem!important;padding:.1rem 0!important}.lab-detail-item.lab-date{margin-top:auto!important;padding-top:.5rem!important;border-top:1px solid rgba(220,38,38,.3)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.25rem!important;background:#dc26260d!important;padding:.4rem .6rem!important;border-radius:6px!important;margin-top:.5rem!important}.lab-detail-label{color:#ffffffb3!important;font-weight:500!important;flex-shrink:0!important;margin-right:.5rem!important;font-size:.7rem!important}.lab-detail-value{color:#fff!important;font-weight:600!important;text-align:right!important;font-size:.7rem!important}.lab-date-icon{font-size:.7rem!important;color:#dc2626!important}.lab-card-add{background:#8b45130d!important;border:2px dashed rgba(220,38,38,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important;height:320px!important;border-radius:16px!important;transition:all .3s ease!important;position:relative!important;z-index:5!important;pointer-events:auto!important}.lab-card-add:hover{background:#68d3911a!important;border-color:#68d391!important;transform:translateY(-8px)!important;box-shadow:0 20px 40px #68d39133!important}.lab-card-add-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;text-decoration:none!important;color:inherit!important;background:none!important;border:none!important;cursor:pointer!important;font-family:inherit!important;padding:0!important;margin:0!important;outline:none!important;transition:all .3s ease!important;position:relative!important;z-index:10!important;pointer-events:auto!important}.lab-card-add-link:hover{transform:scale(1.02)!important}.lab-card-add-content{text-align:center!important;color:#fffc!important;padding:2rem!important}.lab-add-icon-container{width:35px!important;height:35px!important;background:#68d39133!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 1.5rem!important;transition:all .3s ease!important;border:2px solid rgba(104,211,145,.3)!important}.lab-card-add:hover .lab-add-icon-container{background:#68d3914d!important;transform:scale(1.1)!important;border-color:#68d391!important}.lab-add-icon{font-size:1rem!important;color:#68d391!important;filter:drop-shadow(0 0 10px rgba(104,211,145,.5))!important}.lab-add-title{font-size:.85rem!important;font-weight:700!important;margin:0 0 .5rem!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.5)!important}.lab-add-subtitle{font-size:.9rem!important;margin:0!important;color:#ffffffb3!important}.lab-cards-empty{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:280px!important;padding:2rem 1.5rem!important;margin:1rem 0!important}.lab-empty-content{text-align:center!important;max-width:500px!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:240px!important}.lab-empty-icon-container{position:relative!important;margin-bottom:1rem!important;display:inline-block!important}.lab-empty-icon{width:3rem!important;height:3rem!important;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)!important;animation:labIconGlow 2s ease-in-out infinite alternate!important}.lab-empty-icon-glow{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:4.5rem!important;height:4.5rem!important;background:radial-gradient(circle,rgba(220,38,38,.3) 0%,transparent 70%)!important;border-radius:50%!important;animation:labIconGlow 2s ease-in-out infinite alternate!important}.lab-empty-title{font-size:1.25rem!important;font-weight:700!important;color:#fff!important;margin:0 0 .75rem!important}.lab-empty-text{font-size:.9rem!important;color:#ffffffb3!important;margin:0 0 1rem!important;line-height:1.4!important}.lab-empty-features{display:flex!important;flex-direction:column!important;gap:.5rem!important;margin-bottom:1.5rem!important}.lab-empty-feature{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;font-size:.8rem!important;color:#fff9!important}.lab-empty-feature-icon{color:#dc2626!important;font-size:.7rem!important}.lab-empty-action-btn{background:#dc2626!important;color:#fff!important;border:none!important;padding:.6rem 1.25rem!important;border-radius:8px!important;font-size:.9rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:.5rem!important;margin:.75rem auto 0!important;position:relative!important;z-index:10!important}.lab-empty-action-btn:hover{background:#b91c1c!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #dc26264d!important}.lab-empty-action-icon{font-size:.9rem!important}.lab-empty-action-arrow{font-size:.8rem!important;transition:transform .3s ease!important}.lab-empty-action-btn:hover .lab-empty-action-arrow{transform:translate(4px)!important}.lab-nav-side-button{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;background:#dc2626e6!important;color:#fff!important;border:none!important;width:3rem!important;height:3rem!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;z-index:10!important;box-shadow:0 4px 12px #0000004d!important}.lab-nav-side-button:hover{background:#dc2626!important;transform:translateY(-50%) scale(1.1)!important;box-shadow:0 8px 25px #dc262666!important}.lab-nav-side-left{left:-1.5rem!important}.lab-nav-side-right{right:-1.5rem!important}.lab-pagination-dots{display:flex!important;justify-content:center!important;gap:.5rem!important;margin-top:1rem!important}.lab-pagination-dot{width:.75rem!important;height:.75rem!important;border-radius:50%!important;background:#dc26264d!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important}.lab-pagination-dot:hover{background:#dc262699!important;transform:scale(1.2)!important}.lab-pagination-dot.active{background:#dc2626!important;transform:scale(1.2)!important}@keyframes labIconGlow{0%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 5px rgba(220,38,38,.3))!important}to{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 15px rgba(220,38,38,.6))!important}}@media(max-width:768px){.lab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:.75rem!important;padding:.75rem!important}.lab-card-header{padding:.75rem .75rem .5rem!important}.lab-card-title{font-size:.85rem!important}.lab-card-number{font-size:.7rem!important}.lab-card-image{height:70px!important}.lab-image-icon{font-size:1.6rem!important}.lab-card-details{padding:.75rem!important;gap:.3rem!important}.lab-detail-item{font-size:.7rem!important}.lab-detail-label,.lab-detail-value{font-size:.65rem!important}.lab-nav-side-button{width:2.5rem!important;height:2.5rem!important}.lab-nav-side-left{left:-1.25rem!important}.lab-nav-side-right{right:-1.25rem!important}.lab-cards-empty{min-height:240px!important;padding:1.5rem 1rem!important;margin:.75rem 0!important}.lab-empty-content{min-height:200px!important}.lab-empty-icon{width:2.5rem!important;height:2.5rem!important}.lab-empty-icon-glow{width:3.5rem!important;height:3.5rem!important}.lab-empty-title{font-size:1.1rem!important;margin:0 0 .5rem!important}.lab-empty-text{font-size:.85rem!important;margin:0 0 .75rem!important}.lab-empty-features{gap:.4rem!important;margin-bottom:1rem!important}.lab-empty-feature{font-size:.75rem!important}.lab-empty-action-btn{padding:.5rem 1rem!important;font-size:.85rem!important;margin:.5rem auto 0!important}}@media(max-width:480px){.lab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.5rem!important;padding:.5rem!important}.lab-card-header{padding:.5rem .5rem .4rem!important}.lab-card-title{font-size:.8rem!important}.lab-card-number{font-size:.65rem!important}.lab-card-image{height:60px!important}.lab-image-icon{font-size:1.4rem!important}.lab-card-details{padding:.5rem!important;gap:.25rem!important}.lab-detail-item{font-size:.65rem!important}.lab-detail-label,.lab-detail-value{font-size:.6rem!important}.lab-cards-empty{min-height:200px!important;padding:1rem .75rem!important;margin:.5rem 0!important}.lab-empty-content{min-height:160px!important}.lab-empty-icon{width:2rem!important;height:2rem!important}.lab-empty-icon-glow{width:3rem!important;height:3rem!important}.lab-empty-title{font-size:1rem!important;margin:0 0 .4rem!important}.lab-empty-text{font-size:.8rem!important;margin:0 0 .6rem!important}.lab-empty-features{gap:.3rem!important;margin-bottom:.75rem!important}.lab-empty-feature{font-size:.7rem!important}.lab-empty-action-btn{padding:.4rem .8rem!important;font-size:.8rem!important;margin:.4rem auto 0!important}}.lab-detail-container{min-height:100vh;background:#000!important;margin-top:4rem;padding:2rem 1rem;position:relative;overflow-x:hidden}.lab-detail-container:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.02)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.4;z-index:1;pointer-events:none}.lab-detail-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:3rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000004d;position:relative;z-index:2}.lab-detail-title-section{display:flex;align-items:center;gap:1.5rem;flex:1}.lab-detail-lab-icon{color:#dc2626cc;font-size:3rem;filter:drop-shadow(0 0 20px rgba(220,38,38,.6));animation:labDetailIconPulse 3s ease-in-out infinite;position:relative;z-index:2}.lab-detail-lab-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:labDetailIconGlow 3s ease-in-out infinite;z-index:1}@keyframes labDetailIconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes labDetailIconGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.lab-detail-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.8);line-height:1.2}.lab-detail-subtitle{color:#ef4444;font-weight:600;margin-top:.5rem}.lab-detail-actions{display:flex;gap:1rem;flex-wrap:wrap}.lab-detail-edit-button,.lab-detail-delete-button,.lab-detail-back-list-button{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem;box-shadow:0 4px 16px #0000004d}.lab-detail-edit-button{background:linear-gradient(45deg,#2a2a2a,#2a2a2a);color:#fff}.lab-detail-edit-button:hover{background:linear-gradient(45deg,#2a2a2a,#2a2a2a);transform:translateY(-2px);box-shadow:0 8px 25px #2a2a2a66;color:#fff}.lab-detail-delete-button{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.lab-detail-delete-button:hover{background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466;color:#fff}.lab-detail-back-list-button{background:linear-gradient(45deg,#4b5563,#4b5563);color:#fff}.lab-detail-back-list-button:hover{background:linear-gradient(45deg,#4b5563,#4b5563);transform:translateY(-2px);box-shadow:0 8px 25px #4b556366;color:#fff}.lab-detail-info-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.25rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;z-index:2;height:-moz-fit-content;height:fit-content}.lab-detail-info-card:hover{border-color:#ef444466;box-shadow:0 12px 40px #ef444433}.lab-detail-info-title{display:flex;align-items:center;font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.lab-detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.lab-detail-info-item{background:#1a1a1acc;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1rem;transition:all .3s ease}.lab-detail-info-item:hover{border-color:#ef444466;background:#1a1a1ae6}.lab-detail-info-label{display:block;font-size:.7rem;font-weight:600;color:#9ca3af;margin-bottom:.125rem;text-transform:uppercase;letter-spacing:.5px}.lab-detail-info-value{font-size:1.125rem;font-weight:700;color:#fff;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.lab-detail-info-unit{font-size:.875rem;font-weight:500;color:#9ca3af;margin-left:.25rem}.lab-detail-note-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(239,68,68,.2)}.lab-detail-note-label{display:block;font-size:.7rem;font-weight:600;color:#9ca3af;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.lab-detail-note-text{font-size:.875rem;color:#fff;line-height:1.5;background:#1a1a1acc;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.75rem}.lab-detail-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.lab-detail-stat-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.lab-detail-stat-card:hover{border-color:#ef444466;box-shadow:0 12px 40px #ef444433;transform:translateY(-2px)}.lab-detail-stat-label{font-size:.75rem;font-weight:600;color:#9ca3af;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.lab-detail-stat-value{font-size:2rem;font-weight:700;color:#ef4444;margin:0;text-shadow:0 2px 8px rgba(239,68,68,.5)}.lab-detail-loading-container,.lab-detail-error-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#2a2a2ae6;border-radius:20px;border:1px solid rgba(239,68,68,.3)}.lab-detail-loading-content,.lab-detail-error-content{text-align:center;color:#fff}.lab-detail-loading-icon,.lab-detail-error-icon{font-size:3rem;color:#ef4444;margin-bottom:1rem;animation:pulse 2s infinite}.lab-detail-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.lab-detail-modal{background:#2a2a2af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.3);border-radius:20px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080}.lab-detail-modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.lab-detail-modal-text{color:#9ca3af;margin-bottom:2rem;line-height:1.5}.lab-detail-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.lab-detail-modal-cancel,.lab-detail-modal-confirm{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem;box-shadow:0 4px 16px #0000004d}.lab-detail-modal-cancel{background:#4b5563cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.3);color:#fff}.lab-detail-modal-cancel:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 8px 25px #4b556366;color:#fff}.lab-detail-modal-confirm{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.lab-detail-modal-confirm:hover{background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466;color:#fff}@media(max-width:1024px){.lab-detail-header{flex-direction:column;gap:1.5rem;text-align:center}.lab-detail-title{font-size:2rem}.lab-detail-actions{justify-content:center}.lab-detail-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.lab-detail-info-label{font-size:.65rem}.lab-detail-info-value{font-size:1rem}.lab-detail-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:768px){.lab-detail-container{padding:1rem .5rem}.lab-detail-header{padding:1.5rem;margin-bottom:2rem}.lab-detail-title-section{flex-direction:column;gap:1rem}.lab-detail-back-button{margin-bottom:1rem}.lab-detail-title{font-size:1.75rem}.lab-detail-lab-icon{font-size:2.5rem}.lab-detail-actions{flex-direction:column;width:100%}.lab-detail-edit-button,.lab-detail-delete-button,.lab-detail-back-list-button{width:100%;justify-content:center}.lab-detail-info-card{padding:1rem}.lab-detail-info-grid{grid-template-columns:1fr}.lab-detail-info-title{font-size:1rem}.lab-detail-info-label{font-size:.6rem}.lab-detail-info-value{font-size:.9rem}.lab-detail-stats-grid{grid-template-columns:repeat(2,1fr)}.lab-detail-stat-value{font-size:1.5rem}.lab-detail-table-container{padding:1rem}.lab-detail-table th,.lab-detail-table td{padding:.5rem;font-size:.8rem}.lab-detail-modal-actions{flex-direction:column}.lab-detail-modal-cancel,.lab-detail-modal-confirm{width:100%;justify-content:center}}@media(max-width:480px){.lab-detail-title{font-size:1.5rem}.lab-detail-lab-icon{font-size:2rem}.lab-detail-info-card,.lab-detail-chart-container,.lab-detail-table-container{padding:.75rem}.lab-detail-info-grid{grid-template-columns:1fr}.lab-detail-info-title{font-size:.9rem}.lab-detail-info-label{font-size:.55rem}.lab-detail-info-value{font-size:.8rem}.lab-detail-stats-grid{grid-template-columns:1fr}.lab-detail-stat-value{font-size:1.25rem}.lab-detail-table th,.lab-detail-table td{padding:.4rem;font-size:.75rem}.lab-detail-modal{padding:1.5rem;margin:1rem}.lab-detail-modal-title{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.lab-detail-container,.lab-detail-header,.lab-detail-info-card,.lab-detail-stat-card,.lab-detail-chart-container,.lab-detail-table-container,.lab-detail-edit-button,.lab-detail-delete-button,.lab-detail-back-list-button,.lab-detail-modal-cancel,.lab-detail-modal-confirm{transition:none}.lab-detail-lab-icon{animation:none}}.accordion-table{background:#191919;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 6px #0000004d}.lab-history-container{min-height:100vh;background:linear-gradient(135deg,#1f2937,#111827,#1f2937)}.lab-history-content,.lab-history-chart-container{height:400px;width:100%;position:relative;overflow:hidden}.lab-history-table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#d1d5db;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .2s;background-color:#191919}.lab-history-table-header:hover{background-color:#232323}.lab-history-table-row{transition:background-color .2s;cursor:pointer}.lab-history-table-row:hover{background-color:#232323}.lab-history-table-row-even{background-color:#191919cc}.lab-history-table-row-odd{background-color:#19191999}.lab-history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lab-history-empty-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.lab-history-empty-message{color:#9ca3af}.accordion-summary-card{padding:.375rem;min-height:auto}.accordion-summary-card .text-red-400{font-size:1rem;margin-bottom:.125rem}.accordion-summary-card .accordion-content-label{font-size:.625rem;margin-bottom:.125rem;line-height:1.1}.accordion-summary-card .accordion-summary-value{font-size:.875rem;font-weight:600;line-height:1.1}.accordion-summary-card:not(:first-child) .text-red-400{display:none}.accordion-summary-card:first-child .accordion-content-label{margin-top:-.5rem;margin-bottom:.25rem}.wine-lab-history-container{min-height:100vh;background:linear-gradient(135deg,#1f2937,#111827,#1f2937)}.wine-lab-history-content,.wine-lab-history-chart-container{height:400px;width:100%;position:relative;overflow:hidden}.wine-lab-history-table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#d1d5db;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .2s;background-color:#191919}.wine-lab-history-table-header:hover{background-color:#232323}.wine-lab-history-table-row{transition:background-color .2s;cursor:pointer}.wine-lab-history-table-row:hover{background-color:#232323}.wine-lab-history-table-row-even{background-color:#191919cc}.wine-lab-history-table-row-odd{background-color:#19191999}.wine-lab-history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wine-lab-history-empty-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.wine-lab-history-empty-message{color:#9ca3af}.cistern-lab-history-container{min-height:100vh;background:linear-gradient(135deg,#1f2937,#111827,#1f2937)}.cistern-lab-history-content,.cistern-lab-history-chart-container{height:400px;width:100%;position:relative;overflow:hidden}.cistern-lab-history-table-header{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#d1d5db;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .2s;background-color:#191919}.cistern-lab-history-table-header:hover{background-color:#232323}.cistern-lab-history-table-row{transition:background-color .2s;cursor:pointer}.cistern-lab-history-table-row:hover{background-color:#232323}.cistern-lab-history-table-row-even{background-color:#191919cc}.cistern-lab-history-table-row-odd{background-color:#19191999}.cistern-lab-history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cistern-lab-history-empty-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.cistern-lab-history-empty-message{color:#9ca3af}@media(max-width:768px){.lab-history-chart-container,.wine-lab-history-chart-container,.cistern-lab-history-chart-container{height:300px}.lab-history-table-header,.wine-lab-history-table-header,.cistern-lab-history-table-header{padding:.5rem 1rem;font-size:.7rem}.accordion-summary-card{padding:.75rem}.accordion-summary-card .text-red-400{font-size:1.25rem}.accordion-summary-card .accordion-content-label{font-size:.75rem}.accordion-summary-card .accordion-summary-value{font-size:1rem}}.sales-stats-widget-container{background:#232323;border:1px solid #4b5563;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sales-stats-widget-header-icon{color:#dc2626}.sales-stats-widget-toggle-container{background:#0000004d}.sales-stats-widget-toggle-button{background:transparent;color:#fffc}.sales-stats-widget-toggle-button:hover{background:#ffffff1a;color:#fff}.sales-stats-widget-toggle-button-active{background:#dc2626;color:#fff}.sales-stats-widget-toggle-button-active:hover{background:#b91c1c}.sales-stats-widget-date-range-container{background:#0000004d}.sales-stats-widget-date-range-icon{color:#9ca3af}.sales-stats-widget-date-range-button{background:transparent;color:#fffc}.sales-stats-widget-date-range-button:hover{background:#ffffff1a;color:#fff}.sales-stats-widget-date-range-button-active{background:#dc2626;color:#fff}.sales-stats-widget-date-range-button-active:hover{background:#b91c1c}.sales-stats-widget-stat-card{background:#10151b}.sales-stats-widget-stat-card:hover{border-color:#dc262680}.sales-stats-widget-stat-label{color:#9ca3af}.sales-stats-widget-stat-icon{color:#dc2626}.sales-stats-widget-chart-container{background:#10151b;border:1px solid #4b5563}.sales-stats-widget-no-data{color:#9ca3af}.sales-stats-widget-type-card{background:#10151b;border:1px solid rgba(220,38,38,.3)}.sales-stats-widget-type-icon{color:#dc2626}.sales-stats-widget-type-label{color:#9ca3af}.sales-stats-widget-controls{width:100%}.sales-stats-widget-scrollable-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem}.sales-stats-widget-scrollable-buttons::-webkit-scrollbar{height:6px}.sales-stats-widget-scrollable-buttons::-webkit-scrollbar-thumb{background:#dc262680;border-radius:9999px}.sales-stats-widget-scrollable-buttons button{flex:0 0 auto}.sales-stats-widget-chart-wrapper{height:20rem}@media(max-width:768px){.sales-stats-widget-container{padding:1.25rem}.sales-stats-widget-controls{flex-direction:column;align-items:stretch}.sales-stats-widget-toggle-container,.sales-stats-widget-date-range-container{width:100%;justify-content:space-between}.sales-stats-widget-date-range-container{gap:.5rem}}@media(max-width:640px){.sales-stats-widget-chart-wrapper{height:15rem}}.sales-page{min-height:100vh;background:#000!important;padding-top:80px;position:relative}.sales-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.3;z-index:1;pointer-events:none}.sales-loading-container,.sales-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#333,#3a3a3a);padding-top:80px}.sales-loading-content,.sales-error-content{text-align:center;color:#fff}.sales-loading-icon,.sales-error-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem;animation:pulse 2s infinite}.sales-error-text{color:#ef4444;font-size:1.1rem;margin-top:1rem}.sales-icon-container{position:relative;display:inline-block}.sales-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(220,38,38,.3) 0%,transparent 70%);border-radius:50%;animation:salesIconGlow 2s ease-in-out infinite alternate}@keyframes salesIconGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(1)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.sales-section{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem}.sales-section-actions{display:flex;align-items:center;gap:1rem}.sales-section-content{padding:2rem}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.4);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0006}.sales-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.sales-add-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;text-decoration:none;padding:.875rem 1.5rem;border-radius:50px;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 8px 25px #dc262666;border:none;cursor:pointer;font-family:inherit}.sales-add-button.secondary{background:#8b45134d;border:1px solid rgba(139,69,19,.5);box-shadow:0 6px 20px #8b45134d}.sales-add-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #dc262699}.sales-add-button.secondary:hover{background:#8b451366;box-shadow:0 8px 25px #8b451366}.sales-add-button-icon{font-size:.875rem}.sales-content{background-color:#000;display:flex;flex-direction:column;gap:2rem}.sales-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sales-stat-card{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 6px 24px #0000004d;min-height:100px}.sales-stat-icon{width:45px;height:45px;background:#dc262633;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#dc2626;flex-shrink:0}.sales-stat-value{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .25rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.sales-stat-label{font-size:.8rem;color:#fffc;margin:0;font-weight:500}.sales-chart-grid{display:grid;grid-template-columns:1fr;gap:2rem}.sales-chart-container{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:20px;padding:.5rem 1rem;transition:all .3s ease}.sales-chart-container:hover{transform:translateY(-2px);box-shadow:0 12px 30px #dc262633}.sales-chart-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-align:center}.sales-chart-content{height:300px;display:flex;align-items:center;justify-content:center}.chart-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(220,38,38,.2)}.chart-stat-item{text-align:center;padding:.5rem;background:#1a1a1a80;border-radius:8px;border:1px solid rgba(220,38,38,.1)}.chart-stat-label{font-size:.75rem;color:#ffffffb3;margin-bottom:.25rem;font-weight:500}.chart-stat-value{font-size:1rem;color:#fff;font-weight:600}.sales-search-container{position:relative;display:flex;align-items:center;background:#1a1a1acc;border:1px solid rgba(220,38,38,.3);border-radius:50px;padding:.5rem 1rem;transition:all .3s ease}.sales-search-container:focus-within{border-color:#dc262699;box-shadow:0 0 20px #dc262633}.sales-search-icon{color:#fff9;margin-right:.5rem;font-size:.9rem}.sales-search-input{background:transparent;border:none;color:#fff;font-size:.9rem;outline:none;width:100%;min-width:200px}.sales-search-input::-moz-placeholder{color:#ffffff80}.sales-search-input::placeholder{color:#ffffff80}.sales-search-clear{background:none;border:none;color:#fff9;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease;margin-left:.5rem}.sales-search-clear:hover{color:#fff;background:#ffffff1a}.collection-bottles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.collection-bottle-card{background:#1a1a1acc;border:1px solid rgba(220,38,38,.2);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.collection-bottle-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc26264d}.collection-bottle-image{width:100%;height:120px;overflow:hidden;position:relative}.collection-bottle-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.collection-bottle-card:hover .collection-bottle-image img{transform:scale(1.1)}.collection-bottle-info{padding:.75rem}.collection-bottle-info h4{font-size:.9rem;font-weight:600;color:#fff;margin:0 0 .25rem;line-height:1.2}.collection-bottle-info p{font-size:.8rem;color:#ffffffb3;margin:0}.collection-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.pagination-button{background:#dc262633;border:1px solid rgba(220,38,38,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.pagination-button:hover{background:#dc262666;border-color:#dc262680;transform:translateY(-1px)}.pagination-info{color:#fffc;font-size:.9rem;font-weight:500}.sales-table-section{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.sales-table{width:100%;border-collapse:collapse;min-width:960px}.sales-table th{background:#0000004d;color:#fff;font-weight:600;padding:1rem;text-align:left;border-bottom:1px solid rgba(220,38,38,.3);font-size:.9rem}.sales-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:.9rem}.sales-table-centered{text-align:center}.sales-table-image-container{width:50px;height:50px;border-radius:8px;overflow:hidden;display:inline-block}.sales-table-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sales-table-actions{display:flex;gap:.5rem;justify-content:center}.sales-table-action-btn{background:#dc262633;border:1px solid rgba(220,38,38,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.8rem}.sales-table-action-btn:hover{background:#dc262666;border-color:#dc262680;transform:translateY(-1px)}.sales-table-container{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.sales-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sales-table-scroll::-webkit-scrollbar{height:8px}.sales-table-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:9999px}.sales-table-scroll::-webkit-scrollbar-thumb{background:#dc262666;border-radius:9999px}@media(max-width:1024px){.sales-table{min-width:860px}}@media(max-width:768px){.sales-table{min-width:720px}.sales-table th,.sales-table td{padding:.75rem .65rem;font-size:.85rem;white-space:nowrap}.sales-table-scroll{margin:0 -1rem;padding:0 1rem .5rem}}@media(max-width:480px){.sales-table-scroll{margin:0 -.75rem;padding:0 .75rem .5rem}}.sales-table-search{background:#1a1a1acc;border:1px solid rgba(220,38,38,.3);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;width:100%;transition:all .3s ease}.sales-table-search:focus{outline:none;border-color:#dc262699;box-shadow:0 0 20px #dc262633}.sales-table-search::-moz-placeholder{color:#ffffff80}.sales-table-search::placeholder{color:#ffffff80}.sales-section-actions{background-color:#000!important;display:flex;align-items:center;gap:1rem}.sales-modal-content{background:#1a1a1a;border:1px solid rgba(220,38,38,.3);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.sales-cards-section{margin-top:2rem}.sales-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sales-card{background:#1a1a1acc;border:1px solid rgba(220,38,38,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer}.sales-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #dc26264d}.sales-card-link{text-decoration:none;color:inherit;display:block}.sales-card-content{position:relative}.sales-card-image{width:100%;height:200px;overflow:hidden;position:relative}.wine-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.sales-card:hover .wine-image{transform:scale(1.1)}.sales-card-topbar{position:absolute;top:1rem;right:1rem;z-index:2}.sales-card-status{background:#000c;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sales-card-status.paid{background:#22c55ecc;color:#fff}.sales-card-info{padding:1.5rem}.sales-card-header{margin-bottom:1rem}.sales-card-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.sales-card-details{display:flex;flex-direction:column;gap:.5rem}.sales-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fffc}.sales-date-icon{color:#dc2626;font-size:.8rem}.sales-detail-label{font-weight:600;color:#ffffffe6}.sales-detail-value{color:#ffffffb3}.sales-card-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.sales-card-delete-btn{background:#dc262633;border:1px solid rgba(220,38,38,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.sales-card-delete-btn:hover{background:#dc262666;border-color:#dc262680;transform:translateY(-1px)}.sales-card-delete-icon{font-size:.8rem}.sales-cards-empty{display:flex;align-items:center;justify-content:center;min-height:400px;background:#1a1a1acc;border:1px solid rgba(220,38,38,.2);border-radius:20px;transition:all .3s ease}.sales-empty-content{text-align:center;color:#fff;padding:3rem;transition:all .3s ease}.sales-empty-content:hover{transform:translateY(-2px)}.sales-empty-icon-container{position:relative;display:inline-block;margin-bottom:1.5rem}.sales-empty-icon{font-size:4rem;color:#dc2626;filter:drop-shadow(0 0 20px rgba(220,38,38,.5));animation:salesEmptyPulse 3s ease-in-out infinite}.sales-empty-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(220,38,38,.3) 0%,transparent 70%);border-radius:50%;animation:salesEmptyGlow 3s ease-in-out infinite}@keyframes salesEmptyPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes salesEmptyGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.sales-empty-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.5)}.sales-empty-text{font-size:1rem;color:#fffc;margin:0 0 2rem;line-height:1.6}.sales-empty-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.sales-empty-feature{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem;transition:all .3s ease}.sales-empty-feature:hover{color:#fff;transform:translateY(-1px)}.sales-empty-feature-icon{color:#dc2626;font-size:1rem}.sales-empty-action-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 8px 25px #dc262666;position:relative;overflow:hidden}.sales-empty-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sales-empty-action-btn:hover:before{left:100%}.sales-empty-action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #dc262699;color:#fff}.sales-empty-action-btn:active{transform:translateY(-1px)}.sales-empty-action-icon{font-size:1.1rem;transition:transform .3s ease}.sales-empty-action-btn:hover .sales-empty-action-icon{transform:scale(1.1)}.sales-empty-action-arrow{font-size:.9rem;transition:transform .3s ease}.sales-empty-action-btn:hover .sales-empty-action-arrow{transform:translate(3px)}.sales-carousel-container{position:relative;overflow:hidden}.sales-carousel-content{display:flex;transition:transform .5s ease}.sales-carousel-slide{min-width:100%;transition:all .5s ease}.sales-carousel-slide.slide-next{transform:translate(100%)}.sales-carousel-slide.slide-prev{transform:translate(-100%)}.sales-carousel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem}.sales-wine-card{background:#1a1a1acc;border:1px solid rgba(220,38,38,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer}.sales-wine-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #dc26264d}.sales-wine-card-image-container{width:100%;height:150px;overflow:hidden;position:relative}.sales-wine-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.sales-wine-card:hover .sales-wine-card-image{transform:scale(1.1)}.sales-wine-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));opacity:0;transition:opacity .3s ease}.sales-wine-card:hover .sales-wine-card-overlay{opacity:1}.sales-wine-card-content{padding:1rem}.sales-wine-card-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem;line-height:1.3}.sales-wine-card-details{font-size:.9rem;color:#ffffffb3}.sales-wine-card-details p{margin:.25rem 0}.sales-empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;background:#1a1a1acc;border:1px solid rgba(220,38,38,.2);border-radius:20px}.sales-empty-text{text-align:center;color:#fffc;font-size:1.1rem}.sales-carousel-nav{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.sales-carousel-nav-btn{background:#dc262633;border:1px solid rgba(220,38,38,.3);color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.sales-carousel-nav-btn:hover{background:#dc262666;border-color:#dc262680;transform:translateY(-2px);box-shadow:0 8px 25px #dc26264d}@media(max-width:1024px){.sales-chart-grid{grid-template-columns:1fr}.chart-stats-grid{grid-template-columns:repeat(2,1fr)}.sales-carousel-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sales-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sales-card{min-height:350px}.sales-card-info{padding:1rem}}@media(max-width:1100px){.sales-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.sales-container{padding:1rem}}@media(max-width:768px){.sales-cards-grid,.chart-stats-grid{grid-template-columns:1fr}.sales-card{min-height:300px}.sales-card-title{font-size:1rem}.sales-detail-item{font-size:.8rem}.sales-empty-content{padding:2rem}.sales-empty-title{font-size:1.3rem}.sales-empty-text{font-size:.9rem}.sales-empty-features{flex-direction:column;gap:1rem}.sales-empty-action-btn{padding:.75rem 1.5rem;font-size:.9rem}.sales-container{padding:.75rem}.sales-header{flex-direction:column;gap:1rem;text-align:center}.sales-title{font-size:2rem}.sales-overview-grid{grid-template-columns:1fr}.sales-stat-card{padding:1.5rem}.sales-search-wrapper{width:100%}.sales-carousel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sales-wine-card-title{font-size:.9rem}.sales-wine-card-details{font-size:.8rem}}@media(max-width:480px){.sales-page{padding-top:70px}.sales-container{padding:.5rem}.sales-header{padding:1rem}.sales-title{font-size:1.5rem}.sales-stat-card{flex-direction:column;text-align:center;gap:1rem}.sales-modal-overlay,.sales-modal-header,.sales-modal-body{padding:1rem}.sales-carousel-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.sales-cards-grid{grid-template-columns:1fr}.sales-card{min-height:250px}.sales-card-title{font-size:.9rem}.sales-detail-item{font-size:.75rem}.sales-empty-content{padding:1.5rem}.sales-empty-title{font-size:1.1rem}.sales-empty-text{font-size:.8rem}.sales-empty-features{flex-direction:column;gap:.75rem}.sales-empty-action-btn{padding:.5rem 1rem;font-size:.8rem}}@media(max-width:360px){.sales-cards-grid{grid-template-columns:1fr;gap:1rem}.sales-card{min-height:200px}.sales-card-title{font-size:.8rem}.sales-detail-item{font-size:.7rem}.sales-empty-content{padding:1rem}.sales-empty-title{font-size:1rem}.sales-empty-text{font-size:.75rem}.sales-empty-action-btn{padding:.5rem .75rem;font-size:.75rem}}.sales-cistern-container{background:#1a1a1af2;border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:24px;margin-bottom:24px}.sales-cistern-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(220,38,38,.3);border-top:3px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.sales-cistern-loading p{color:#9ca3af;font-size:16px;margin:0}.sales-cistern-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.sales-cistern-error h3{color:#ef4444;font-size:20px;margin:0 0 8px}.sales-cistern-error p{color:#9ca3af;font-size:14px;margin:0 0 20px}.retry-button{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button:hover{background:#b91c1c}.sales-cistern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(220,38,38,.2)}.header-title{display:flex;align-items:center;gap:12px}.header-icon{font-size:24px;color:#dc2626}.header-title h2{color:#fff;font-size:24px;font-weight:600;margin:0}.header-stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:14px}.stat-icon{font-size:16px;color:#dc2626}.sales-cistern-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-container{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:16px}.search-input{width:100%;padding:10px 12px 10px 40px;background:#37415180;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#dc2626}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.clear-search:hover{color:#fff}.add-sale-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.add-sale-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px)}.cisterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:24px}.cistern-card{background:#232323cc;border:1px solid #4b5563;border-radius:8px;padding:20px;transition:all .2s}.cistern-card:hover{border-color:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #dc262633}.cistern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cistern-name{color:#fff;font-size:18px;font-weight:600;margin:0}.cistern-status{display:flex;align-items:center}.status-active{background:#10b98133;color:#10b981;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-empty{background:#6b728033;color:#6b7280;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.cistern-content{display:flex;flex-direction:column;gap:16px}.wine-info{display:flex;align-items:center;gap:8px}.wine-icon{color:#dc2626;font-size:16px}.wine-name{color:#d1d5db;font-size:14px;font-weight:500}.quantity-info{display:flex;flex-direction:column;gap:8px}.quantity-bar{width:100%;height:8px;background:#4b556380;border-radius:4px;overflow:hidden}.fill-bar{height:100%;border-radius:4px;transition:width .3s ease}.quantity-text{display:flex;align-items:center;gap:4px;font-size:14px}.current{color:#fff;font-weight:600}.separator{color:#6b7280}.capacity{color:#9ca3af}.cistern-actions{display:flex;justify-content:flex-end}.sell-button{display:flex;align-items:center;gap:6px;background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.sell-button:hover:not(.disabled){background:#b91c1c;transform:translateY(-1px)}.sell-button.disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;color:#6b7280;margin-bottom:16px}.empty-state h3{color:#9ca3af;font-size:20px;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:14px;margin:0}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(220,38,38,.2)}.pagination-info{color:#9ca3af;font-size:14px}.pagination-controls{display:flex;gap:8px}.page-button{background:#37415180;color:#9ca3af;border:1px solid #4b5563;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.page-button:hover{background:#4b556380;color:#fff}.page-button.active{background:#dc2626;color:#fff;border-color:#dc2626}.sort-icon{font-size:12px;margin-left:4px}.sort-icon.inactive{color:#6b7280}.sort-icon.active{color:#dc2626}@media(max-width:768px){.sales-cistern-container{padding:16px}.sales-cistern-header{flex-direction:column;align-items:flex-start;gap:16px}.header-stats{gap:16px}.sales-cistern-controls{flex-direction:column;align-items:stretch}.search-container{max-width:none}.cisterns-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:16px;align-items:center}}@media(max-width:480px){.cistern-card{padding:16px}.cistern-header{flex-direction:column;align-items:flex-start;gap:8px}.header-stats{flex-direction:column;gap:8px}}.gwine-solar-system-container-isolated{position:relative;width:1100px;height:1100px;display:flex;align-items:center;justify-content:center;margin:60px auto 80px;overflow:visible;contain:layout paint;transform:translateY(0);will-change:transform;z-index:999999998!important;max-width:100%;max-height:100vh;box-sizing:border-box;padding:120px}.gwine-solar-system-lightning-svg{position:absolute;inset:0;pointer-events:none;z-index:100005}.gwine-solar-system-center-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:9999px;background:#000;border:2px solid rgba(229,62,62,.6);box-shadow:0 0 30px #e53e3e40,0 12px 24px #00000080;display:flex;align-items:center;justify-content:center;z-index:100002;pointer-events:none;overflow:hidden}.gwine-solar-system-center-logo img{width:90%;height:90%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(5125%) hue-rotate(356deg) brightness(96%) contrast(105%)}.gwine-solar-system-center-logo video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.gwine-solar-system-planet-isolated{position:absolute;top:50%;left:50%;width:80px;height:80px;margin-left:-40px;margin-top:-40px;border-radius:50%;background:linear-gradient(145deg,#000000e6,#000c);border:3px solid rgba(229,62,62,.8);box-shadow:0 8px 32px #0000004d;cursor:pointer;text-decoration:none;z-index:100000;transition:all .3s ease;transform-origin:center center}.gwine-solar-system-planet-content-isolated{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gwine-solar-system-planet-icon-isolated{font-size:32px;color:#e53e3ecc;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .3s ease}.gwine-solar-system-planet-icon-isolated[src]{width:32px;height:32px;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transition:all .3s ease}.gwine-solar-system-planet-label-isolated{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);padding:8px 14px;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:700;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;border:2px solid rgba(229,62,62,.6);pointer-events:none;z-index:999999999!important;text-align:center;width:-moz-max-content;width:max-content;min-width:120px;max-width:180px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px #0000004d}.gwine-solar-system-planet-isolated:hover{border-color:#e53e3e;border-width:5px;box-shadow:0 0 35px 50px #e53e3e4d;z-index:999999999!important;width:96px;height:96px;margin-left:-48px;margin-top:-48px}.gwine-solar-system-planet-isolated .gwine-solar-system-planet-content-isolated{transition:transform .22s cubic-bezier(.22,1,.36,1)}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.18)}.gwine-solar-system-planet-isolated .gwine-solar-system-planet-icon-isolated{transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s ease}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-icon-isolated{color:#fff!important;transform:scale(1.08)}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-icon-isolated[src]{filter:brightness(0) invert(1)!important;transform:scale(1.1)}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-label-isolated{opacity:1;visibility:visible;bottom:-70px;z-index:999999999!important;position:absolute!important;transform:translate(-50%)!important}.gwine-solar-system-planet-label-isolated{z-index:999999999!important;position:absolute!important}@keyframes fadeInLabel{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gwine-solar-system-portal-label{z-index:999999999!important;position:fixed!important}@media(max-width:1400px){.gwine-solar-system-container-isolated{width:1050px!important;height:1050px;transform:translateY(-15px);max-width:90vw;max-height:95vh;padding:110px;margin-bottom:80px;margin-top:60px}.gwine-solar-system-planet-isolated{width:75px;height:75px;margin-left:-37.5px;margin-top:-37.5px}.gwine-solar-system-planet-isolated:hover{border-width:4px;width:90px;height:90px;margin-left:-45px;margin-top:-45px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.15)}.gwine-solar-system-planet-icon-isolated{font-size:30px}.gwine-solar-system-planet-icon-isolated[src]{width:30px;height:30px}.gwine-solar-system-center-logo{width:110px;height:110px}}@media(max-width:1200px){.gwine-solar-system-container-isolated{width:900px;height:900px;transform:translateY(-10px);max-width:85vw;max-height:90vh;padding:120px;margin-bottom:80px;margin-top:70px}.gwine-solar-system-planet-isolated{width:70px;height:70px;margin-left:-35px;margin-top:-35px}.gwine-solar-system-planet-isolated:hover{border-width:4px;width:84px;height:84px;margin-left:-42px;margin-top:-42px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.15)}.gwine-solar-system-planet-icon-isolated{font-size:28px}.gwine-solar-system-planet-icon-isolated[src]{width:28px;height:28px}}@media(max-width:1024px){.gwine-solar-system-container-isolated{width:850px;height:850px;transform:translateY(-5px);max-width:80vw;max-height:85vh;padding:130px;margin-top:80px;margin-bottom:80px}.gwine-solar-system-planet-isolated{width:65px;height:65px;margin-left:-32.5px;margin-top:-32.5px}.gwine-solar-system-planet-isolated:hover{border-width:4px;width:78px;height:78px;margin-left:-39px;margin-top:-39px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.15)}.gwine-solar-system-planet-icon-isolated{font-size:26px}.gwine-solar-system-planet-icon-isolated[src]{width:26px;height:26px}}@media(max-width:900px){.gwine-solar-system-container-isolated{width:800px;height:800px;transform:translateY(0);max-width:75vw;max-height:80vh;padding:140px;margin-top:90px;margin-bottom:80px}.gwine-solar-system-planet-isolated{width:60px;height:60px;margin-left:-30px;margin-top:-30px}.gwine-solar-system-planet-isolated:hover{border-width:4px;width:72px;height:72px;margin-left:-36px;margin-top:-36px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.15)}.gwine-solar-system-planet-icon-isolated{font-size:24px}.gwine-solar-system-planet-icon-isolated[src]{width:24px;height:24px}}@media(max-width:768px){.gwine-solar-system-container-isolated{width:750px;height:750px;transform:translateY(-20px);max-width:70vw;max-height:60vh;padding:120px;margin-top:0;margin-bottom:0}.gwine-solar-system-planet-isolated{width:60px;height:60px;margin-left:-30px;margin-top:-30px}.gwine-solar-system-planet-isolated:hover{border-width:4px;width:72px;height:72px;margin-left:-36px;margin-top:-36px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.15)}.gwine-solar-system-planet-icon-isolated{font-size:24px}.gwine-solar-system-planet-icon-isolated[src]{width:24px;height:24px}.gwine-solar-system-planet-label-isolated{font-size:10px;padding:4px 8px;bottom:-45px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-label-isolated{bottom:-55px}.gwine-solar-system-center-logo{width:80px;height:80px}}@media(max-width:480px){.gwine-solar-system-container-isolated{width:700px;height:700px;transform:translateY(-15px);max-width:65vw;max-height:55vh;padding:140px;margin-top:0;margin-bottom:0}.gwine-solar-system-planet-isolated{width:50px;height:50px;margin-left:-25px;margin-top:-25px}.gwine-solar-system-planet-isolated:hover{border-width:3px;width:60px;height:60px;margin-left:-30px;margin-top:-30px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.1)}.gwine-solar-system-planet-icon-isolated{font-size:20px}.gwine-solar-system-planet-icon-isolated[src]{width:20px;height:20px}.gwine-solar-system-planet-label-isolated{font-size:9px;padding:3px 6px;bottom:-40px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-label-isolated{bottom:-50px}}@media(max-width:360px){.gwine-solar-system-container-isolated{width:650px;height:650px;transform:translateY(-10px);max-width:60vw;max-height:50vh;padding:150px;margin-top:0;margin-bottom:0}.gwine-solar-system-planet-isolated{width:40px;height:40px;margin-left:-20px;margin-top:-20px}.gwine-solar-system-planet-isolated:hover{border-width:3px;width:48px;height:48px;margin-left:-24px;margin-top:-24px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-content-isolated{transform:scale(1.1)}.gwine-solar-system-planet-icon-isolated{font-size:16px}.gwine-solar-system-planet-icon-isolated[src]{width:16px;height:16px}.gwine-solar-system-planet-label-isolated{font-size:8px;padding:2px 4px;bottom:-35px}.gwine-solar-system-planet-isolated:hover .gwine-solar-system-planet-label-isolated{bottom:-45px}.gwine-solar-system-center-logo{width:60px;height:60px}}.home-background-carousel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:visible;isolation:isolate}.home-carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .8s ease-out;transform:translateZ(0);-webkit-transform:translateZ(0)}.home-carousel-slide-background{z-index:0;opacity:1}.home-carousel-slide-foreground{z-index:1;opacity:0;animation:simpleFadeIn .8s ease-out forwards}@keyframes simpleFadeIn{0%{opacity:0}to{opacity:1}}.home-carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity}.home-carousel-navigation{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:100003;display:flex;gap:.5rem;padding:1rem;background:transparent;border-radius:10px 10px 0 0}.home-carousel-dot{display:block;height:.25rem;cursor:pointer;border-radius:1rem;transition:all .3s ease}.home-carousel-dot-active{width:2rem;background-color:#dc2626}.home-carousel-dot-inactive{width:1rem;background-color:#000}.home-carousel-dot:hover{background-color:#fffc;transform:scale(1.1)}@media(max-width:768px){.home-carousel-navigation{bottom:0;gap:.4rem;padding:.8rem}.home-carousel-dot{height:.3rem}.home-carousel-dot-active{width:1.5rem}.home-carousel-dot-inactive{width:.8rem}}.home-desktop-container{min-height:100vh;overflow:visible;position:relative;z-index:1;min-width:100vw}.home-desktop-hero{position:relative;min-height:85vh;height:85vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:90px;padding-bottom:3rem;overflow:visible;background-color:#0a0a0a;margin-bottom:8rem;z-index:1}@keyframes cosmicGlow{0%,to{opacity:.3}50%{opacity:.6}}.home-desktop-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 40%,rgba(229,62,62,.15),transparent 60%),radial-gradient(circle at 60% 60%,rgba(229,62,62,.1),transparent 55%),radial-gradient(circle at 80% 30%,rgba(229,62,62,.12),transparent 50%),radial-gradient(circle at 40% 70%,rgba(255,100,100,.1),transparent 45%);animation:cosmicGlow 10s ease-in-out infinite;opacity:.6;z-index:1;pointer-events:none;mix-blend-mode:screen}.home-desktop-cosmic-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(229,62,62,.05) 0%,transparent 70%),radial-gradient(ellipse at 30% 40%,rgba(229,62,62,.08) 0%,transparent 60%);animation:cosmicGlow 15s ease-in-out infinite;z-index:1;pointer-events:none}.home-desktop-hero-content{position:relative;width:100%;max-width:1400px;display:flex;align-items:center;justify-content:center;gap:2rem;padding:0 1rem;z-index:1;height:100%;pointer-events:none;margin-top:60px;overflow:visible;min-height:100vh;min-width:100vw}.home-desktop-hero-content>*{pointer-events:auto}.home-desktop-hover-info{position:absolute;left:1rem;top:7rem;transform:none;z-index:100005;max-width:200px;width:200px;pointer-events:none}.home-desktop-hover-info-content{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(229,62,62,.3);border-radius:15px;padding:1rem;box-shadow:0 20px 40px #0006,0 0 30px #e53e3e33;pointer-events:none;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.home-desktop-hover-info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.home-desktop-hover-info-icon{flex-shrink:0;width:32px;height:32px;background:linear-gradient(45deg,#dc2626,#991b1b);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #dc26264d}.home-desktop-hover-info-icon svg,.home-desktop-hover-info-icon img{font-size:1rem;color:#fff;width:1rem;height:1rem;filter:brightness(0) invert(1)!important}.home-desktop-hover-info-icon img{filter:brightness(0) saturate(100%) invert(1)!important}.home-desktop-hover-info-title h3{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .2rem;line-height:1.2}.home-desktop-hover-info-count{font-size:.7rem;color:#e53e3ee6;font-weight:600;background:#e53e3e1a;padding:.15rem .3rem;border-radius:4px;display:inline-block}.home-desktop-hover-info-description{margin-bottom:.5rem}.home-desktop-hover-info-description p{font-size:.75rem;line-height:1.3;color:#ffffffe6;margin:0}.home-desktop-hover-info-features{margin-bottom:.75rem}.home-desktop-hover-info-features h4{font-size:.8rem;font-weight:600;color:#fff;margin:0 0 .3rem}.home-desktop-hover-info-features ul{list-style:none;padding:0;margin:0}.home-desktop-hover-info-features li{font-size:.65rem;color:#fffc;position:relative;padding:.15rem 0 .15rem .6rem}.home-desktop-hover-info-features li:before{content:"•";color:#953b20;position:absolute;left:0;font-weight:700}.home-desktop-features{background:#030303;padding-top:4rem;margin-top:4rem;position:relative;z-index:2}.home-desktop-feature-section{width:100%;min-height:600px;padding:4rem 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.home-desktop-feature-section:last-child{border-bottom:none}.home-desktop-feature-section-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:4rem;height:100%;min-height:500px}.home-desktop-feature-info{flex:1;max-width:500px;z-index:2}.home-desktop-feature-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.home-desktop-feature-icon-wrapper{flex-shrink:0;width:80px;height:80px;background:linear-gradient(145deg,#e53e3e33,#e53e3e1a);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(229,62,62,.3);box-shadow:0 8px 25px #e53e3e33}.home-desktop-feature-icon{font-size:2.5rem;color:#e53e3e;transition:all .3s ease}.home-desktop-feature-icon[src]{width:2.5rem;height:2.5rem;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transition:all .3s ease}.home-desktop-feature-title-wrapper{flex:1}.home-desktop-feature-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.3)}.home-desktop-feature-count{display:inline-block;background:linear-gradient(45deg,#dc2626,#991b1b);color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:25px;box-shadow:0 4px 15px #dc26264d}.home-desktop-feature-description{margin-bottom:2.5rem}.home-desktop-feature-description p{font-size:1.2rem;line-height:1.6;color:#ffffffe6;margin:0}.home-desktop-feature-workflow{margin-bottom:3rem}.home-desktop-feature-workflow h4{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 1.5rem;position:relative}.home-desktop-feature-workflow h4:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:3px;background:linear-gradient(45deg,#dc2626,#991b1b);border-radius:2px}.home-desktop-feature-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.home-desktop-feature-steps li{font-size:1rem;color:#fffc;padding:1rem 1.5rem;background:#ffffff0d;border-radius:12px;border-left:4px solid rgba(229,62,62,.6);position:relative;transition:all .3s ease}.home-desktop-feature-steps li:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:-12px;top:50%;transform:translateY(-50%);background:linear-gradient(45deg,#dc2626,#991b1b);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px #dc26264d}.home-desktop-feature-steps{counter-reset:step-counter}.home-desktop-feature-steps li:hover{background:#e53e3e1a;border-left-color:#e53e3ecc;transform:translate(5px)}.home-desktop-feature-action-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(45deg,#dc2626,#991b1b);color:#fff;text-decoration:none;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #dc26264d}.home-desktop-feature-action-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #dc262666;background:linear-gradient(45deg,#b91c1c,#7f1d1d)}.home-desktop-feature-arrow{width:1.2rem;height:1.2rem;transition:transform .3s ease}.home-desktop-feature-action-btn:hover .home-desktop-feature-arrow{transform:translate(3px)}.home-desktop-feature-video{flex:1;max-width:600px;position:relative}.home-desktop-feature-video-container{position:relative;width:100%;height:400px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0006;border:2px solid rgba(255,255,255,.1)}.home-desktop-feature-video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease}.home-desktop-feature-video-element::-webkit-media-controls{background:transparent;border-radius:0 0 20px 20px}.home-desktop-feature-video-element::-webkit-media-controls-panel{background:transparent;border-radius:0 0 20px 20px}.home-desktop-feature-video-element::-webkit-media-controls-play-button{background-color:#dc2626cc;border-radius:50%;color:#fff;transform:scale(.6);min-width:24px!important;min-height:24px!important}.home-desktop-feature-video-element::-webkit-media-controls-play-button:hover{background-color:#dc2626;transform:scale(.65)}.home-desktop-feature-video-element::-webkit-media-controls-timeline{background-color:#ffffff4d;border-radius:2px}.home-desktop-feature-video-element::-webkit-media-controls-current-time-display,.home-desktop-feature-video-element::-webkit-media-controls-time-remaining-display{color:#fff;font-weight:500}.home-desktop-feature-video-element::-webkit-media-controls-volume-slider{background-color:#ffffff4d;border-radius:2px}.home-desktop-feature-video-element::-webkit-media-controls-mute-button{background-color:#dc2626cc;border-radius:50%;color:#fff;transform:scale(.6);min-width:24px!important;min-height:24px!important}.home-desktop-feature-video-element::-webkit-media-controls-mute-button:hover{background-color:#dc2626;transform:scale(.65)}.home-desktop-feature-video-element::-webkit-media-controls-fullscreen-button{background-color:#dc2626cc;border-radius:50%;color:#fff;transform:scale(.6);min-width:24px!important;min-height:24px!important}.home-desktop-feature-video-element::-webkit-media-controls-fullscreen-button:hover{background-color:#dc2626;transform:scale(.65)}.home-desktop-feature-video-element::-webkit-media-controls-overflow-button,.home-desktop-feature-video-element::-webkit-media-controls-more-button,.home-desktop-feature-video-element::-webkit-media-controls-menu-button,.home-desktop-feature-video-element::-webkit-media-controls-picture-in-picture-button,.home-desktop-feature-video-element::-webkit-media-controls-rewind-button,.home-desktop-feature-video-element::-webkit-media-controls-return-to-realtime-button,.home-desktop-feature-video-element::-webkit-media-controls-toggle-closed-captions-button,.home-desktop-feature-video-element::-webkit-media-controls-seek-back-button,.home-desktop-feature-video-element::-webkit-media-controls-seek-forward-button,.home-desktop-feature-video-element::-webkit-media-controls-subtitles-button,.home-desktop-feature-video-element::-webkit-media-controls-cast-button,.home-desktop-feature-video-element::-webkit-media-controls-download-button,.home-desktop-feature-video-element::-webkit-media-controls-remoting-button{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important;top:-9999px!important}.home-desktop-feature-video-element::-moz-media-controls{background:transparent;border-radius:0 0 20px 20px}.home-desktop-feature-video-element::-moz-media-controls-panel{background:transparent;border-radius:0 0 20px 20px}.home-desktop-feature-video-element:focus{outline:2px solid rgba(220,38,38,.8);outline-offset:2px}@media(max-width:768px){.home-desktop-feature-video-element::-webkit-media-controls{background:transparent}.home-desktop-feature-video-element::-webkit-media-controls-panel{background:transparent}.home-desktop-feature-video-element::-webkit-media-controls-play-button,.home-desktop-feature-video-element::-webkit-media-controls-mute-button,.home-desktop-feature-video-element::-webkit-media-controls-fullscreen-button{min-width:20px!important;min-height:20px!important;transform:scale(.5)}}.home-desktop-feature-video-fallback{position:absolute;inset:0;background:linear-gradient(145deg,#e53e3e1a,#ffffff0d);display:none;align-items:center;justify-content:center;border-radius:20px;border:2px solid rgba(229,62,62,.2)}.home-desktop-feature-video-placeholder{text-align:center;color:#fff;padding:2rem}.home-desktop-feature-video-icon{margin-bottom:1.5rem}.home-desktop-feature-video-icon .home-desktop-feature-icon{font-size:3rem;color:#e53e3ecc}.home-desktop-feature-video-icon .home-desktop-feature-icon[src]{width:3rem;height:3rem;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.home-desktop-feature-video-placeholder h4{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#fff}.home-desktop-feature-video-placeholder p{font-size:1rem;color:#fffc;margin:0 0 2rem}.home-desktop-feature-video-preview{display:flex;flex-direction:column;gap:.8rem;align-items:center}.home-desktop-feature-video-preview-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffb3}.home-desktop-feature-video-preview-dot{width:8px;height:8px;background:#e53e3e99;border-radius:50%;flex-shrink:0}@media(max-width:1200px){.home-desktop-feature-section-content{gap:3rem;padding:0 1.5rem}.home-desktop-feature-title{font-size:2rem}.home-desktop-feature-description p{font-size:1.1rem}.home-desktop-feature-video-container{height:350px}}@media(max-width:768px){.home-desktop-feature-section{min-height:auto;padding:3rem 0}.home-desktop-feature-section-content{flex-direction:column;gap:2rem;padding:0 1rem;text-align:center}.home-desktop-feature-info{max-width:100%}.home-desktop-feature-header{justify-content:center;flex-direction:column;gap:1rem}.home-desktop-feature-title{font-size:1.8rem;text-align:center}.home-desktop-feature-description p{font-size:1rem}.home-desktop-feature-workflow h4{font-size:1.2rem}.home-desktop-feature-steps li{font-size:.9rem;padding:.8rem 1.2rem}.home-desktop-feature-video{max-width:100%}.home-desktop-feature-video-container{height:250px}}.home-desktop-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:100004!important;border-radius:50%;background-color:#dc2626;padding:.5rem;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;border:none;cursor:pointer;will-change:transform,background-color;pointer-events:auto;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.home-desktop-carousel-arrow:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-50%) scale(1.05);box-shadow:0 8px 25px #dc262666}.home-desktop-carousel-arrow:disabled{opacity:.5;cursor:not-allowed}.home-desktop-carousel-arrow:active:not(:disabled){background-color:#fff3}.home-desktop-carousel-arrow-prev{left:2rem}.home-desktop-carousel-arrow-next{right:2rem}@media(max-width:1200px){.home-desktop-hero{min-height:80vh;height:80vh}.home-desktop-hero-content{margin-top:40px}.home-desktop-hover-info{left:.75rem;top:6rem;max-width:180px;width:180px}.home-desktop-hover-info-content{padding:.75rem}.home-desktop-hover-info-title h3{font-size:.9rem}.home-desktop-hover-info-description p{font-size:.7rem}}@media(max-width:768px){.home-desktop-hero{min-height:75vh;height:75vh}.home-desktop-hero-content{margin-top:50px}.home-desktop-hover-info{position:fixed;left:.5rem;top:6rem;transform:none;max-width:160px;width:160px;z-index:9998}.home-desktop-hover-info-content{padding:.6rem}.home-desktop-hover-info-header{gap:.4rem;margin-bottom:.4rem}.home-desktop-hover-info-icon{width:28px;height:28px}.home-desktop-hover-info-icon svg,.home-desktop-hover-info-icon img{font-size:.9rem;width:.9rem;height:.9rem}.home-desktop-hover-info-title h3{font-size:.85rem}.home-desktop-hover-info-description{margin-bottom:.4rem}.home-desktop-hover-info-description p{font-size:.65rem}.home-desktop-hover-info-features{margin-bottom:.6rem}.home-desktop-hover-info-features h4{font-size:.75rem}.home-desktop-hover-info-features li{font-size:.6rem}}.home-mobile-container{min-height:100vh;background-color:#0a0a0a;overflow-x:hidden;position:relative}.home-mobile-hero{position:relative;min-height:70vh;height:70vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:90px;overflow:hidden;background-color:#0a0a0a}@keyframes cosmicGlowMobile{0%,to{opacity:.3}50%{opacity:.6}}.home-mobile-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 40%,rgba(229,62,62,.15),transparent 60%),radial-gradient(circle at 60% 60%,rgba(229,62,62,.1),transparent 55%),radial-gradient(circle at 80% 30%,rgba(229,62,62,.12),transparent 50%),radial-gradient(circle at 40% 70%,rgba(255,100,100,.1),transparent 45%);animation:cosmicGlowMobile 10s ease-in-out infinite;opacity:.6;z-index:1;pointer-events:none;mix-blend-mode:screen}.home-mobile-cosmic-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(229,62,62,.05) 0%,transparent 70%),radial-gradient(ellipse at 30% 40%,rgba(229,62,62,.08) 0%,transparent 60%);animation:cosmicGlowMobile 15s ease-in-out infinite;z-index:2;pointer-events:none}.home-mobile-hero-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;margin-top:20px}.home-mobile-buttons{padding:2rem 1rem;background:#0003}.home-mobile-buttons-container{max-width:400px;margin:0 auto;text-align:center;background:#000000d9;padding:1.5rem;border-radius:15px}.home-mobile-hero-text-content{margin-top:1rem;color:#fff;text-align:center}.home-mobile-hero-title{font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;text-shadow:0 4px 20px rgba(0,0,0,.3);color:red}.home-mobile-hero-subtitle{font-size:1rem;font-weight:600;margin-bottom:.5rem;opacity:.95;color:#fff}.home-mobile-hero-description{font-size:.9rem;line-height:1.5;margin-bottom:1rem;opacity:.9;color:#fff}.home-mobile-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%;margin-bottom:.5rem}.home-mobile-hero-button.primary{background:linear-gradient(45deg,#dc2626,#991b1b);color:#fff;box-shadow:0 8px 25px #dc262666}.home-mobile-hero-button.primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #dc262699}.home-mobile-hero-button.secondary{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0003}.home-mobile-hero-button.secondary:hover{transform:translateY(-2px);background:linear-gradient(45deg,#fff3,#ffffff1a);box-shadow:0 15px 35px #0000004d}.home-mobile-button-icon{font-size:.9rem;transition:transform .3s ease}.home-mobile-hero-button:hover .home-mobile-button-icon{transform:translate(3px)}.home-mobile-features{background:#030303}.home-mobile-feature-section{width:100%;min-height:auto;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.home-mobile-feature-section:last-child{border-bottom:none}.home-mobile-feature-section-content{max-width:100%;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:2rem;min-height:auto}.home-mobile-feature-info{flex:1;z-index:2}.home-mobile-feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.home-mobile-feature-icon-wrapper{flex-shrink:0;width:60px;height:60px;background:linear-gradient(145deg,#e53e3e33,#e53e3e1a);border-radius:15px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(229,62,62,.3);box-shadow:0 6px 20px #e53e3e33}.home-mobile-feature-icon{font-size:1.8rem;color:#e53e3e;transition:all .3s ease}.home-mobile-feature-icon[src]{width:1.8rem;height:1.8rem;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);transition:all .3s ease}.home-mobile-feature-title-wrapper{flex:1}.home-mobile-feature-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .3rem;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.home-mobile-feature-count{display:inline-block;background:linear-gradient(45deg,#dc2626,#991b1b);color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem;border-radius:15px;box-shadow:0 3px 10px #dc26264d}.home-mobile-feature-description{margin-bottom:1.5rem}.home-mobile-feature-description p{font-size:1rem;line-height:1.5;color:#ffffffe6;margin:0}.home-mobile-feature-workflow{margin-bottom:2rem}.home-mobile-feature-workflow h4{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 1rem;position:relative}.home-mobile-feature-workflow h4:after{content:"";position:absolute;bottom:-.3rem;left:0;width:40px;height:2px;background:linear-gradient(45deg,#dc2626,#991b1b);border-radius:1px}.home-mobile-feature-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.home-mobile-feature-steps li{font-size:.9rem;color:#fffc;padding:.8rem 1rem;background:#ffffff0d;border-radius:10px;border-left:3px solid rgba(229,62,62,.6);position:relative;transition:all .3s ease}.home-mobile-feature-steps li:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:-10px;top:50%;transform:translateY(-50%);background:linear-gradient(45deg,#dc2626,#991b1b);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;box-shadow:0 3px 8px #dc26264d}.home-mobile-feature-steps{counter-reset:step-counter}.home-mobile-feature-steps li:hover{background:#e53e3e1a;border-left-color:#e53e3ecc;transform:translate(3px)}.home-mobile-feature-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(45deg,#dc2626,#991b1b);color:#fff;text-decoration:none;border:none;border-radius:40px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #dc26264d}.home-mobile-feature-action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #dc262666;background:linear-gradient(45deg,#b91c1c,#7f1d1d)}.home-mobile-feature-arrow{width:1rem;height:1rem;transition:transform .3s ease}.home-mobile-feature-action-btn:hover .home-mobile-feature-arrow{transform:translate(2px)}.home-mobile-feature-video{flex:1;position:relative}.home-mobile-feature-video-container{position:relative;width:100%;height:200px;border-radius:15px;overflow:hidden;box-shadow:0 15px 30px #0006;border:2px solid rgba(255,255,255,.1)}.home-mobile-feature-video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease}.home-mobile-feature-video-element::-webkit-media-controls{background:transparent;border-radius:0 0 15px 15px}.home-mobile-feature-video-element::-webkit-media-controls-panel{background:transparent;border-radius:0 0 15px 15px}.home-mobile-feature-video-element::-webkit-media-controls-play-button{background-color:#dc2626cc;border-radius:50%;color:#fff;transform:scale(.5);min-width:20px!important;min-height:20px!important}.home-mobile-feature-video-element::-webkit-media-controls-play-button:hover{background-color:#dc2626;transform:scale(.55)}.home-mobile-feature-video-element::-webkit-media-controls-timeline{background-color:#ffffff4d;border-radius:2px}.home-mobile-feature-video-element::-webkit-media-controls-current-time-display,.home-mobile-feature-video-element::-webkit-media-controls-time-remaining-display{color:#fff;font-weight:500}.home-mobile-feature-video-element::-webkit-media-controls-volume-slider{background-color:#ffffff4d;border-radius:2px}.home-mobile-feature-video-element::-webkit-media-controls-mute-button{background-color:#dc2626cc;border-radius:50%;color:#fff;transform:scale(.5);min-width:20px!important;min-height:20px!important}.home-mobile-feature-video-element::-webkit-media-controls-mute-button:hover{background-color:#dc2626;transform:scale(.55)}.home-mobile-feature-video-element::-webkit-media-controls-fullscreen-button{background-color:#dc2626cc;border-radius:50%;color:#fff;transform:scale(.5);min-width:20px!important;min-height:20px!important}.home-mobile-feature-video-element::-webkit-media-controls-fullscreen-button:hover{background-color:#dc2626;transform:scale(.55)}.home-mobile-feature-video-element::-webkit-media-controls-overflow-button,.home-mobile-feature-video-element::-webkit-media-controls-more-button,.home-mobile-feature-video-element::-webkit-media-controls-menu-button,.home-mobile-feature-video-element::-webkit-media-controls-picture-in-picture-button,.home-mobile-feature-video-element::-webkit-media-controls-rewind-button,.home-mobile-feature-video-element::-webkit-media-controls-return-to-realtime-button,.home-mobile-feature-video-element::-webkit-media-controls-toggle-closed-captions-button,.home-mobile-feature-video-element::-webkit-media-controls-seek-back-button,.home-mobile-feature-video-element::-webkit-media-controls-seek-forward-button,.home-mobile-feature-video-element::-webkit-media-controls-subtitles-button,.home-mobile-feature-video-element::-webkit-media-controls-cast-button,.home-mobile-feature-video-element::-webkit-media-controls-download-button,.home-mobile-feature-video-element::-webkit-media-controls-remoting-button{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important;top:-9999px!important}.home-mobile-feature-video-element::-moz-media-controls{background:transparent;border-radius:0 0 15px 15px}.home-mobile-feature-video-element::-moz-media-controls-panel{background:transparent;border-radius:0 0 15px 15px}.home-mobile-feature-video-element:focus{outline:2px solid rgba(220,38,38,.8);outline-offset:2px}@media screen and (max-width:768px){.home-mobile-feature-video-element:fullscreen,.home-mobile-feature-video-element:-webkit-full-screen,.home-mobile-feature-video-element:-moz-full-screen,.home-mobile-feature-video-element:-ms-fullscreen,.home-mobile-feature-video-element[data-fullscreen=true],video:fullscreen,video:-webkit-full-screen,video:-moz-full-screen,video:-ms-fullscreen,*:fullscreen video,*:-webkit-full-screen video,*:-moz-full-screen video,*:-ms-fullscreen video,:fullscreen video,:-webkit-full-screen video,:-moz-full-screen video,:-ms-fullscreen video,video[data-fullscreen=true],video[data-force-rotate=true],video.force-rotate-90,.home-mobile-feature-video-element[data-force-rotate=true],.home-mobile-feature-video-element.force-rotate-90{transform:rotate(90deg)!important;transform-origin:center center!important;width:100vh!important;height:100vw!important;position:fixed!important;top:50%!important;left:50%!important;margin-top:-50vh!important;margin-left:-50vh!important;z-index:999999!important;object-fit:contain!important;background:transparent!important;max-width:none!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;visibility:visible!important;opacity:1!important}.home-mobile-feature-video-element:fullscreen,.home-mobile-feature-video-element:-webkit-full-screen,.home-mobile-feature-video-element:-moz-full-screen,.home-mobile-feature-video-element:-ms-fullscreen,video:fullscreen,video:-webkit-full-screen,video:-moz-full-screen,video:-ms-fullscreen,:fullscreen video,:-webkit-full-screen video,:-moz-full-screen video,:-ms-fullscreen video{background:transparent!important}.home-mobile-feature-video-element:fullscreen::-webkit-media-controls,.home-mobile-feature-video-element:-webkit-full-screen::-webkit-media-controls,.home-mobile-feature-video-element:-moz-full-screen::-moz-media-controls,video:fullscreen::-webkit-media-controls,video:-webkit-full-screen::-webkit-media-controls,video:-moz-full-screen::-moz-media-controls{background:transparent!important;border-radius:0!important}.home-mobile-feature-video-element:fullscreen::-webkit-media-controls-panel,.home-mobile-feature-video-element:-webkit-full-screen::-webkit-media-controls-panel,.home-mobile-feature-video-element:-moz-full-screen::-moz-media-controls-panel,video:fullscreen::-webkit-media-controls-panel,video:-webkit-full-screen::-webkit-media-controls-panel,video:-moz-full-screen::-moz-media-controls-panel{background:transparent!important}.home-mobile-feature-video-element:fullscreen::-webkit-media-controls-fullscreen-button,.home-mobile-feature-video-element:-webkit-full-screen::-webkit-media-controls-fullscreen-button,.home-mobile-feature-video-element:-moz-full-screen::-moz-media-controls-fullscreen-button,video:fullscreen::-webkit-media-controls-fullscreen-button,video:-webkit-full-screen::-webkit-media-controls-fullscreen-button,video:-moz-full-screen::-moz-media-controls-fullscreen-button{display:block!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;position:relative!important;left:auto!important;top:auto!important;background-color:#dc2626e6!important;border-radius:50%!important;color:#fff!important;transform:scale(1)!important;min-width:40px!important;min-height:40px!important;z-index:999999!important}.home-mobile-feature-video-element:fullscreen::-webkit-media-controls-fullscreen-button:hover,.home-mobile-feature-video-element:-webkit-full-screen::-webkit-media-controls-fullscreen-button:hover,.home-mobile-feature-video-element:-moz-full-screen::-moz-media-controls-fullscreen-button:hover,video:fullscreen::-webkit-media-controls-fullscreen-button:hover,video:-webkit-full-screen::-webkit-media-controls-fullscreen-button:hover,video:-moz-full-screen::-moz-media-controls-fullscreen-button:hover{background-color:#dc2626!important;transform:scale(1.1)!important}.home-mobile-feature-video-container:has(.home-mobile-feature-video-element:fullscreen),.home-mobile-feature-video-container:has(.home-mobile-feature-video-element:-webkit-full-screen),.home-mobile-feature-video-container:has(.home-mobile-feature-video-element:-moz-full-screen){background:transparent!important}video.apocalyptic-rotate,.home-mobile-feature-video-element.apocalyptic-rotate,video[data-apocalyptic=true],.home-mobile-feature-video-element[data-apocalyptic=true]{transform:rotate(90deg)!important;transform-origin:center center!important;width:100vh!important;height:100vw!important;position:fixed!important;top:50%!important;left:50%!important;margin-top:-50vh!important;margin-left:-50vh!important;z-index:999999!important;-o-object-fit:contain!important;object-fit:contain!important;background:transparent!important;max-width:none!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;visibility:visible!important;opacity:1!important}video[style*="rotate(90deg)"],video[style*="transform: rotate(90deg)"],video[style*="transform: rotate(90deg) !important"]{transform:rotate(90deg)!important;transform-origin:center center!important;width:100vh!important;height:100vw!important;position:fixed!important;top:50%!important;left:50%!important;margin-top:-50vh!important;margin-left:-50vh!important;z-index:999999!important;-o-object-fit:contain!important;object-fit:contain!important;background:transparent!important;max-width:none!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;visibility:visible!important;opacity:1!important}.home-mobile-feature-video-container:has(.home-mobile-feature-video-element:fullscreen){position:static!important;width:auto!important;height:auto!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;border:none!important}}.home-mobile-carousel-arrow{position:absolute;bottom:2rem;transform:none;z-index:9998!important;border-radius:50%;background-color:#dc2626;padding:.3rem;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;border:none;cursor:pointer;will-change:transform,background-color;pointer-events:auto;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.home-mobile-carousel-arrow:hover:not(:disabled){background-color:#b91c1c;transform:scale(1.05);box-shadow:0 6px 20px #dc262666}.home-mobile-carousel-arrow:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%) scale(1)}.home-mobile-carousel-arrow:active:not(:disabled){transform:translateY(-50%) scale(.95)}.home-mobile-carousel-arrow-prev{left:1rem}.home-mobile-carousel-arrow-next{right:1rem}.mobile-video-overlay-element{transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;-o-object-fit:contain;object-fit:contain}.chat-interface{min-height:0}.message-list{scroll-behavior:smooth}.message-bubble{animation:messageSlideIn .35s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-bubble .message-content{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.message-bubble .message-content p{margin:0;line-height:1.55}.message-bubble .message-content p+p{margin-top:.65rem}.message-bubble .message-content code{background-color:#94a3b829;color:#e2e8f0;padding:.125rem .35rem;border-radius:.35rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85em}.message-bubble .message-content pre{background-color:#0f172ad9;color:#e2e8f0;padding:.85rem;border-radius:.5rem;overflow-x:auto;margin:.75rem 0;border:1px solid rgba(148,163,184,.25)}.tutorial-suggestions{animation:fadeInUp .35s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tutorial-card{transition:all .2s ease-in-out;cursor:pointer}.tutorial-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a59}.quick-actions{animation:fadeIn .45s ease-out}.quick-action-button{transition:all .25s ease-in-out}.quick-action-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #94a3b840}.loading-indicator{animation:fadeIn .35s ease-out}.loading-dots{animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.4}50%{opacity:1}}.message-input-form{transition:all .25s ease-in-out}.message-input-form textarea{transition:all .25s ease-in-out;line-height:1.5}.message-input-form textarea:focus{box-shadow:0 0 0 4px #dc26262e}.message-input-form button{transition:transform .2s ease,box-shadow .2s ease}.message-input-form button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 12px 25px #dc262640}.message-input-form button:active:not(:disabled){transform:scale(.95)}.error-message{animation:shakeError .5s ease-in-out}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.message-avatar{flex-shrink:0;transition:transform .2s ease-in-out}.message-avatar:hover{transform:scale(1.08)}.message-timestamp{font-variant-numeric:tabular-nums}@media(max-width:640px){.message-bubble{max-width:calc(100vw - 4rem)}.tutorial-card{padding:.75rem}.quick-action-button{font-size:.75rem;padding:.375rem .75rem}.message-input-form textarea{font-size:16px}}@media(min-width:641px)and (max-width:1024px){.message-bubble{max-width:70%}}.chat-interface:focus-within .message-input-form{border-color:#dc262640}@media(prefers-reduced-motion:reduce){.message-bubble,.tutorial-suggestions,.quick-actions,.loading-indicator,.error-message{animation:none}.tutorial-card:hover,.quick-action-button:hover,.message-avatar:hover{transform:none}.message-input-form button:hover:not(:disabled),.message-input-form button:active:not(:disabled){transform:none}}@media(prefers-contrast:high){.message-bubble,.tutorial-card{border-width:2px}.quick-action-button{border:1px solid currentColor}}@media print{.chat-interface{background:#fff;color:#000}.message-input-form,.quick-actions,.tutorial-suggestions{display:none}.message-bubble{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}:root{--aibot-primary-color: #dc2626;--aibot-primary-hover: #b91c1c;--aibot-background: #050505;--aibot-surface: rgba(15, 23, 42, .85);--aibot-border: rgba(148, 163, 184, .22);--aibot-text: #f1f5f9;--aibot-text-secondary: #cbd5f5;--aibot-shadow: rgba(15, 23, 42, .45)}.aibot-themed{color:var(--aibot-text);background-color:var(--aibot-surface);border-color:var(--aibot-border)}.ai-bot-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ai-bot-video-section{position:relative;overflow:hidden;border-radius:inherit;height:180px;flex-shrink:0;background:radial-gradient(circle at top,#ffffff14,#000000e6)}.ai-bot-video-section video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.ai-bot-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#000000bf,#0000001a 45%,#000000d9);pointer-events:none}.ai-bot-chat-section{flex:1;display:flex;flex-direction:column;min-height:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:768px){.ai-bot-video-section{width:40%;height:100%;min-height:100%}.ai-bot-chat-section{width:60%}}@media(min-width:1280px){.ai-bot-video-section{width:42%}.ai-bot-chat-section{width:58%}}@media(min-width:768px)and (max-width:1023px){.ai-bot-video-section{max-width:320px}}@media(max-width:767px){.ai-bot-video-section{width:100%;height:160px;border-radius:inherit;background:radial-gradient(circle at center,#ffffff0d,#000000eb)}.ai-bot-video-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000004d,#0009);pointer-events:none}.ai-bot-video-section video{-o-object-fit:contain;object-fit:contain}.ai-bot-chat-section{width:100%}}.ai-bot-floating-button{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 28px #dc262673}.ai-bot-floating-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 15px 45px #dc262680}.ai-bot-floating-button:active{transform:translateY(0) scale(.98)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.92)}}.animate-slideUp{animation:slideUp .45s cubic-bezier(.25,.46,.45,.94)}.animate-slideDown{animation:slideDown .35s cubic-bezier(.25,.46,.45,.94)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modalFadeIn{animation:modalFadeIn .5s cubic-bezier(.24,.82,.25,1)}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.animate-backdropFadeIn{animation:backdropFadeIn .4s ease-out}.ai-bot-modal-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:999999;padding:1rem}.ai-bot-chat-container{transform-origin:center center;will-change:transform,opacity;transition:transform .2s ease,box-shadow .2s ease}.ai-bot-chat-container:hover{transform:translateY(-2px);box-shadow:0 40px 80px #000000a6}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ai-bot-badge{animation:badgePulse 2s infinite}.chat-messages::-webkit-scrollbar{width:10px!important}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:999px!important}.chat-messages::-webkit-scrollbar-thumb{background:#94a3b859!important;border-radius:999px!important;border:2px solid rgba(15,23,42,.4)!important}.chat-messages::-webkit-scrollbar-thumb:hover{background:#f8fafc66!important}@media(max-width:768px){.ai-bot-chat-container{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;margin:0}.ai-bot-floating-button{bottom:16px;left:16px}}@media(max-width:768px)and (orientation:landscape){.ai-bot-chat-container{height:100vh;max-height:100vh}.ai-bot-video-section{height:150px}}@media(prefers-contrast:high){.ai-bot-floating-button{border:2px solid currentColor}.message-bubble{border-width:2px}}@media(prefers-reduced-motion:reduce){.ai-bot-floating-button,.animate-slideUp,.animate-slideDown,.ai-bot-badge,.ai-bot-chat-container:hover{animation:none;transition:none;transform:none;box-shadow:none}}.ai-bot-floating-button:focus,.message-input textarea:focus,.tutorial-button:focus{outline:2px solid #dc2626;outline-offset:2px}@keyframes ringPulse{0%{box-shadow:0 0 #dc262659;opacity:.9}70%{box-shadow:0 0 0 12px #dc262600;opacity:.45}to{box-shadow:0 0 #dc262600;opacity:0}}.ai-pulse-ring{animation:ringPulse 1.6s ease-out infinite;border-radius:9999px;pointer-events:none}.ai-pulse-border{animation:ringPulse 1.6s ease-out infinite;pointer-events:none}@media(prefers-color-scheme:dark){.ai-bot-chat-container{background-color:#000000d9;color:#f9fafb}.message-bubble:not(.user-message){background-color:#0f172abf;border-color:#94a3b833;color:#f9fafb}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:769px){.navbar-container{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;background:#030303fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:9999!important;height:70px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;padding:0!important;margin:0!important;box-shadow:0 4px 20px #0000004d!important;border-bottom:none!important}.navbar-container.scrolled{background:#000000fc!important;box-shadow:0 4px 20px #0006!important}.navbar-content{width:100%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.navbar-brand{display:flex!important;align-items:center!important;gap:.5rem!important;text-decoration:none!important;color:#fff!important;font-size:1.4rem!important;font-weight:700!important;transition:all .3s ease!important;margin-right:auto!important;padding-left:.75rem!important;flex-shrink:0!important}.navbar-brand:hover{color:#dc2626!important}.navbar-brand-icon,.navbar-brand img.navbar-brand-icon,.navbar-container .navbar-brand img,.navbar-container .navbar-brand .navbar-brand-icon{height:4rem!important;width:4rem!important;color:#dc2626!important;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 15px rgba(220,38,38,.6))!important;transition:all .3s ease!important;max-width:4rem!important;max-height:4rem!important;min-width:4rem!important;min-height:4rem!important;-o-object-fit:contain!important;object-fit:contain!important}.navbar-brand:hover .navbar-brand-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 20px rgba(220,38,38,.8))!important;transform:scale(1.2)!important}.navbar-right{display:flex!important;align-items:center!important;gap:1rem!important;margin-left:auto!important;padding-right:1rem!important;flex-shrink:0!important}.navbar-nav{display:flex!important;list-style:none!important;margin:0!important;padding:0!important;gap:1rem!important;align-items:center!important}.navbar-nav-item{position:relative!important}.navbar-nav-link{display:flex!important;align-items:center!important;gap:.5rem!important;text-decoration:none!important;color:#ffffffb3!important;font-weight:400!important;transition:all .2s ease!important;position:relative!important;font-size:.95rem!important;padding:.25rem .5rem!important;background:none!important;border:none!important;border-radius:4px!important}.navbar-nav-link:after{content:""!important;position:absolute!important;bottom:-2px!important;left:0!important;width:0!important;height:2px!important;background:#dc2626!important;transition:width .2s ease!important;opacity:.8!important}.navbar-nav-link:hover{color:#fff!important;background:none!important}.navbar-nav-link:hover:after{width:100%!important}.navbar-nav-link.active{color:#dc2626!important}.navbar-nav-link.active:after{width:100%!important;opacity:1!important}.navbar-nav-icon{font-size:1.6rem!important;color:currentColor!important}.navbar-nav-icon img{width:1.6rem!important;height:1.6rem!important;-o-object-fit:contain!important;object-fit:contain!important}.navbar-language-dropdown{position:relative!important;margin-left:1rem!important;display:block!important}.navbar-language-button{display:flex!important;align-items:center!important;gap:.5rem!important;background:transparent!important;border:none!important;color:#ffffffb3!important;cursor:pointer!important;transition:all .2s ease!important;font-weight:400!important;font-size:.9rem!important;padding:.35rem .5rem!important;border-radius:4px!important}.navbar-language-button:hover{color:#fff!important;background:none!important}.navbar-language-dropdown-content{position:absolute!important;top:100%!important;right:0!important;margin-top:.5rem!important;background:#0a0a0af2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:4px!important;padding:.25rem!important;min-width:120px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-10px)!important;transition:all .3s ease!important;box-shadow:0 4px 6px #0000001a!important}.navbar-language-dropdown.open .navbar-language-dropdown-content{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.navbar-language-option{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.5rem 1rem!important;color:#ffffffd9!important;cursor:pointer!important;transition:all .3s ease!important;font-weight:400!important;font-size:.95rem!important;background:transparent!important;border:none!important;width:100%!important;text-align:left!important}.navbar-language-option:hover{color:#fff!important;background:none!important}.navbar-language-option.active{color:#dc2626!important}.flag-icon{width:20px!important;height:15px!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:2px!important;box-shadow:0 1px 3px #0003!important}.navbar-user-dropdown{position:relative!important;margin-left:1rem!important;display:block!important}.navbar-user-button{display:flex!important;align-items:center!important;gap:.5rem!important;background:transparent!important;border:none!important;color:#ffffffb3!important;cursor:pointer!important;transition:all .2s ease!important;font-weight:400!important;font-size:.9rem!important;padding:.35rem .5rem!important;border-radius:4px!important}.navbar-user-button:hover{color:#fff!important;background:none!important}.navbar-user-dropdown-content{position:absolute!important;top:100%!important;right:0!important;margin-top:.5rem!important;background:#0a0a0af2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:4px!important;padding:.5rem!important;min-width:200px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-10px)!important;transition:all .3s ease!important;z-index:10000!important;box-shadow:0 4px 6px #0000001a!important}.navbar-user-dropdown.open .navbar-user-dropdown-content{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.navbar-user-info{padding:.5rem!important;border-bottom:1px solid rgba(255,255,255,.1)!important;margin-bottom:.5rem!important}.navbar-user-name{display:block!important;font-weight:600!important;color:#fff!important;font-size:.9rem!important;margin-bottom:.25rem!important}.navbar-user-email{display:block!important;color:#fff9!important;font-size:.8rem!important}.navbar-user-divider{border:none!important;height:1px!important;background:#ffffff1a!important;margin:.5rem 0!important}.navbar-user-option{display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;padding:.5rem!important;background:transparent!important;border:none!important;color:#ffffffb3!important;cursor:pointer!important;transition:all .2s ease!important;font-size:.9rem!important;border-radius:4px!important;text-decoration:none!important}.navbar-user-option:hover{color:#fff!important;background:#ffffff1a!important}.navbar-user-option.logout{color:#dc2626!important}.navbar-user-option.logout:hover{color:#ef4444!important;background:#dc26261a!important}.navbar-mobile-toggle,.navbar-mobile-menu{display:none!important}.navbar-container{animation:slideDown .5s ease-out!important}@keyframes slideDown{0%{transform:translateY(-100%)!important;opacity:0!important}to{transform:translateY(0)!important;opacity:1!important}}.navbar-nav-link:focus,.navbar-language-button:focus{outline:none!important;outline-offset:0!important}@media(prefers-color-scheme:dark){.navbar-container{background:#050505fa!important}.navbar-container.scrolled{background:#000000fc!important}}}@media(min-width:769px)and (max-width:1024px){.navbar-nav{gap:.75rem!important}.navbar-nav-link{font-size:.9rem!important;padding:.25rem .4rem!important}.navbar-right{gap:.75rem!important;padding-right:1.5rem!important}.navbar-language-dropdown,.navbar-user-dropdown{margin-left:.75rem!important}.navbar-language-button,.navbar-user-button{padding:.3rem .5rem!important;font-size:.9rem!important}.navbar-language-dropdown-content{right:0!important;min-width:110px!important}.navbar-user-dropdown-content{right:0!important;min-width:180px!important}.navbar-brand{font-size:1.3rem!important;padding-left:.75rem!important}.navbar-brand-icon{height:3.8rem!important;width:3.8rem!important;min-width:3.8rem!important;min-height:3.8rem!important;max-width:3.8rem!important;max-height:3.8rem!important}}@media(min-width:769px)and (max-width:900px){.navbar-nav{gap:.5rem!important}.navbar-nav-link{font-size:.85rem!important;padding:.25rem .3rem!important}.navbar-nav-link span:last-child{display:none!important}.navbar-nav-link .navbar-nav-icon{font-size:1.1rem!important}.navbar-language-dropdown,.navbar-user-dropdown{margin-left:.5rem!important}.navbar-language-button,.navbar-user-button{padding:.25rem .4rem!important;font-size:.85rem!important}}@media(min-width:769px)and (max-width:800px){.navbar-brand{font-size:1.2rem!important;padding-left:.5rem!important}.navbar-brand-icon{height:3.5rem!important;width:3.5rem!important;min-width:3.5rem!important;min-height:3.5rem!important;max-width:3.5rem!important;max-height:3.5rem!important}.navbar-right{padding-right:.75rem!important;gap:.5rem!important}.navbar-nav{gap:.4rem!important}.navbar-nav-link{font-size:.8rem!important;padding:.2rem .25rem!important}.navbar-language-dropdown,.navbar-user-dropdown{margin-left:.4rem!important}.navbar-language-button,.navbar-user-button{padding:.2rem .3rem!important;font-size:.8rem!important}.flag-icon{width:18px!important;height:13px!important}}@media(min-width:769px)and (max-width:1024px)and (max-height:768px){.navbar-container{height:65px!important}.navbar-brand{font-size:1.2rem!important;padding-left:.5rem!important}.navbar-brand-icon{height:3.2rem!important;width:3.2rem!important;min-width:3.2rem!important;min-height:3.2rem!important;max-width:3.2rem!important;max-height:3.2rem!important}.navbar-right{padding-right:1rem!important;gap:.6rem!important}.navbar-nav{gap:.6rem!important}.navbar-nav-link{font-size:.85rem!important;padding:.2rem .35rem!important}.navbar-language-dropdown,.navbar-user-dropdown{margin-left:.6rem!important}.navbar-language-button,.navbar-user-button{padding:.25rem .4rem!important;font-size:.85rem!important}.navbar-language-dropdown-content{right:0!important;min-width:100px!important;max-width:120px!important}.navbar-user-dropdown-content{right:0!important;min-width:160px!important;max-width:200px!important}.flag-icon{width:16px!important;height:12px!important}}@media(max-width:768px){.navbar-container{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;background:#030303fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:9999!important;height:70px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;padding:0!important;margin:0!important;box-shadow:0 4px 20px #0000004d!important;border-bottom:none!important}.navbar-container.scrolled{background:#000000fc!important;box-shadow:0 4px 20px #0006!important}.navbar-content{width:100%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.navbar-brand{display:flex!important;align-items:center!important;gap:.5rem!important;text-decoration:none!important;color:#fff!important;font-size:1.4rem!important;font-weight:700!important;transition:all .3s ease!important;margin-right:auto!important;padding-left:.75rem!important;flex-shrink:0!important}.navbar-brand:hover{color:#dc2626!important}.navbar-brand-icon,.navbar-brand img.navbar-brand-icon,.navbar-container .navbar-brand img,.navbar-container .navbar-brand .navbar-brand-icon{height:4.5rem!important;width:4.5rem!important;color:#dc2626!important;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 15px rgba(220,38,38,.6))!important;transition:all .3s ease!important;max-width:4.5rem!important;max-height:4.5rem!important;min-width:4.5rem!important;min-height:4.5rem!important;-o-object-fit:contain!important;object-fit:contain!important}.navbar-brand:hover .navbar-brand-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 20px rgba(220,38,38,.8))!important;transform:scale(1.2)!important}.navbar-right{display:flex!important;align-items:center!important;gap:1rem!important;margin-left:auto!important;padding-right:1rem!important;flex-shrink:0!important}.navbar-nav,.navbar-language-dropdown,.navbar-user-dropdown{display:none!important}.navbar-mobile-toggle{display:block!important;background:transparent!important;border:none!important;color:#ffffffd9!important;font-size:1.2rem!important;cursor:pointer!important;padding:.5rem!important;margin-left:1rem!important;transition:all .3s ease!important;border-radius:4px!important}.navbar-mobile-toggle:hover{color:#fff!important;background:none!important;transform:scale(1.1)!important}.navbar-mobile-toggle:active{transform:scale(.95)!important}.navbar-mobile-menu{position:fixed!important;top:70px!important;left:0!important;right:0!important;background:#050505fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;padding:1rem!important;transform:translate(100%)!important;opacity:0!important;visibility:hidden!important;transition:transform .35s ease,opacity .35s ease!important;z-index:999!important;max-height:calc(100vh - 70px)!important;overflow-y:auto!important;will-change:transform,opacity!important}.navbar-mobile-menu.open{transform:translate(0)!important;opacity:1!important;visibility:visible!important}.navbar-mobile-nav{display:flex!important;flex-direction:column!important;gap:1rem!important;padding:1rem 0!important;margin-bottom:2rem!important}.navbar-mobile-nav-item{margin:0!important}.navbar-mobile-nav-link{display:flex!important;align-items:center!important;gap:1rem!important;color:#ffffffd9!important;text-decoration:none!important;font-size:1rem!important;padding:.5rem 1rem!important;transition:all .3s ease!important;background:none!important;border:none!important}.navbar-mobile-nav-link:hover,.navbar-mobile-nav-link.active{color:#fff!important;padding-left:1.5rem!important;background:none!important}.navbar-mobile-nav-icon{font-size:1.5rem!important;color:#fff!important;transition:all .3s ease!important}.navbar-mobile-nav-icon img{width:1.5rem!important;height:1.5rem!important;-o-object-fit:contain!important;object-fit:contain!important}.navbar-mobile-nav-link:hover .navbar-mobile-nav-icon,.navbar-mobile-nav-link.active .navbar-mobile-nav-icon{color:#fff!important;transform:scale(1.1)!important}.navbar-mobile-language-section{border-top:1px solid rgba(220,38,38,.2)!important;padding-top:1.5rem!important}.navbar-mobile-language-title{color:#ffffffb3!important;font-size:.9rem!important;font-weight:500!important;margin:0 0 1rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.navbar-mobile-language-options{display:flex!important;flex-direction:column!important;gap:.5rem!important}.navbar-mobile-language-option{display:flex!important;align-items:center!important;gap:1rem!important;padding:.75rem 1rem!important;background:transparent!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;color:#ffffffd9!important;cursor:pointer!important;transition:all .3s ease!important;font-size:1rem!important;font-weight:400!important;text-align:left!important;width:100%!important}.navbar-mobile-language-option:hover{color:#fff!important;background:none!important;border-color:#dc262666!important}.navbar-mobile-language-option.active{color:#dc2626!important;background:#dc26261a!important;border-color:#dc262699!important}.flag-icon{width:24px!important;height:18px!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:2px!important;box-shadow:0 1px 3px #0003!important}.navbar-mobile-language-flag{font-size:1.2rem!important}.navbar-mobile-language-name{font-weight:500!important}.navbar-user-dropdown{display:none!important}.navbar-mobile-user-section{border-top:1px solid rgba(220,38,38,.2)!important;padding-top:1.5rem!important;margin-bottom:1.5rem!important}.navbar-mobile-section-title{font-size:1rem!important;font-weight:600!important;color:#dc2626e6!important;margin-bottom:1rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.navbar-mobile-user-options{display:flex!important;flex-direction:column!important;gap:.5rem!important}.navbar-mobile-user-info{padding:1rem!important;background:#ffffff0d!important;border-radius:4px!important;margin-bottom:1rem!important}.navbar-mobile-user-name{display:block!important;font-weight:600!important;color:#fff!important;font-size:1rem!important;margin-bottom:.5rem!important}.navbar-mobile-user-email{display:block!important;color:#fff9!important;font-size:.9rem!important}.navbar-mobile-user-option{display:flex!important;align-items:center!important;gap:1rem!important;color:#ffffffd9!important;text-decoration:none!important;font-size:1rem!important;padding:.75rem 1rem!important;transition:all .3s ease!important;background:transparent!important;border:none!important;border-radius:4px!important;cursor:pointer!important}.navbar-mobile-user-option:hover{color:#fff!important;background:#ffffff1a!important;padding-left:1.5rem!important}.navbar-mobile-user-option.logout{color:#dc2626!important}.navbar-mobile-user-option.logout:hover{color:#ef4444!important;background:#dc26261a!important}.navbar-container{animation:slideDown .5s ease-out!important}@keyframes slideDown{0%{transform:translateY(-100%)!important;opacity:0!important}to{transform:translateY(0)!important;opacity:1!important}}.navbar-mobile-toggle:focus{outline:none!important;outline-offset:0!important}@media(prefers-color-scheme:dark){.navbar-container{background:#050505fa!important}.navbar-container.scrolled{background:#000000fc!important}}.navbar-content{padding:0!important;justify-content:space-between!important}.navbar-brand{font-size:1.4rem!important;padding-left:1rem!important;margin-right:0!important}.navbar-brand-icon{height:1.8rem!important;width:1.8rem!important;min-width:1.8rem!important;min-height:1.8rem!important;max-width:1.8rem!important;max-height:1.8rem!important}.navbar-right{padding-right:1rem!important;gap:0!important;margin-left:0!important}@media(max-width:480px){.navbar-content{padding:0!important}.navbar-brand{font-size:1.1rem!important;padding-left:.5rem!important}.navbar-brand-icon{height:1.6rem!important;width:1.6rem!important;min-width:1.6rem!important;min-height:1.6rem!important;max-width:1.6rem!important;max-height:1.6rem!important}.navbar-mobile-menu{padding:1.5rem!important}.navbar-mobile-nav-link{font-size:1rem!important;padding:.875rem 1.25rem!important}.navbar-right{padding-right:.5rem!important}.navbar-mobile-toggle{padding:.4rem!important;font-size:1.1rem!important}}@media(max-width:360px){.navbar-brand{padding-left:.25rem!important;font-size:1rem!important}.navbar-brand-icon{height:1.4rem!important;width:1.4rem!important;min-width:1.4rem!important;min-height:1.4rem!important;max-width:1.4rem!important;max-height:1.4rem!important}.navbar-right{padding-right:.25rem!important}.navbar-mobile-toggle{padding:.3rem!important;font-size:1rem!important}}}@media(min-width:769px){nav[class*=navbar]{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:999999!important;background:#030303fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;height:70px!important;display:flex!important;align-items:center!important;padding:0!important;box-shadow:0 4px 20px #0000004d!important;border-bottom:none!important}nav[class*=navbar] *{color:#fff!important}nav[class*=navbar] a{text-decoration:none!important;color:#fff!important;padding:.25rem .5rem!important;border-radius:4px!important;transition:all .3s ease!important}nav[class*=navbar] a:hover{background:none!important}.navbar-language-dropdown,.navbar-user-dropdown{display:block!important}.navbar-mobile-toggle{display:none!important}}@media(max-width:768px){nav[class*=navbar]{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:#030303fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;height:70px!important;display:flex!important;align-items:center!important;padding:0!important;box-shadow:0 4px 20px #0000004d!important;border-bottom:none!important}.navbar-language-dropdown,.navbar-user-dropdown{display:none!important}.navbar-mobile-toggle{display:block!important}}@media(min-width:769px)and (max-width:1024px){.navbar-language-dropdown,.navbar-user-dropdown{display:block!important}.navbar-mobile-toggle{display:none!important}}@media(min-width:769px)and (max-width:900px){.navbar-language-dropdown,.navbar-user-dropdown{display:block!important}.navbar-mobile-toggle{display:none!important}}@media(min-width:769px)and (max-width:800px){.navbar-language-dropdown,.navbar-user-dropdown{display:block!important}.navbar-mobile-toggle{display:none!important}}.sales-page{min-height:100vh;background:linear-gradient(135deg,#2a2a2a,#333,#3a3a3a);padding-top:80px;position:relative}.sales-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='0.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23grain)'/%3E%3C/svg%3E");opacity:.3;z-index:1;pointer-events:none}.sales-container{max-width:1400px;margin:0 auto;padding:1.5rem;position:relative;z-index:2}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000004d}.sales-title-section{display:flex;align-items:center;gap:1rem}.sales-icon{font-size:2rem;color:#dc2626cc;filter:drop-shadow(0 0 15px rgba(220,38,38,.5));animation:salesIconPulse 3s ease-in-out infinite;position:relative;z-index:2}.sales-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:salesIconGlow 3s ease-in-out infinite;z-index:1}@keyframes salesIconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes salesIconGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.sales-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.sales-header-actions{display:flex;gap:1rem;align-items:center}.sales-nav-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:20px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #dc26264d}.sales-nav-button.secondary{background:#1a1a1acc;border:1px solid rgba(220,38,38,.3);box-shadow:0 6px 20px #0000004d}.sales-nav-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262680;color:#fff}.sales-nav-button.secondary:hover{background:#1a1a1ae6;box-shadow:0 8px 25px #dc262666}.sales-nav-icon{font-size:.9rem}.sales-stats-section{margin-bottom:2rem}.sales-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.sales-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.sales-chart-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.sales-chart-container{background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.sales-chart-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1.5rem;text-align:center;border-bottom:2px solid rgba(220,38,38,.3);padding-bottom:1rem}.sales-stat-card{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.sales-stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(220,38,38,.1),transparent);opacity:0;transition:opacity .3s ease}.sales-stat-card:hover:before{opacity:1}.sales-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #dc26264d;border-color:#dc262680}.sales-stat-icon{width:60px;height:60px;background:#dc262633;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#dc2626;flex-shrink:0}.sales-stat-card.bottles .sales-stat-icon{background:#dc262633;color:#dc2626}.sales-stat-card.volume .sales-stat-icon{background:#3b82f633;color:#3b82f6}.sales-stat-card.products .sales-stat-icon{background:#dc262633;color:#dc2626}.sales-stat-card.analytics .sales-stat-icon{background:#22c55e33;color:#22c55e}.sales-stat-content{flex:1}.sales-stat-value{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.sales-stat-label{font-size:.9rem;color:#fffc;margin:0;font-weight:500}.sales-content{display:flex;flex-direction:column;gap:2rem}.sales-section{background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem}.sales-section:last-child{margin-bottom:0}.sales-section-header{background:#0000004d;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(220,38,38,.3)}.sales-section-title{display:flex;align-items:center;gap:1rem}.sales-section-icon{font-size:1.5rem;color:#dc2626}.sales-section-title h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.sales-add-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #dc26264d}.sales-add-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262680}.sales-add-icon{font-size:.9rem}.sales-inventory-content{padding:2rem}.sales-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.sales-modal{background:#1a1a1a;border:1px solid rgba(220,38,38,.3);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.sales-modal-header{background:#dc262633;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(220,38,38,.3);border-radius:20px 20px 0 0}.sales-modal-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0}.sales-modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.sales-modal-close:hover{background:#dc262633}.sales-modal-body{padding:2rem}.sales-actions-section{background:#1a1a1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.2);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000004d}.sales-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.sales-action-card{background:#0000004d;border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.sales-action-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #dc262633;border-color:#dc262666}.sales-action-icon{width:80px;height:80px;background:#dc262633;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#dc2626;margin:0 auto 1.5rem}.sales-action-content h3{font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 1rem}.sales-action-content p{color:#fffc;margin:0 0 1.5rem;line-height:1.6}.sales-action-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:20px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #dc26264d}.sales-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262680;color:#fff}.sales-loading-container,.sales-error-container{min-height:100vh;background:linear-gradient(135deg,#2a2a2a,#333,#3a3a3a);display:flex;align-items:center;justify-content:center;padding:2rem}.sales-loading-content,.sales-error-content{text-align:center;color:#fff;background:#1a1a1ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.3);border-radius:20px;padding:3rem;box-shadow:0 8px 32px #0000004d}.sales-loading-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem;animation:pulse 2s infinite;filter:drop-shadow(0 0 10px rgba(220,38,38,.5))}@media(max-width:768px){.sales-container{padding:1rem}.sales-header{flex-direction:column;gap:1rem;text-align:center}.sales-title{font-size:2rem}.sales-header-actions{flex-direction:column;width:100%}.sales-nav-button{justify-content:center;width:100%}.sales-stats-grid{grid-template-columns:1fr}.sales-overview-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.sales-chart-grid{margin-top:1.5rem}.sales-chart-container{padding:1.5rem}.sales-chart-title{font-size:1.25rem;margin-bottom:1rem}.sales-stat-card{padding:1.5rem}.sales-section-header{flex-direction:column;gap:1rem;text-align:center}.sales-actions-grid{grid-template-columns:1fr}.sales-modal{margin:1rem;max-height:calc(100vh - 2rem)}}@media(max-width:480px){.sales-page{padding-top:70px}.sales-container{padding:.5rem}.sales-header{padding:1rem}.sales-title{font-size:1.5rem}.sales-stat-card{flex-direction:column;text-align:center;gap:1rem}.sales-overview-grid{gap:.75rem;margin-bottom:1rem}.sales-chart-container{padding:1rem}.sales-chart-title{font-size:1.125rem;margin-bottom:.75rem}.sales-modal-overlay,.sales-modal-header,.sales-modal-body{padding:1rem}}.transition-group,.main-content{position:relative;width:100%;min-height:100vh}.page-fade-enter{opacity:0}.page-fade-enter-active{opacity:1;transition:opacity .3s ease-out}.page-fade-exit{opacity:1}.page-fade-exit-active{opacity:0;transition:opacity .15s ease-in}.page-fade-enter,.page-fade-enter-active,.page-fade-exit,.page-fade-exit-active{will-change:opacity;transform:translateZ(0);backface-visibility:hidden}@media(max-width:768px){.page-fade-enter-active{transition-duration:.25s}.page-fade-exit-active{transition-duration:.12s}}@media(prefers-reduced-motion:reduce){.page-fade-enter-active,.page-fade-exit-active{transition:none}.page-fade-enter,.page-fade-exit{opacity:1}}.cistern-table-search-header{background-color:#232323;border:1px solid rgb(75,85,99);border-radius:.5rem;padding:1rem;margin-bottom:1rem;pointer-events:auto;position:relative;z-index:10}.cistern-table-search-input{width:100%;padding:.75rem 2.5rem;background-color:#000;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;transition:border-color .15s ease-in-out;pointer-events:auto;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.cistern-table-search-input:focus{outline:none;border-color:#ef4444}.cistern-table-search-input::-moz-placeholder{color:#9ca3af}.cistern-table-search-input::placeholder{color:#9ca3af}.cistern-table-toggle-btn{display:flex;align-items:center;padding:.75rem 1rem;background-color:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;white-space:nowrap;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cistern-table-toggle-btn:hover{background-color:#b91c1c}.cistern-table-container{background-color:#232323;border:1px solid rgb(75,85,99);border-radius:.5rem;overflow:hidden}.cistern-table-wrapper{overflow-x:auto}.cistern-table{width:100%;border-collapse:collapse;background-color:#232323}.cistern-table-header{background-color:#2d2d2d;color:#fff;padding:1rem .75rem;text-align:left;font-size:.875rem;font-weight:600;border-bottom:1px solid rgb(75,85,99);position:sticky;top:0;z-index:10}.cistern-table-header:hover{background-color:#374151}.cistern-table-row{border-bottom:1px solid rgb(55,65,81);transition:background-color .15s ease-in-out}.cistern-table-row:hover{background-color:#2d2d2d}.cistern-table-row:last-child{border-bottom:none}.cistern-table-cell{padding:.75rem;color:#fff;font-size:.875rem;vertical-align:middle}.cistern-table-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:transparent;border:1px solid rgb(75,85,99);border-radius:.375rem;color:#fff;cursor:pointer;transition:all .15s ease-in-out;margin:0 .125rem}.cistern-table-action-btn:hover{background-color:#374151;border-color:#6b7280;transform:translateY(-1px)}.cistern-table-action-btn:active{transform:translateY(0)}.cistern-table-pagination{background-color:#2d2d2d;border-top:1px solid rgb(75,85,99);padding:1rem}.cistern-table-pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#374151;border:1px solid rgb(75,85,99);border-radius:.375rem;color:#fff;font-size:.875rem;cursor:pointer;transition:all .15s ease-in-out}.cistern-table-pagination-btn:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.cistern-table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cistern-table-pagination-btn.active{background-color:#dc2626;border-color:#b91c1c}.cistern-table-pagination-btn.active:hover{background-color:#b91c1c}.table-collapsed .cistern-table-container{display:none}@media(max-width:768px){.cistern-table-search-header{padding:.75rem}.cistern-table-search-input{padding:.5rem 2rem;font-size:.75rem}.cistern-table-toggle-btn{padding:.5rem .75rem;font-size:.75rem}.cistern-table-header{padding:.75rem .5rem;font-size:.75rem}.cistern-table-cell{padding:.5rem;font-size:.75rem}.cistern-table-action-btn{width:1.75rem;height:1.75rem;margin:0 .0625rem}.cistern-table-pagination{padding:.75rem}.cistern-table-pagination-btn{width:2rem;height:2rem;font-size:.75rem}}.cistern-table-search-input:focus,.cistern-table-toggle-btn:focus,.cistern-table-action-btn:focus,.cistern-table-pagination-btn:focus{outline:2px solid rgb(239,68,68);outline-offset:2px}.cistern-table-container{animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cistern-table-cell .w-16{min-width:4rem}.cistern-table-cell .text-gray-400,.cistern-table-cell .text-amber-500,.cistern-table-cell .text-blue-400,.cistern-table-cell .text-orange-500{font-size:1rem}.text-gray-400{color:#9ca3af!important}.text-red-400{color:#f87171!important}.text-yellow-400{color:#fbbf24!important}.text-blue-400{color:#60a5fa!important}.text-green-400{color:#4ade80!important}.text-amber-500{color:#f59e0b!important}.text-orange-500{color:#f97316!important}.simple-draggable-cistern{position:absolute;border-radius:12px;background:#111827b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;will-change:transform;backface-visibility:hidden;transform:translateZ(0);box-shadow:0 8px 32px #0006,0 4px 16px #0003,inset 0 1px #ffffff1a}.simple-draggable-cistern:active{cursor:grabbing}.simple-draggable-cistern:hover{box-shadow:0 12px 40px #00000080,0 6px 20px #0000004d,0 0 0 1px #ef44444d,inset 0 1px #ffffff26;transform:translateZ(0) scale(1.02)}.simple-draggable-cistern.dragging{box-shadow:0 16px 48px #0009,0 8px 24px #0006,0 0 0 2px #ef444480,inset 0 1px #fff3;transform:translateZ(0) scale(1.05);z-index:1000;cursor:grabbing}.simple-draggable-cistern.resizing{box-shadow:0 0 0 2px #22c55e80}.simple-draggable-cistern.transfer-selectable{cursor:pointer;animation:transferPulse 2s infinite}.simple-draggable-cistern.transfer-selectable:hover{box-shadow:0 0 20px #22c55e4d}@keyframes transferPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e1a}}.simple-draggable-cistern.collapsed{min-width:100px;min-height:24px;max-width:160px;max-height:24px;border-radius:12px;background:#2d3748f2;border:1px solid rgba(74,85,104,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.simple-draggable-cistern.collapsed:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d;border-color:#718096cc;z-index:1000}.simple-draggable-cistern.collapsed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(220,38,38,.1),transparent);background-size:200% 100%;animation:loadingShimmer 2s infinite;opacity:0;pointer-events:none;border-radius:12px;transition:opacity .3s ease}.simple-draggable-cistern.collapsed:hover:after{opacity:1}.simple-draggable-cistern.collapsed .cistern-container{height:100%;min-height:24px;border-radius:12px;overflow:visible}.simple-draggable-cistern.collapsed .cistern-content{padding:2px 6px;height:100%;justify-content:center;align-items:center;flex-direction:row;border-radius:12px;overflow:visible}.simple-draggable-cistern.collapsed .cistern-header{flex-direction:row!important;gap:6px;align-items:center!important;justify-content:space-between;width:100%;height:100%;margin-bottom:0;position:relative;display:flex}.simple-draggable-cistern.collapsed .cistern-title-section{flex:1;min-width:0;max-width:50%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;flex-direction:row!important}.simple-draggable-cistern.collapsed .cistern-name{line-height:1;margin-bottom:0;font-size:.6rem!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;max-width:100%;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:500;display:block!important;opacity:1!important}.simple-draggable-cistern.collapsed .cistern-controls-section{position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;z-index:100;display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:center;width:auto;height:auto;flex-shrink:0;margin:0 4px}.simple-draggable-cistern.collapsed .cistern-controls{position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;flex-direction:row;gap:2px;z-index:100;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.simple-draggable-cistern.collapsed .cistern-number-section{flex-shrink:0;max-width:25%;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;flex-direction:row!important}.simple-draggable-cistern.collapsed .cistern-number{opacity:.9;font-size:.5rem!important;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;background:#8b00004d;padding:1px 4px;border-radius:6px;border:1px solid rgba(139,0,0,.5)}.simple-draggable-cistern.collapsed .minimize-btn,.simple-draggable-cistern.collapsed .cistern-resize-button,.simple-draggable-cistern.collapsed .cistern-operations-button{width:clamp(8px,4%,12px);height:clamp(8px,4%,12px);font-size:clamp(4px,2%,6px);margin-bottom:0;z-index:100;background:#dc2626e6;border:none;border-radius:3px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;box-shadow:0 2px 6px #0000004d}.simple-draggable-cistern.collapsed .minimize-btn:hover,.simple-draggable-cistern.collapsed .cistern-resize-button:hover,.simple-draggable-cistern.collapsed .cistern-operations-button:hover{background:#3b82f6;border:none;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0006}.simple-draggable-cistern.collapsed .minimize-btn:active,.simple-draggable-cistern.collapsed .cistern-resize-button:active,.simple-draggable-cistern.collapsed .cistern-operations-button:active{transform:scale(.95)}.simple-draggable-cistern.collapsed .cistern-info{display:none!important;opacity:0!important;visibility:hidden!important}.simple-draggable-cistern.collapsed .wine-fill{display:none}.simple-draggable-cistern.collapsed .cistern-background-icon{font-size:clamp(1rem,4vw,3rem);opacity:.6;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;z-index:1}.simple-draggable-cistern.collapsed.expanded-on-hover{min-width:160px;min-height:140px;max-width:240px;max-height:200px;border-radius:12px;z-index:1000;transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-container{min-height:140px;border-radius:12px}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-content{padding:6px 10px;height:auto;justify-content:flex-start;align-items:flex-start;flex-direction:column;border-radius:12px}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-header{flex-direction:row;gap:8px;align-items:center;justify-content:space-between;width:100%;height:auto;margin-bottom:8px;position:relative}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-title-section{flex:1;min-width:0;max-width:none;display:flex;align-items:center;justify-content:flex-start}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-name{font-size:.8rem!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;max-width:none}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-controls-section{position:static;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;width:auto;height:auto;flex-shrink:0;margin:0}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-controls{flex-direction:row;gap:4px;width:auto;height:auto}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-number-section{flex-shrink:0;max-width:none;display:flex;justify-content:flex-end;align-items:center}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-number{font-size:.7rem!important;padding:2px 6px}.simple-draggable-cistern.collapsed.expanded-on-hover .minimize-btn,.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-resize-button,.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-operations-button{width:18px;height:18px;font-size:7px}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-info{display:block;width:100%;margin-top:8px;opacity:1;visibility:visible}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-info{display:flex!important;justify-content:space-between;align-items:flex-end;position:absolute;inset:0;z-index:5;pointer-events:none;padding:4px;opacity:1!important;visibility:visible!important}.simple-draggable-cistern.collapsed.expanded-on-hover .volume-info-left{display:flex;flex-direction:column;gap:1px;z-index:20;background:transparent!important;padding:2px 4px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:45%;min-width:0;align-self:flex-end}.simple-draggable-cistern.collapsed.expanded-on-hover .volume-info-right{display:flex;flex-direction:column;gap:1px;align-items:flex-end;z-index:20;background:transparent!important;padding:2px 4px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:45%;min-width:0;align-self:flex-end}.simple-draggable-cistern.collapsed.expanded-on-hover .current-volume{font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:20;font-size:clamp(.6rem,2vw,1.2rem);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-draggable-cistern.collapsed.expanded-on-hover .capacity{color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:20;font-size:clamp(.4rem,1.6vw,.9rem);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-draggable-cistern.collapsed.expanded-on-hover .fill-percentage{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:20;font-size:clamp(.5rem,1.8vw,1rem);font-variant-numeric:tabular-nums;line-height:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-draggable-cistern.collapsed.expanded-on-hover .wine-fill,.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-background-icon{display:block}.simple-draggable-cistern.collapsed.expanded-on-hover .cistern-background-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:2}.simple-draggable-cistern.collapsed.expanded-on-hover{animation:expandCistern .3s cubic-bezier(.4,0,.2,1)}@media(max-width:480px){.simple-draggable-cistern.collapsed{min-width:80px;min-height:20px;max-width:120px;max-height:20px}.simple-draggable-cistern.collapsed .cistern-name{font-size:.55rem!important}.simple-draggable-cistern.collapsed .cistern-number{font-size:.45rem!important;padding:1px 3px}.simple-draggable-cistern.collapsed .minimize-btn,.simple-draggable-cistern.collapsed .cistern-resize-button,.simple-draggable-cistern.collapsed .cistern-operations-button{width:12px;height:12px;font-size:5px}}@media(min-width:481px)and (max-width:768px){.simple-draggable-cistern.collapsed{min-width:90px;min-height:22px;max-width:140px;max-height:22px}.simple-draggable-cistern.collapsed .cistern-name{font-size:.58rem!important}.simple-draggable-cistern.collapsed .cistern-number{font-size:.48rem!important;padding:1px 4px}.simple-draggable-cistern.collapsed .minimize-btn,.simple-draggable-cistern.collapsed .cistern-resize-button,.simple-draggable-cistern.collapsed .cistern-operations-button{width:13px;height:13px;font-size:5.5px}}.cistern-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:1;overflow:visible}.wine-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,var(--wine-color, #722f37),var(--wine-color-light, #8b0000));border-radius:0 0 8px 8px;transition:height .3s ease;z-index:0;transform-origin:center bottom;border:none;outline:none}.wine-fill.js-animating{transition:none!important}.cistern-background-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,8vw,6rem);color:#fff;transition:all .3s ease;z-index:2;pointer-events:none;isolation:isolate;border:none;outline:none}.cistern-type-icon{filter:brightness(0) invert(1) brightness(1.5)!important}.simple-draggable-cistern:not(.collapsed):hover .cistern-background-icon{opacity:.25;transform:translate(-50%,-50%) scale(1.1)}.cistern-content{z-index:10;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:8px;pointer-events:none;overflow:visible;isolation:isolate;position:relative}.cistern-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;z-index:10;position:relative;width:100%;pointer-events:none}.cistern-title-section{display:flex;flex-direction:column;gap:2px;z-index:10;width:-moz-fit-content;width:fit-content;max-width:25%;flex-shrink:0;pointer-events:none}.cistern-controls-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;justify-content:center;align-items:center;width:auto;height:auto;pointer-events:auto;max-width:calc(100% - 8px);max-height:calc(100% - 8px);min-height:20px;min-width:60px}.cistern-controls{position:relative;z-index:1000;display:flex;gap:2px;pointer-events:auto;justify-content:center;align-items:center;width:auto;height:auto;flex-wrap:nowrap;max-width:calc(100% - 8px);max-height:calc(100% - 8px);min-height:20px;min-width:60px}.cistern-number-section{display:flex;justify-content:flex-end;align-items:flex-start;z-index:10;flex-shrink:0;max-width:25%;pointer-events:none}.cistern-name{font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.2;z-index:10;font-size:clamp(.6rem,2vw,1.2rem);white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;display:block!important;opacity:1!important;visibility:visible!important}.simple-draggable-cistern[style*="width: 15%"] .cistern-name,.simple-draggable-cistern[style*="width: 16%"] .cistern-name,.simple-draggable-cistern[style*="width: 17%"] .cistern-name,.simple-draggable-cistern[style*="width: 18%"] .cistern-name,.simple-draggable-cistern[style*="width: 19%"] .cistern-name{display:block!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important;font-size:clamp(.4rem,1.5vw,.8rem)!important}.cistern-number{color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:10;font-size:clamp(.5rem,1.5vw,1rem);display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:unset;background:transparent;padding:0;margin:0;box-sizing:content-box}@media(max-width:480px){.cistern-header{flex-direction:column;align-items:center;gap:4px}.cistern-title-section{max-width:100%;text-align:center;order:1}.cistern-controls-section{position:relative;top:auto;left:auto;transform:none;order:2}.cistern-number-section{max-width:100%;justify-content:center;order:3}.cistern-controls{gap:1px}.minimize-btn,.cistern-resize-button,.cistern-operations-button{width:16px;height:16px;font-size:8px}}@media(min-width:481px)and (max-width:768px){.cistern-title-section,.cistern-number-section{max-width:35%}.cistern-controls{gap:1.5px}.minimize-btn,.cistern-resize-button,.cistern-operations-button{width:17px;height:17px;font-size:9px}}@media(min-width:769px){.cistern-title-section,.cistern-number-section{max-width:30%}.cistern-controls{gap:2px}.minimize-btn,.cistern-resize-button,.cistern-operations-button{width:18px;height:18px;font-size:10px}}.cistern-info{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;inset:0;padding:4px;isolation:isolate;pointer-events:none;z-index:5}.volume-info-left{display:flex;flex-direction:column;gap:1px;z-index:20;padding:2px 4px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:45%;min-width:0;align-self:flex-end}.volume-info-right{display:flex;flex-direction:column;color:#fff;gap:1px;align-items:flex-end;z-index:20;padding:2px 4px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:45%;min-width:0;align-self:flex-end}.current-volume{font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:20;font-size:clamp(.6rem,2vw,1.2rem);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capacity{color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:20;font-size:clamp(.4rem,1.6vw,.9rem);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fill-percentage{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:20;font-size:clamp(.5rem,1.8vw,1rem);font-variant-numeric:tabular-nums;line-height:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-draggable-cistern .cistern-info{opacity:1!important;visibility:visible!important}.simple-draggable-cistern[style*="width: 15%"] .cistern-info,.simple-draggable-cistern[style*="width: 16%"] .cistern-info,.simple-draggable-cistern[style*="width: 17%"] .cistern-info{padding:2px;gap:4px}.simple-draggable-cistern[style*="width: 15%"] .volume-info-left,.simple-draggable-cistern[style*="width: 16%"] .volume-info-left,.simple-draggable-cistern[style*="width: 17%"] .volume-info-left,.simple-draggable-cistern[style*="width: 15%"] .volume-info-right,.simple-draggable-cistern[style*="width: 16%"] .volume-info-right,.simple-draggable-cistern[style*="width: 17%"] .volume-info-right{padding:1px 2px;gap:0px;max-width:40%}.current-volume.number-animating,.fill-percentage.number-animating{animation:numberPulse 1.2s ease-out;font-weight:700;color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 8px rgba(251,191,36,.6);transform:scale(1.05)}.cistern-controls{position:relative;z-index:1000;display:flex;gap:2px;pointer-events:auto;justify-content:center;align-items:center;width:auto;height:auto;flex-wrap:nowrap}.minimize-btn,.cistern-resize-button,.cistern-operations-button{background:#dc2626f2;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto!important;z-index:1000;box-shadow:0 2px 8px #0006;flex-shrink:0;width:clamp(12px,8%,24px);height:clamp(12px,8%,24px);font-size:clamp(6px,4%,12px);min-width:12px;min-height:12px;max-width:24px;max-height:24px;overflow:visible}.minimize-btn:hover,.cistern-resize-button:hover,.cistern-operations-button:hover{background:#3b82f6;border:none;transform:scale(1.1);box-shadow:0 4px 12px #0006}.simple-draggable-cistern.collapsed .cistern-header{flex-direction:column;align-items:center;gap:2px}.simple-draggable-cistern.collapsed .cistern-title-section{max-width:100%;text-align:center;order:1}.simple-draggable-cistern.collapsed .cistern-controls-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);order:2;pointer-events:auto;z-index:1000}.simple-draggable-cistern.collapsed .cistern-number-section{max-width:100%;justify-content:center;order:3}.simple-draggable-cistern.collapsed .cistern-controls{flex-direction:row!important;gap:2px;width:auto;height:auto;display:flex;align-items:center;justify-content:center;z-index:1000}.simple-draggable-cistern.collapsed .minimize-btn,.simple-draggable-cistern.collapsed .cistern-resize-button,.simple-draggable-cistern.collapsed .cistern-operations-button{width:clamp(8px,4%,12px);height:clamp(8px,4%,12px);font-size:clamp(4px,2%,6px);margin-bottom:1px;z-index:1000}.cistern-resize-slider{background:#232323f2;border:none;border-radius:8px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:280px;animation:resizeSliderSlideIn .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.resize-slider-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#dc26261a}.resize-slider-title{font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.resize-slider-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.resize-slider-close:hover{background:#dc262633;color:#fff}.resize-slider-content{padding:16px;display:flex;flex-direction:column;gap:12px}.resize-range-slider{width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none}.resize-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#dc2626;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0000004d;-webkit-transition:all .2s ease;transition:all .2s ease}.resize-range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.resize-range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#dc2626;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px #0000004d;-moz-transition:all .2s ease;transition:all .2s ease}.resize-range-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.resize-slider-labels{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#fffc}.resize-label{font-weight:500}.resize-value{background:#dc262633;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:14px;min-width:30px;text-align:center}.cistern-operations-menu{background:#232323f2;border:none;border-radius:8px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:220px;animation:operationsMenuSlideIn .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.operations-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#dc26261a}.operations-menu-title{font-size:14px;font-weight:600;color:#fff}.operations-menu-list{padding:8px 0;display:flex;flex-direction:column}.operation-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:14px;font-weight:500}.operation-menu-item:hover:not(.disabled){background:#dc26261a;transform:translate(2px)}.operation-menu-item.disabled{opacity:.5;cursor:not-allowed;color:#ffffff80}.operation-menu-item.disabled:hover{background:none;transform:none}.operation-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;color:#dc2626cc;transition:all .2s ease}.operation-menu-item:hover:not(.disabled) .operation-menu-icon{color:#dc2626;transform:scale(1.1)}.operation-menu-item.disabled .operation-menu-icon{color:#ffffff4d}.operation-menu-text{flex:1;font-weight:500}.operation-menu-item.disabled .operation-menu-text{color:#ffffff80}.simple-drag-area-wrapper{width:100%;margin-bottom:1rem}.simple-drag-area-responsive-container{width:100%;position:relative;aspect-ratio:16/9}@media(max-width:1024px){.simple-drag-area-responsive-container{aspect-ratio:4/3}}@media(max-width:768px){.simple-drag-area-responsive-container{aspect-ratio:3/2}}@media(max-width:480px){.simple-drag-area-responsive-container{aspect-ratio:1/1}}.simple-drag-area{position:absolute;inset:0;background:linear-gradient(135deg,#1f2937,#374151,#4b5563);border:2px solid rgba(107,114,128,.3);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.room-name-overlay{position:absolute;top:12px;left:12px;z-index:5;background:#000000b3;padding:8px 12px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-name{font-size:1rem;font-weight:600;color:#fff;margin:0 0 4px}.room-stats{font-size:.75rem;color:#ffffffb3}.cistern-count{background:#dc2626b3;padding:2px 6px;border-radius:4px;color:#fff}.transfer-mode-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#111827e6;border:2px solid rgba(34,197,94,.6);border-radius:8px;padding:8px 16px;text-align:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000080;z-index:999;pointer-events:none;display:flex;align-items:center;gap:8px}.transfer-indicator-content{display:flex;align-items:center;gap:6px}.transfer-indicator-icon{font-size:.875rem;color:#22c55e}.transfer-indicator-text{font-size:.75rem;font-weight:500;color:#f3f4f6;white-space:nowrap}.transfer-overlay-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#111827e6;border:1px solid rgba(75,85,99,.6);border-radius:4px;padding:4px 8px;text-align:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000004d;z-index:10;pointer-events:none;display:flex;align-items:center;gap:4px;font-size:.625rem;white-space:nowrap}.transfer-overlay-indicator.source{border-color:#22c55e99;background:#111827f2}.transfer-overlay-indicator.selectable{border-color:#22c55ee6;background:#065f46f2;box-shadow:0 0 12px #22c55ecc,0 8px 32px #10b98140;transform:translate(-50%,-50%) scale(1.03)}.transfer-overlay-indicator.not-available{border-color:#ef444499;background:#111827cc;opacity:.7}.transfer-overlay-icon{font-size:.5rem;color:#9ca3af}.simple-draggable-cistern.transfer-selectable{box-shadow:0 0 18px #10b981e6,0 10px 40px #10b98140,inset 0 0 8px #065f4699;animation:targetGlow 1.6s infinite}@keyframes targetGlow{0%,to{box-shadow:0 0 8px #10b98199,0 8px 24px #10b9812e}50%{box-shadow:0 0 22px #10b981f2,0 12px 36px #10b98147;transform:scale(1.03)}}.transfer-overlay-text{font-size:.5rem;font-weight:500;color:#f3f4f6}.transfer-cancel-button{position:absolute;top:16px;right:16px;background:#ef4444e6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transfer-cancel-button:hover{background:#ef4444;transform:scale(1.1)}.transfer-cancel-icon{color:#fff;font-size:1rem}.empty-drag-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3}.empty-area-content{background:#00000080;padding:24px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.empty-icon{font-size:3rem;color:#ffffff4d;margin-bottom:12px}.empty-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 8px}.empty-subtitle{color:#ffffffb3;font-size:.9rem;margin:0}.drag-area-grid{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.simple-drag-area:hover .drag-area-grid{opacity:.1}.grid-line{position:absolute;background:#fff3}.grid-line.vertical{top:0;bottom:0;width:1px}.grid-line.horizontal{left:0;right:0;height:1px;background:transparent;opacity:0}.mobile-helper-text{margin-top:8px;text-align:center}.helper-text{font-size:.75rem;color:#6b7280cc;margin:0;display:block}@media(max-width:1024px){.simple-draggable-cistern{min-width:70px;min-height:50px}.minimize-btn,.operations-btn,.resize-btn{width:18px;height:18px}.room-name{font-size:.9rem}.helper-text{display:block}}@media(max-width:768px){.simple-draggable-cistern{min-width:55px;min-height:70px;cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.simple-draggable-cistern:active,.simple-draggable-cistern.dragging{cursor:grabbing;transform:translateZ(0) scale(1.05)}.cistern-content{padding:6px;pointer-events:auto}.minimize-btn,.operations-btn,.resize-btn{width:18px;height:18px;font-size:11px}.minimize-btn:before,.operations-btn:before,.resize-btn:before{content:"";position:absolute;inset:-8px}.resize-handle{opacity:.8}.resize-handle.right,.resize-handle.bottom{width:8px;height:8px}.resize-handle.corner{width:12px;height:12px}.room-name{font-size:.85rem}.transfer-title{font-size:1rem}.transfer-subtitle{font-size:.8rem}}@media(max-width:480px){.simple-draggable-cistern{min-width:45px;min-height:60px;touch-action:manipulation;cursor:grab}.simple-draggable-cistern:active,.simple-draggable-cistern.dragging{cursor:grabbing;transform:translateZ(0) scale(1.08)}.cistern-content{padding:4px}.minimize-btn,.operations-btn,.resize-btn{width:20px;height:20px;font-size:12px}.minimize-btn:before,.operations-btn:before,.resize-btn:before{inset:-10px}.resize-handle{opacity:1}.resize-handle.right,.resize-handle.bottom{width:10px;height:10px}.resize-handle.corner{width:14px;height:14px}.room-name{font-size:.8rem}.room-name-overlay{top:8px;left:8px;padding:6px 8px}.empty-area-content{padding:16px}.empty-title{font-size:1rem}.empty-subtitle{font-size:.8rem}.transfer-mode-overlay{top:2px;right:2px;width:35px;height:25px}.transfer-mode-content{padding:1px 2px}.transfer-icon{font-size:.4rem;margin-bottom:0}.transfer-title{font-size:.3rem;margin:0}.transfer-subtitle{font-size:.25rem}}@media(min-width:1920px){.simple-drag-area-responsive-container{aspect-ratio:21/9}.simple-draggable-cistern{min-width:90px;min-height:120px}}@media(min-resolution:192dpi){.simple-draggable-cistern,.resize-handle{border-width:.5px}.grid-line{width:.5px;height:.5px}}@media(prefers-reduced-motion:reduce){.simple-draggable-cistern,.wine-fill,.wave,.resize-handle{animation:none;transition:none}.simple-draggable-cistern:hover{transform:none}}@keyframes operationsMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes resizeSliderSlideIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.cistern-controls-section{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;max-width:calc(100% - 4px);max-height:calc(100% - 4px)}.cistern-controls{gap:1px;z-index:1000;max-width:calc(100% - 4px);max-height:calc(100% - 4px)}.minimize-btn,.cistern-resize-button,.cistern-operations-button{width:clamp(10px,6%,18px);height:clamp(10px,6%,18px);font-size:clamp(5px,3%,9px);z-index:1000}.simple-draggable-cistern.collapsed .cistern-controls-section{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.simple-draggable-cistern.collapsed .cistern-controls{gap:1px;z-index:1000}.simple-draggable-cistern.collapsed .minimize-btn,.simple-draggable-cistern.collapsed .cistern-resize-button,.simple-draggable-cistern.collapsed .cistern-operations-button{width:clamp(12px,2.5vw,16px);height:clamp(12px,2.5vw,16px);font-size:clamp(6px,1.2vw,8px);background:#dc2626e6;border:none;border-radius:3px;color:#fff;box-shadow:0 2px 6px #0000004d;z-index:1000}.cistern-resize-slider{width:260px}.cistern-operations-menu{width:200px}.operation-menu-item{padding:10px 14px;font-size:13px}.operation-menu-icon{width:18px;height:18px;font-size:13px}}@media(max-width:480px){.cistern-controls-section{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;max-width:calc(100% - 2px);max-height:calc(100% - 2px)}.cistern-controls{gap:1px;z-index:1000;max-width:calc(100% - 2px);max-height:calc(100% - 2px)}.minimize-btn,.cistern-resize-button,.cistern-operations-button{width:clamp(8px,5%,14px);height:clamp(8px,5%,14px);font-size:clamp(4px,2.5%,7px);z-index:1000}.simple-draggable-cistern.collapsed .cistern-controls-section{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.simple-draggable-cistern.collapsed .cistern-controls{gap:1px;z-index:1000}.simple-draggable-cistern.collapsed .minimize-btn,.simple-draggable-cistern.collapsed .cistern-resize-button,.simple-draggable-cistern.collapsed .cistern-operations-button{width:clamp(10px,3vw,14px);height:clamp(10px,3vw,14px);font-size:clamp(5px,1.5vw,8px);background:#dc2626e6;border:none;border-radius:3px;color:#fff;box-shadow:0 2px 6px #0000004d;z-index:1000}.cistern-resize-slider{width:240px}.cistern-operations-menu{width:180px}.operation-menu-item{padding:8px 12px;font-size:12px}.operation-menu-icon{width:16px;height:16px;font-size:12px}.resize-slider-title,.operations-menu-title{font-size:13px}}.simple-draggable-cistern.transfer-source{cursor:grabbing;box-shadow:0 0 0 3px #ef444499,0 8px 32px #ef44444d;animation:transferSourcePulse 1.5s infinite;z-index:1001}@keyframes transferSourcePulse{0%,to{box-shadow:0 0 0 3px #ef444499,0 8px 32px #ef44444d}50%{box-shadow:0 0 0 4px #ef4444cc,0 12px 40px #ef444480}}.simple-draggable-cistern.being-dragged-over{box-shadow:0 0 0 3px #22c55ecc,0 8px 32px #22c55e66;animation:beingDraggedOverPulse 1s infinite;transform:scale(1.05);z-index:1000}@keyframes beingDraggedOverPulse{0%,to{box-shadow:0 0 0 3px #22c55ecc,0 8px 32px #22c55e66}50%{box-shadow:0 0 0 4px #22c55e,0 12px 40px #22c55e99}}.cistern-tooltip-isolated{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:fixed;z-index:1000}.tooltip-content-isolated{background:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(75,85,99,.6);border-radius:8px;padding:12px;box-shadow:0 10px 25px #00000080,0 4px 10px #0000004d;min-width:180px;max-width:250px;animation:tooltipFadeInIsolated .15s ease-out;transition:opacity .1s ease-out}@keyframes tooltipFadeInIsolated{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-header-isolated{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px}.tooltip-wine-icon-isolated{color:#dc2626;font-size:14px;flex-shrink:0}.tooltip-cistern-name-isolated{color:#fff;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-wine-info-isolated{display:flex;flex-direction:column;gap:4px}.tooltip-wine-name-isolated{color:#fbbf24;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-wine-details-isolated{display:flex;align-items:center;gap:6px;color:#d1d5db;font-size:12px}.tooltip-detail-icon-isolated{color:#dc2626;font-size:11px;flex-shrink:0}.tooltip-quantity-isolated{font-weight:500}.tooltip-fill-percentage-isolated{color:#9ca3af;font-size:11px;font-weight:400}.tooltip-empty-isolated{display:flex;align-items:center;justify-content:center;padding:8px 0}.tooltip-empty-text-isolated{color:#9ca3af;font-size:12px;font-style:italic}@media(max-width:768px){.tooltip-content-isolated{min-width:160px;max-width:200px;padding:10px}.tooltip-header-isolated{margin-bottom:6px;padding-bottom:4px}.tooltip-cistern-name-isolated{font-size:13px}.tooltip-wine-name-isolated{font-size:12px}.tooltip-wine-details-isolated{font-size:11px}.tooltip-fill-percentage-isolated{font-size:10px}}@media(max-width:480px){.tooltip-content-isolated{min-width:140px;max-width:180px;padding:8px}.tooltip-cistern-name-isolated{font-size:12px}.tooltip-wine-name-isolated{font-size:11px}.tooltip-wine-details-isolated{font-size:10px}.tooltip-fill-percentage-isolated{font-size:9px}}.add-cistern-btn{background:#dc2626e6!important;border:none;border-radius:3px;color:#fff}.add-cistern-btn:hover{background:#a71d1de6!important;transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.cistern-add-modal-backdrop{position:fixed;inset:0;width:100vw;height:100vh;z-index:999999;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;animation:backdropFadeIn .3s ease-out}.cistern-add-modal-container{border:1px solid rgb(75,85,99);border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:32rem;margin:0 auto;max-height:90vh;overflow:auto;position:relative;z-index:999999;background-color:#232323;animation:modalFadeIn .5s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;will-change:transform,opacity}.cistern-add-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid rgb(75,85,99);background-color:#dc2626;gap:1rem}.cistern-add-modal-header-content,.cistern-add-modal-quantity-controls{display:flex;align-items:center;gap:.5rem}.quantity-control-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.quantity-label{font-size:.75rem;color:#fff;font-weight:500;text-align:center}.quantity-input-group{display:flex;align-items:center;gap:.25rem;background-color:#ffffff1a;border-radius:.375rem;padding:.25rem}.quantity-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:#fff3;border:none;border-radius:.25rem;color:#fff;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.quantity-btn:hover:not(:disabled){background-color:#ffffff4d}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:2.5rem;height:1.75rem;text-align:center;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;color:#fff;font-size:.875rem;font-weight:500}.quantity-input:focus{outline:none;border-color:#ffffff80;background-color:#ffffff26}.bulk-creation-preview{margin:1rem 0;padding:1rem;background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:.5rem}.preview-title{font-size:.875rem;font-weight:600;color:#dc2626;margin-bottom:.5rem}.preview-numbers{display:flex;flex-wrap:wrap;gap:.25rem}.preview-number{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background-color:#dc2626;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:500;min-width:2rem}.preview-ellipsis{display:inline-flex;align-items:center;padding:.25rem .5rem;color:#9ca3af;font-size:.75rem;font-style:italic}.cistern-add-modal-header-icon{filter:brightness(0) invert(1);width:62px;height:62px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cistern-add-modal-title{font-size:1.125rem;font-weight:600;color:#fff}.cistern-add-modal-close-btn{color:#fff;transition:color .2s}.cistern-add-modal-close-btn:hover{color:#e5e7eb}.cistern-add-modal-content{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.cistern-add-modal-form{display:flex;flex-direction:column;gap:.5rem}.cistern-add-modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cistern-add-modal-field{display:flex;flex-direction:column}.cistern-add-modal-label{display:block;font-size:.75rem;font-weight:500;color:#d1d5db;margin-bottom:.25rem}.cistern-add-modal-input{width:100%;padding:.25rem .5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;transition:border-color .2s}.cistern-add-modal-input:focus{border-color:#ef4444}.cistern-add-modal-select{width:100%;padding:.25rem .5rem;border:1px solid rgb(75,85,99);border-radius:.5rem;color:#fff;font-size:.875rem;background-color:#000;outline:none;transition:border-color .2s}.cistern-add-modal-select:focus{border-color:#ef4444}.cistern-add-modal-error,.cistern-add-modal-error-submit{color:#f87171;font-size:.75rem;margin-top:.25rem}.cistern-add-modal-error-room-capacity{color:#fbbf24;font-size:.875rem;margin-bottom:1rem;padding:.75rem;background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:.375rem;display:flex;align-items:center;gap:.25rem}.cistern-add-modal-type-description{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#282828}.cistern-add-modal-type-icon{filter:brightness(0) invert(1);width:4rem;height:4rem}.cistern-add-modal-type-text{font-size:.875rem;color:#9ca3af}.cistern-add-modal-actions{display:flex;gap:.5rem;margin-top:.5rem}.cistern-add-modal-btn{flex:1;padding:.5rem .75rem;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.cistern-add-modal-btn-cancel{background-color:#373737}.cistern-add-modal-btn-cancel:hover:not(:disabled){background-color:#4b5563}.cistern-add-modal-btn-save{background-color:#dc2626}.cistern-add-modal-btn-save:hover:not(:disabled){background-color:#b91c1c}.cistern-add-modal-btn:disabled{opacity:.5;cursor:not-allowed}.cistern-add-modal-btn-icon{width:1rem;height:1rem}.cistern-add-modal-cistern-icon{filter:brightness(0) invert(1);width:1.5rem;height:1.5rem}@media(max-width:640px){.cistern-add-modal-form-grid{grid-template-columns:1fr}.cistern-add-modal-container{margin:.5rem;max-width:calc(100vw - 1rem)}.cistern-add-modal-backdrop{padding:.5rem}}.cistern-add-modal-input:focus,.cistern-add-modal-select:focus,.cistern-add-modal-btn:focus{outline:2px solid rgb(239,68,68);outline-offset:2px}@media(prefers-contrast:high){.cistern-add-modal-input,.cistern-add-modal-select{border-width:2px}.cistern-add-modal-btn{border:2px solid currentColor}}.multiple-fill-selection-overlay{position:absolute;top:5px;right:5px;z-index:1000;pointer-events:none}.selection-checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.8);border-radius:4px;background-color:#0009;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.selection-checkbox.selected{background-color:#22c55ee6;border-color:#22c55e}.checkmark{color:#fff;font-weight:700;font-size:12px;line-height:1}.cistern-multiple-fill-summary{background-color:#374151cc;border-radius:.375rem;padding:1rem;margin-bottom:1rem}.vessel-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:1rem}.vessel-summary-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;background-color:#4b556399;border-radius:.25rem;font-size:.75rem}.vessel-number{font-weight:700;color:#dc2626}.vessel-capacity{color:#fffc}.vessel-summary-totals{border-top:1px solid rgba(75,85,99,.5);padding-top:.75rem}.vessel-summary-totals p{margin:.25rem 0;font-size:.875rem;color:#ffffffe6}.multiple-fill-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:999998;background-color:#232323f2;border-top:1px solid rgba(75,85,99,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem}.multiple-fill-action-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:1rem}.multiple-fill-selection-info{display:flex;align-items:center}.selection-count{font-size:1rem;font-weight:600;color:#ffffffe6}.multiple-fill-actions{display:flex;gap:.75rem}.multiple-fill-btn{display:flex;align-items:center;padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.multiple-fill-btn-cancel{background-color:#6b7280cc;color:#fff;border:1px solid rgba(107,114,128,1)}.multiple-fill-btn-cancel:hover{background-color:#6b7280;transform:translateY(-1px)}.multiple-fill-btn-fill{background-color:#22c55ee6;color:#fff;border:1px solid rgba(34,197,94,1)}.multiple-fill-btn-fill:hover:not(:disabled){background-color:#22c55e;transform:translateY(-1px)}.multiple-fill-btn-fill:disabled{background-color:#6b728080;border-color:#6b728080;cursor:not-allowed;opacity:.6}@media(max-width:768px){.multiple-fill-action-content{flex-direction:column;gap:.75rem}.multiple-fill-selection-info{justify-content:center}.multiple-fill-actions{width:100%;justify-content:center}.multiple-fill-btn{flex:1;max-width:150px}}@media(prefers-reduced-motion:reduce){.cistern-add-modal-header-icon{animation:none}.cistern-add-modal-input,.cistern-add-modal-select,.cistern-add-modal-btn,.selection-checkbox{transition:none}}.transfer-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:1rem}.transfer-modal-container{background:#232323;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(75,85,99,.3);border-radius:12px;box-shadow:0 25px 50px #00000080;max-width:900px;width:100%;height:85vh;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.transfer-modal-header{background:#dc2626;padding:.75rem 1rem;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;min-height:48px}.transfer-modal-title{display:flex;align-items:center;gap:.5rem}.transfer-modal-title h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.transfer-modal-close-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.transfer-modal-close-btn:hover{background:#fff3}.transfer-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-modal-content{padding:1rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem;min-height:0;max-height:calc(85vh - 48px - 2rem)}.transfer-modal-form{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0}.transfer-source-minimal{background:#2d2d2d;border:1px solid rgb(75,85,99);border-radius:8px;padding:.75rem;flex-shrink:0;min-height:48px}.transfer-source-minimal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.transfer-source-label{color:#dc2626;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.transfer-source-minimal-info{display:flex;align-items:center;gap:.75rem}.transfer-source-name{color:#fff;font-size:.875rem;font-weight:500}.transfer-source-quantity{color:#22c55e;font-size:.875rem;font-weight:600;background:#22c55e1a;padding:.25rem .5rem;border-radius:4px}.transfer-selection-area{background:#2d2d2d;border:1px solid rgb(75,85,99);border-radius:8px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.transfer-view-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid rgb(75,85,99);flex-shrink:0;min-height:40px}.transfer-back-btn{background:#4b5563;border:none;border-radius:4px;color:#fff;padding:.375rem .5rem;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;flex-shrink:0}.transfer-back-btn:hover{background:#6b7280}.transfer-rooms-view{display:flex;flex-direction:column;height:100%;min-height:0}.transfer-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.25rem;padding:1rem;overflow-y:auto;flex:1;min-height:0}.transfer-room-item{background:#374151;border:1px solid rgb(75,85,99);border-radius:3px;cursor:pointer;transition:all .2s ease;overflow:hidden;flex-shrink:0;min-height:32px}.transfer-room-item:hover{border-color:#dc2626;background:#414b5b;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.transfer-room-item-content{display:flex;align-items:center;gap:.25rem;padding:.375rem;height:100%}.transfer-room-item-icon{color:#9ca3af;font-size:.625rem;flex-shrink:0}.transfer-room-item-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.transfer-room-item-name{color:#fff;font-size:.5rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-room-item-count{color:#9ca3af;font-size:.375rem}.transfer-room-item-arrow{color:#9ca3af;font-size:.5rem;flex-shrink:0;transition:all .2s ease}.transfer-room-item:hover .transfer-room-item-arrow{color:#dc2626;transform:translate(2px)}.transfer-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-top:1px solid rgb(75,85,99);flex-shrink:0;min-height:40px}.transfer-pagination-btn{background:#4b5563;border:none;border-radius:4px;color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.625rem}.transfer-pagination-btn:hover:not(:disabled){background:#6b7280;transform:translateY(-1px)}.transfer-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.transfer-pagination-info{color:#9ca3af;font-size:.625rem;font-weight:500;min-width:60px;text-align:center}.transfer-cisterns-view{display:flex;flex-direction:column;height:100%;min-height:0}.transfer-cisterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.25rem;padding:1rem;overflow-y:auto;flex:1;min-height:0}.transfer-cistern-item{background:#000;border:1px solid rgb(75,85,99);border-radius:3px;cursor:pointer;transition:all .2s ease;overflow:hidden;flex-shrink:0;min-height:32px}.transfer-cistern-item:hover{border-color:#22c55e;background:#414b5b;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.transfer-cistern-item.selected{border-color:#22c55e;background:#22c55e1a;box-shadow:0 0 0 2px #22c55e4d}.transfer-cistern-item-content{display:flex;align-items:center;gap:.25rem;padding:.375rem;height:100%}.transfer-cistern-item-visual{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:2px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.transfer-cistern-item-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.transfer-cistern-item-name{color:#fff;font-size:.5rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-cistern-item-details{color:#9ca3af;font-size:.375rem}.transfer-loading{text-align:center;color:#9ca3af;padding:2rem;flex-shrink:0}.transfer-no-cisterns{text-align:center;color:#9ca3af;padding:2rem;font-style:italic;flex-shrink:0}.transfer-details-section{background:#2d2d2d;border:1px solid rgb(75,85,99);border-radius:8px;padding:.75rem;flex-shrink:0;min-height:60px;margin-bottom:.5rem}.transfer-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}.transfer-details-left,.transfer-details-right{display:flex;flex-direction:column;gap:.5rem;min-width:0}.transfer-section-title{display:flex;align-items:center;gap:.375rem;color:#d1d5db;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.transfer-form-group{margin-bottom:.375rem}.transfer-form-label{display:block;color:#d1d5db;font-size:.625rem;font-weight:500;margin-bottom:.25rem}.transfer-form-input{width:100%;padding:.375rem;border:1px solid rgb(75,85,99);border-radius:4px;background:#000;color:#fff;font-size:.75rem;transition:all .2s ease;min-width:0}.transfer-form-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.transfer-form-input.error{border-color:#ef4444}.transfer-form-textarea{width:100%;padding:.375rem;border:1px solid rgb(75,85,99);border-radius:4px;background:#000;color:#fff;font-size:.75rem;resize:vertical;min-height:32px;transition:all .2s ease;min-width:0}.transfer-form-textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.transfer-error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.transfer-summary{background:#000;border:1px solid rgb(75,85,99);border-radius:4px;padding:.5rem;margin-top:0;min-width:0}.transfer-summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;min-width:0}.transfer-summary-item:last-child{margin-bottom:0;padding-top:.25rem;border-top:1px solid rgb(75,85,99)}.transfer-summary-label{color:#9ca3af;font-size:.625rem;flex-shrink:0}.transfer-summary-value{font-size:.625rem;font-weight:600;text-align:right;min-width:0}.transfer-summary-value.source-after{color:#ef4444}.transfer-summary-value.dest-after{color:#22c55e}.transfer-summary-value.transfer-amount{color:#fbbf24}.transfer-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid rgb(75,85,99);margin-top:.25rem;flex-shrink:0;min-height:40px}.transfer-btn{padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;border:none}.transfer-btn:disabled{opacity:.5;cursor:not-allowed}.transfer-btn-secondary{background:#4b5563;color:#d1d5db}.transfer-btn-secondary:hover:not(:disabled){background:#6b7280;color:#fff}.transfer-btn-primary{background:#dc2626;color:#fff}.transfer-btn-primary:hover:not(:disabled){background:#b91c1c}.transfer-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.transfer-cistern-type-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.transfer-cistern-type-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-width:14px;max-height:14px}.transfer-cistern-type-icon svg{width:100%;height:100%;max-width:14px;max-height:14px}@media(max-width:1200px){.transfer-modal-container{max-width:95vw;height:85vh;max-height:85vh}.transfer-modal-content{padding:.75rem;max-height:calc(85vh - 48px - 1.5rem)}.transfer-rooms-grid,.transfer-cisterns-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.25rem;padding:.75rem}.transfer-pagination{gap:.5rem;padding:.5rem}.transfer-pagination-btn{width:24px;height:24px;font-size:.5rem}.transfer-pagination-info{font-size:.5rem;min-width:50px}.transfer-details-grid{grid-template-columns:1fr 1fr;gap:.5rem}.transfer-details-section{padding:.5rem;min-height:50px;margin-bottom:.25rem;overflow:hidden}.transfer-section-title{font-size:.625rem;margin-bottom:.375rem}.transfer-form-group{margin-bottom:.25rem}.transfer-form-textarea{min-height:28px}.transfer-actions{margin-top:.25rem;padding-top:.375rem}}@media(max-width:768px){.transfer-modal-container{max-width:95vw;height:90vh;max-height:90vh}.transfer-modal-content{padding:.75rem;max-height:calc(90vh - 48px - 1.5rem)}.transfer-rooms-grid,.transfer-cisterns-grid{grid-template-columns:1fr}.transfer-pagination{gap:.75rem;padding:.75rem}.transfer-pagination-btn{width:28px;height:28px;font-size:.625rem}.transfer-pagination-info{font-size:.625rem;min-width:60px}.transfer-actions{flex-direction:column}.transfer-btn{width:100%;justify-content:center}}.transfer-rooms-grid::-webkit-scrollbar,.transfer-cisterns-grid::-webkit-scrollbar,.transfer-modal-content::-webkit-scrollbar{width:6px}.transfer-rooms-grid::-webkit-scrollbar-track,.transfer-cisterns-grid::-webkit-scrollbar-track,.transfer-modal-content::-webkit-scrollbar-track{background:#374151;border-radius:3px}.transfer-rooms-grid::-webkit-scrollbar-thumb,.transfer-cisterns-grid::-webkit-scrollbar-thumb,.transfer-modal-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.transfer-rooms-grid::-webkit-scrollbar-thumb:hover,.transfer-cisterns-grid::-webkit-scrollbar-thumb:hover,.transfer-modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.cistern-bottle-modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background-color:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;margin:0!important;transform:none!important;overflow:hidden!important;animation:backdropFadeIn .3s ease-out!important}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.cistern-bottle-modal-container{border:1px solid rgb(75,85,99)!important;border-radius:.5rem!important;box-shadow:0 25px 50px -12px #00000040!important;width:100%!important;max-width:44rem!important;margin:0 auto!important;max-height:90vh!important;overflow:auto!important;position:relative!important;z-index:999999!important;background-color:#232323!important;animation:modalFadeIn .5s cubic-bezier(.25,.46,.45,.94)!important;transform-origin:center center!important;will-change:transform,opacity!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cistern-bottle-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid rgb(75,85,99);background-color:#dc2626}.cistern-bottle-modal-header-content{display:flex;align-items:center;gap:.5rem}.cistern-bottle-modal-header-right{display:flex;align-items:center;gap:1rem}.cistern-bottle-total-display{display:flex;align-items:center;gap:.5rem;background-color:#0003;padding:.5rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.2)}.cistern-bottle-total-label{color:#fff;font-size:.875rem;font-weight:500}.cistern-bottle-total-value{color:#fff;font-size:1rem;font-weight:600;background-color:#0000004d;padding:.25rem .5rem;border-radius:.25rem;min-width:3rem;text-align:center}.cistern-bottle-modal-header-icon{color:#fff;font-size:1.125rem}.cistern-bottle-modal-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.cistern-bottle-modal-close-button{color:#fff;background:none;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.cistern-bottle-modal-close-button:hover{background-color:#ffffff1a}.cistern-bottle-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.cistern-bottle-modal-close-icon{font-size:1.125rem}.cistern-bottle-modal-content{padding:1rem;background-color:#232323}.cistern-bottle-form{display:flex;flex-direction:column;gap:1rem}.cistern-bottle-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}.cistern-bottle-form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;align-items:start}.cistern-bottle-form-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;align-items:start}.cistern-bottle-form-grid-4-wine-properties{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;align-items:start}.cistern-bottle-form-field{display:flex;flex-direction:column;gap:.375rem}.cistern-bottle-form-label{color:#d1d5db;font-size:.75rem;font-weight:500;margin:0}.cistern-bottle-input{width:100%;padding:.375rem .5rem;border:1px solid rgb(75,85,99);border-radius:.375rem;color:#fff;font-size:.75rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box}.cistern-bottle-input:focus{border-color:#ef4444}.cistern-bottle-select{width:100%;padding:.375rem .5rem;border:1px solid rgb(75,85,99);border-radius:.375rem;color:#fff;font-size:.75rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box}.cistern-bottle-select:focus{border-color:#ef4444}.cistern-bottle-select option,select.cistern-bottle-select,select.cistern-bottle-select option,.cistern-bottle-modal-backdrop select,.cistern-bottle-modal-backdrop select option{background-color:#000!important;color:#fff!important;background:#000!important}.cistern-bottle-textarea{width:100%;padding:.375rem .5rem;border:1px solid rgb(75,85,99);border-radius:.375rem;color:#fff;font-size:.75rem;background-color:#000;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box;resize:vertical;min-height:2rem}.cistern-bottle-textarea:focus{border-color:#ef4444}.cistern-bottle-error{color:#ef4444;font-size:.75rem;margin:0;margin-top:.25rem}.cistern-bottle-error-container{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#ef4444;background-color:#ef44441a;border:1px solid rgb(239,68,68);border-radius:.5rem;color:#ef4444;font-size:.875rem;margin-top:1rem}.cistern-bottle-error-icon{font-size:1rem;flex-shrink:0}.cistern-bottle-form-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgb(75,85,99)}.cistern-bottle-cancel-button{flex:1;padding:.5rem .75rem;background-color:#374151;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.cistern-bottle-cancel-button:hover{background-color:#4b5563}.cistern-bottle-cancel-button:disabled{opacity:.5;cursor:not-allowed}.cistern-bottle-submit-button{flex:1;padding:.5rem .75rem;background-color:#dc2626;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.375rem}.cistern-bottle-submit-button:hover{background-color:#b91c1c}.cistern-bottle-submit-button:disabled{opacity:.5;cursor:not-allowed}.cistern-bottle-submit-icon{font-size:.75rem}.cistern-bottle-cistern-info{background-color:#2d2d2d;border:1px solid rgb(75,85,99);border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.cistern-bottle-cistern-info-title{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.cistern-bottle-cistern-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cistern-bottle-cistern-info-item{display:flex;justify-content:space-between;align-items:center}.cistern-bottle-cistern-info-label{color:#9ca3af;font-size:.75rem}.cistern-bottle-cistern-info-value{color:#fff;font-size:.75rem;font-weight:500}.cistern-bottle-cistern-info-value.quantity{color:#22c55e}@media(max-width:768px){.cistern-bottle-form-grid-2,.cistern-bottle-form-grid-4,.cistern-bottle-form-grid-5,.cistern-bottle-form-grid-4-wine-properties{grid-template-columns:1fr;gap:.5rem}.cistern-bottle-modal-content{padding:.75rem}.cistern-bottle-form-actions{flex-direction:column;gap:.5rem}.cistern-bottle-cistern-info-grid{grid-template-columns:1fr;gap:.375rem}.cistern-bottle-modal-container{max-width:95vw!important}}.cistern-bottle-input:focus,.cistern-bottle-select:focus,.cistern-bottle-textarea:focus{box-shadow:0 0 0 2px #ef444433}.cistern-bottle-input:disabled,.cistern-bottle-select:disabled,.cistern-bottle-textarea:disabled{background-color:#141414;color:#6b7280;cursor:not-allowed;opacity:.6;border-color:#374151}.cistern-bottle-input::-moz-placeholder,.cistern-bottle-textarea::-moz-placeholder{color:#6b7280;opacity:1}.cistern-bottle-input::placeholder,.cistern-bottle-textarea::placeholder{color:#6b7280;opacity:1}.cistern-bottle-country-dropdown{position:relative;width:100%}.cistern-bottle-country-button{width:100%;padding:.375rem .5rem;border:1px solid rgb(75,85,99);border-radius:.375rem;background-color:#000;color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s ease-in-out;box-sizing:border-box}.cistern-bottle-country-button:hover{border-color:#6b7280}.cistern-bottle-country-button:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.cistern-bottle-country-button-content{display:flex;align-items:center;gap:.5rem}.cistern-bottle-country-flag{width:24px;height:18px;-o-object-fit:cover;object-fit:cover;border-radius:2px}.cistern-bottle-country-arrow{width:1rem;height:1rem;color:#9ca3af;transition:transform .15s ease-in-out}.cistern-bottle-country-dropdown[aria-expanded=true] .cistern-bottle-country-arrow{transform:rotate(180deg)}.cistern-bottle-country-list{position:absolute;top:100%;left:0;right:0;background-color:#000;border:1px solid rgb(75,85,99);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000004d;z-index:1000;max-height:200px;overflow-y:auto;margin-top:.25rem;padding:.25rem 0}.cistern-bottle-country-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;cursor:pointer;transition:background-color .15s ease-in-out;color:#fff;font-size:.75rem}.cistern-bottle-country-item:hover{background-color:#374151}.cistern-bottle-country-item-selected{background-color:#dc2626}.cistern-bottle-country-item-selected:hover{background-color:#b91c1c}.cistern-bottle-country-item-flag{width:24px;height:18px;-o-object-fit:cover;object-fit:cover;border-radius:2px;flex-shrink:0}.landscape-keyboard{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:#2a2a2a;border-top:2px solid #404040;z-index:9999999!important;animation:slideUpFromBottom .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px #00000080;max-height:40vh;display:flex;flex-direction:column;transform:none!important;pointer-events:auto!important;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.landscape-keyboard.force-landscape{transform-origin:center center!important;transform:rotate(90deg)!important;width:80vh!important;height:100vw!important;top:70%!important;left:45%!important;margin-top:-50vw!important;margin-left:-50vh!important;bottom:auto!important;max-height:45vw!important;z-index:9999999!important}.landscape-keyboard-header{background:#1a1a1a;padding:6px 10px;border-bottom:1px solid #404040;display:flex;justify-content:space-between;align-items:center;min-height:40px;flex-shrink:0}.landscape-keyboard-title{color:#e2e8f0;font-size:12px;font-weight:600;margin:0}.landscape-keyboard-display{flex:1;background:#2d3748;border:1px solid #4a5568;border-radius:4px;padding:6px 10px;margin:0 10px;color:#e2e8f0;font-size:14px;font-family:monospace;min-height:28px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landscape-keyboard-close{background:#dc2626;border:none;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:background-color .2s ease;display:flex;align-items:center;gap:4px}.landscape-keyboard-close:hover{background:#b91c1c}.landscape-keyboard-body{flex:1;padding:8px;overflow-y:auto;min-height:0}.landscape-keyboard-main{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.landscape-keyboard-left{display:flex;flex-direction:column;gap:6px;min-width:120px}.landscape-keyboard-center{flex:1;display:flex;flex-direction:column;gap:6px;margin:0 10px}.landscape-keyboard-right{display:flex;flex-direction:column;gap:6px;min-width:120px}.landscape-keyboard-row{display:flex;gap:10px!important;margin-bottom:6px;justify-content:center}.landscape-keyboard-row:last-child{margin-bottom:0}.landscape-keyboard-key{background:#404040;border:1px solid #525252;color:#e2e8f0;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-width:36px;min-height:40px;display:flex;align-items:center;justify-content:center}.landscape-keyboard-key:hover{background:#525252;border-color:#6b7280}.landscape-keyboard-key:active{background:#6b7280;transform:scale(.95)}.landscape-keyboard-key.wide{flex:1;min-width:60px}.landscape-keyboard-key.space{flex:2;min-width:120px}.landscape-keyboard-key.backspace{background:#dc2626;border-color:#dc2626}.landscape-keyboard-key.backspace:hover{background:#b91c1c;border-color:#b91c1c}.landscape-keyboard-key.enter{background:#16a34a;border-color:#16a34a}.landscape-keyboard-key.enter:hover{background:#15803d;border-color:#15803d}.landscape-keyboard-key.shift{background:#6b7280;border-color:#6b7280}.landscape-keyboard-key.shift:hover{background:#4b5563;border-color:#4b5563}.landscape-keyboard-key.shift.active{background:#dc2626;border-color:#dc2626}.landscape-keyboard-numbers{display:flex;gap:6px;margin-bottom:8px;justify-content:center}.landscape-keyboard-number{background:#374151;border:1px solid #4b5563;color:#e2e8f0;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;min-width:32px;min-height:36px;display:flex;align-items:center;justify-content:center}.landscape-keyboard-utils{position:absolute;top:100px!important;right:15px!important;display:flex;flex-direction:column;gap:4px;z-index:10}.landscape-keyboard-util{background:#374151;border:1px solid #4b5563;color:#e2e8f0;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:500;transition:all .15s ease;display:flex;align-items:center;gap:3px;min-width:40px;justify-content:center}.landscape-keyboard-util:hover{background:#4b5563;border-color:#6b7280}.landscape-keyboard-util:active{background:#6b7280;transform:scale(.95)}.landscape-keyboard-counter{background:#374151;border:1px solid #4b5563;color:#a0aec0;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:500;text-align:center;min-width:40px}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.landscape-keyboard.force-landscape{animation:none!important;opacity:1!important}@media(max-width:768px){.landscape-keyboard{max-height:35vh}.landscape-keyboard.force-landscape{max-height:55vw}.landscape-keyboard-main{gap:8px}.landscape-keyboard-left,.landscape-keyboard-right{min-width:100px}.landscape-keyboard-key{padding:0!important;font-size:15px!important;min-width:32px;min-height:36px}.landscape-keyboard-number{padding:5px 8px;font-size:12px;min-width:28px;min-height:32px}.landscape-keyboard-row{gap:4px!important;margin-bottom:5px}.landscape-keyboard-numbers{gap:5px;margin-bottom:6px}.landscape-keyboard-body{padding:6px}.landscape-keyboard-header{padding:5px 8px;min-height:36px}.landscape-keyboard-title{font-size:11px}.landscape-keyboard-display{font-size:13px;padding:5px 8px;margin:0 8px}.landscape-keyboard-close{padding:3px 6px;font-size:10px}.landscape-keyboard-utils{top:6px;right:6px;gap:3px}.landscape-keyboard-util{padding:3px 5px;font-size:9px;min-width:36px}.landscape-keyboard-counter{padding:2px 5px;font-size:8px;min-width:36px}}@media(max-width:480px){.landscape-keyboard{max-height:30vh}.landscape-keyboard.force-landscape{max-height:50vw}.landscape-keyboard-main{gap:6px}.landscape-keyboard-left,.landscape-keyboard-right{min-width:80px}.landscape-keyboard-key{padding:5px 8px;font-size:12px;min-width:28px;min-height:32px}.landscape-keyboard-number{padding:4px 6px;font-size:11px;min-width:24px;min-height:28px}.landscape-keyboard-row{gap:6px!important;margin-bottom:4px}.landscape-keyboard-numbers{gap:4px;margin-bottom:5px}.landscape-keyboard-body{padding:5px}.landscape-keyboard-header{padding:4px 6px;min-height:32px}.landscape-keyboard-title{font-size:10px}.landscape-keyboard-display{font-size:12px;padding:4px 6px;margin:0 6px}.landscape-keyboard-close{padding:3px 5px;font-size:9px}.landscape-keyboard-utils{top:4px;right:4px;gap:2px}.landscape-keyboard-util{padding:2px 4px;font-size:8px;min-width:32px}.landscape-keyboard-counter{padding:2px 4px;font-size:7px;min-width:32px}}@media(prefers-reduced-motion:reduce){.landscape-keyboard{animation:none!important}.landscape-keyboard-key,.landscape-keyboard-number,.landscape-keyboard-util{transition:none!important}}.landscape-keyboard-key:focus,.landscape-keyboard-number:focus,.landscape-keyboard-util:focus,.landscape-keyboard-close:focus{outline:2px solid #4299e1!important;outline-offset:2px!important}@media(prefers-contrast:high){.landscape-keyboard-key,.landscape-keyboard-number,.landscape-keyboard-util{border-width:2px}}.fake-input{position:relative;background:#000;border:1px solid rgb(75,85,99);border-radius:6px;padding:8px 12px;min-height:36px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#fff;outline:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.landscape-modal-backdrop.force-landscape .landscape-modal-container.force-landscape .fake-input{padding:6px 10px!important;min-height:32px!important;font-size:13px!important;border-radius:4px!important}.fake-input:hover{border-color:#ef4444;background:#000}.fake-input.active{border-color:#ef4444;background:#000;box-shadow:0 0 0 3px #ef444433}.fake-input.error{border-color:#dc2626;background:#dc26261a;animation:shake .5s ease-in-out}.fake-input.disabled{background:#000;border-color:#4b5563;color:#9ca3af;cursor:not-allowed;opacity:.6}.fake-input.disabled:hover{border-color:#4b5563;background:#000}.fake-input-content{flex:1;display:flex;align-items:center;min-height:24px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.landscape-modal-backdrop.force-landscape .landscape-modal-container.force-landscape .fake-input-content{min-height:20px!important}.fake-input-value{color:#fff;line-height:1.4}.fake-input-placeholder{color:#a0aec0;font-style:italic}.fake-input-cursor{color:#ef4444;font-weight:700;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.fake-input-error-indicator{color:#dc2626;font-size:16px;margin-left:8px;flex-shrink:0}.landscape-modal-backdrop.force-landscape .landscape-modal-container.force-landscape .fake-input-error-indicator{font-size:14px!important;margin-left:6px!important}.fake-input{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.fake-input:active{transform:scale(.98)}.fake-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.fake-input:focus-visible{outline:2px solid #4299e1;outline-offset:2px}@media(max-width:359px){.fake-input{padding:6px 10px;min-height:32px;font-size:13px;border-radius:4px}.fake-input-content{min-height:18px}.fake-input-error-indicator{font-size:14px;margin-left:6px}}@media(min-width:360px)and (max-width:479px){.fake-input{padding:7px 11px;min-height:34px;font-size:13px}.fake-input-content{min-height:19px}}@media(min-width:480px)and (max-width:767px){.fake-input{padding:8px 12px;min-height:36px;font-size:14px}.fake-input-content{min-height:20px}}@media(min-width:768px)and (max-width:1023px){.fake-input{padding:9px 13px;min-height:38px;font-size:14px}.fake-input-content{min-height:21px}}@media(min-width:1024px){.fake-input{padding:10px 14px;min-height:40px;font-size:15px}.fake-input-content{min-height:22px}}@media(orientation:landscape){.fake-input{padding:6px 10px;min-height:32px;font-size:13px}.fake-input-content{min-height:18px}}@media(max-height:400px){.fake-input{padding:5px 8px;min-height:28px;font-size:12px}.fake-input-content{min-height:16px}.fake-input-error-indicator{font-size:12px;margin-left:4px}}@media(max-width:375px)and (max-height:667px){.fake-input{padding:6px 10px;min-height:32px;font-size:13px}}@media(min-width:360px)and (max-width:400px){.fake-input{padding:7px 11px;min-height:34px;font-size:13px}}@media(prefers-reduced-motion:reduce){.fake-input{transition:none}.fake-input-cursor,.fake-input.error{animation:none}}@media(prefers-contrast:high){.fake-input{border-width:3px}.fake-input.active{border-color:#fff}.fake-input.error{border-color:red}}.landscape-modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0009!important;z-index:1000002!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;pointer-events:auto!important;animation:fadeIn .2s ease-out!important}.landscape-modal-backdrop.force-landscape{transform-origin:center center!important;transform:rotate(90deg)!important;width:100vh!important;height:100vw!important;top:50%!important;left:50%!important;margin-top:-50vw!important;margin-left:-50vh!important;background:#000000b3!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:1000002!important;pointer-events:auto!important}.landscape-modal-container{position:relative!important;background:#2d3748!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important;max-width:90vw!important;max-height:90vh!important;width:auto!important;height:auto!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)!important;pointer-events:auto!important}.landscape-modal-container.force-landscape{transform:none!important;transform-origin:center center!important;width:140vh!important;max-width:none!important;max-height:85vh!important;height:auto!important;position:relative!important;z-index:1000003!important;pointer-events:auto!important;margin:0 auto!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.landscape-modal-header{padding:16px 20px!important;border-bottom:1px solid #4a5568!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#374151!important;border-radius:12px 12px 0 0!important}.landscape-modal-title{color:#f7fafc!important;font-size:18px!important;font-weight:600!important;margin:0!important}.landscape-modal-close{background:none!important;border:none!important;color:#cbd5e0!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important}.landscape-modal-close:hover{background:#4a556880!important;color:#fff!important}.landscape-modal-close-btn{background:none!important;border:none!important;color:#cbd5e0!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important}.landscape-modal-close-btn:hover{background:#4a556880!important;color:#fff!important}.landscape-modal-close-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.landscape-modal-content{padding:20px!important;color:#e2e8f0!important;display:flex!important;flex-direction:column!important;gap:12px!important}.landscape-modal-actions{padding:16px 20px!important;border-top:1px solid #4a5568!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;background:#374151!important;border-radius:0 0 12px 12px!important}.landscape-modal-body{padding:20px!important;color:#e2e8f0!important;max-height:60vh!important;overflow-y:auto!important}.landscape-modal-footer{padding:16px 20px!important;border-top:1px solid #4a5568!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;background:#374151!important;border-radius:0 0 12px 12px!important}.landscape-modal-btn{padding:8px 16px!important;border:none!important;border-radius:6px!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:6px!important}.landscape-modal-btn-primary{background:#dc2626!important;color:#fff!important}.landscape-modal-btn-primary:hover{background:#b91c1c!important}.landscape-modal-btn-secondary{background:#6b7280!important;color:#fff!important}.landscape-modal-btn-secondary:hover{background:#4b5563!important}.landscape-modal-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.landscape-modal-btn:disabled:hover{background:#dc2626!important}@media(max-width:768px){.landscape-modal-container{max-width:95vw!important;max-height:95vh!important}.landscape-modal-container.force-landscape{max-width:85vw!important;max-height:85vh!important}.landscape-modal-header{padding:12px 16px!important}.landscape-modal-title{font-size:16px!important}.landscape-modal-body{padding:16px!important;max-height:50vh!important}.landscape-modal-footer{padding:12px 16px!important}.landscape-modal-btn{padding:6px 12px!important;font-size:13px!important}}@media(prefers-reduced-motion:reduce){.landscape-modal-backdrop,.landscape-modal-container{animation:none!important}.landscape-modal-btn{transition:none!important}}.landscape-modal-close:focus,.landscape-modal-btn:focus{outline:2px solid #4299e1!important;outline-offset:2px!important}.landscape-modal-demo{padding:20px;background:#1a1a1a;min-height:100vh;color:#fff}.landscape-demo-header{text-align:center;margin-bottom:30px;padding:20px;background:#2a2a2a;border-radius:12px;border:1px solid #404040}.landscape-demo-header h2{margin:0 0 10px;color:#fff;font-size:24px;font-weight:600}.landscape-demo-header p{margin:0;color:#a0aec0;font-size:16px}.landscape-demo-content{display:flex;flex-direction:column;gap:30px}.landscape-demo-buttons{display:flex;flex-direction:column;gap:15px}.landscape-demo-btn{display:flex;align-items:center;gap:12px;background:#4a5568;border:1px solid #2d3748;border-radius:8px;padding:15px 20px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:16px;font-weight:500;text-align:left;width:100%}.landscape-demo-btn:hover{background:#2d3748;border-color:#4a5568;transform:translateY(-1px)}.landscape-demo-btn:active{transform:scale(.98)}.landscape-demo-btn svg{width:18px;height:18px;flex-shrink:0}.landscape-demo-data{background:#2a2a2a;border:1px solid #404040;border-radius:12px;padding:20px}.landscape-demo-data h3{margin:0 0 15px;color:#fff;font-size:18px;font-weight:600;border-bottom:1px solid #404040;padding-bottom:10px}.landscape-demo-data-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #333}.landscape-demo-data-item:last-child{border-bottom:none}.landscape-demo-data-item strong{color:#e2e8f0;font-weight:600}.landscape-demo-data-item span{color:#a0aec0;font-style:italic}.landscape-demo-placeholder{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1a1a1a;color:#fff;text-align:center;padding:20px}.landscape-demo-message{background:#2a2a2a;border:1px solid #404040;border-radius:12px;padding:40px 30px;max-width:400px}.landscape-demo-icon{font-size:48px;color:#8b0000;margin-bottom:20px;animation:rotate 2s infinite linear}.landscape-demo-message h3{margin:0 0 15px;color:#fff;font-size:20px;font-weight:600}.landscape-demo-message p{margin:0;color:#a0aec0;font-size:14px;line-height:1.5}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-height:500px){.landscape-modal-demo{padding:15px}.landscape-demo-header{padding:15px;margin-bottom:20px}.landscape-demo-header h2{font-size:20px}.landscape-demo-header p{font-size:14px}.landscape-demo-content{gap:20px}.landscape-demo-btn{padding:12px 16px;font-size:14px}.landscape-demo-data{padding:15px}.landscape-demo-data h3{font-size:16px;margin-bottom:12px}.landscape-demo-data-item{padding:8px 0;font-size:14px}}.landscape-demo-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.landscape-demo-btn{transition:none}.landscape-demo-icon{animation:none}}.landscape-demo-btn:focus{outline:2px solid #4299e1;outline-offset:2px}*{box-sizing:border-box}.fullscreen-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:999999;display:flex;align-items:center;justify-content:center;overflow:hidden}.fullscreen-modal-backdrop.mobile.portrait,.fullscreen-modal-backdrop.mobile.force-landscape{transform-origin:center center;transform:rotate(90deg);width:100vh;height:100vw;top:50%;left:50%;margin-top:-50vw;margin-left:-50vh}.fullscreen-modal-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a1a;overflow:hidden;min-width:0;min-height:0}.fullscreen-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#2a2a2a;border-bottom:1px solid #404040;min-height:50px;flex-shrink:0}.fullscreen-modal-title{flex:1;margin:0 15px;text-align:center;color:#fff;font-size:16px;font-weight:600}.fullscreen-modal-controls{display:flex;gap:8px;align-items:center}.fullscreen-modal-control-btn{background:#333;border:1px solid #404040;border-radius:5px;padding:8px 12px;cursor:pointer;color:#fff;font-size:12px;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center}.fullscreen-modal-control-btn:hover{background:#404040}.fullscreen-modal-close-btn{background:#8b0000;border:1px solid #6B0000;border-radius:5px;padding:8px 12px;cursor:pointer;color:#fff;font-size:12px;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center}.fullscreen-modal-close-btn:hover{background:#6b0000}.fullscreen-modal-content{flex:1;position:relative;overflow:hidden;background:#1a1a1a;display:flex;flex-direction:column}.fullscreen-modal-content.mobile-scrollable{overflow:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;overscroll-behavior-x:contain;overscroll-behavior-y:contain;display:block;padding:20px;touch-action:pan-x pan-y;text-align:center}.fullscreen-modal-content.mobile-scrollable .fullscreen-drag-area{margin:0 auto}.fullscreen-modal-content.mobile-scrollable.has-zoom{padding:50px}.fullscreen-drag-area{flex:1;position:relative;background:#1a1a1a;overflow:hidden;width:100%;height:100%}.fullscreen-cistern{position:absolute;background:#2d3748;border:2px solid #4a5568;border-radius:8px;cursor:grab;transition:all .2s ease;overflow:hidden;min-width:60px;min-height:60px;z-index:10}.fullscreen-cistern:active{cursor:grabbing}.fullscreen-cistern.collapsed{min-width:120px;min-height:32px;max-width:200px;max-height:32px;border-radius:16px;background:#2d3748f2;border:1px solid rgba(74,85,104,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.fullscreen-cistern.collapsed .fullscreen-cistern-container{height:100%;min-height:32px;border-radius:16px;overflow:visible}.fullscreen-cistern.collapsed .fullscreen-cistern-content{padding:4px 8px;height:100%;justify-content:center;align-items:center;flex-direction:row;border-radius:16px;overflow:visible}.fullscreen-cistern.collapsed .fullscreen-cistern-name{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;line-height:1;margin-bottom:0;font-size:.7rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:500;display:block!important;opacity:1!important}.fullscreen-cistern.collapsed .fullscreen-cistern-number{flex-shrink:0;max-width:25%;display:flex;justify-content:flex-end;align-items:center;opacity:.9;font-size:.6rem!important;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;background:#8b00004d;padding:2px 6px;border-radius:8px;border:1px solid rgba(139,0,0,.5)}.fullscreen-cistern.collapsed .fullscreen-cistern-fill,.fullscreen-cistern.collapsed .fullscreen-cistern-background{display:none}.fullscreen-cistern.collapsed.expanded-on-hover{min-width:200px;min-height:180px;max-width:300px;max-height:250px;border-radius:12px;z-index:1000;transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-container{min-height:180px;border-radius:12px}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-content{padding:8px 12px;height:auto;justify-content:flex-start;align-items:flex-start;flex-direction:column;border-radius:12px}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-name{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;font-size:.9rem!important;white-space:normal;overflow:visible;text-overflow:unset;max-width:none}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-number{flex-shrink:0;max-width:none;display:flex;justify-content:flex-end;align-items:center;font-size:.8rem!important;padding:3px 8px}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-info{display:block;width:100%;margin-top:8px}.fullscreen-cistern.collapsed .fullscreen-cistern-buttons{position:static;top:auto;right:auto;flex-direction:row;gap:2px;z-index:100;display:flex;align-items:center;justify-content:center;width:auto;height:auto;flex-shrink:0}.fullscreen-cistern.collapsed .fullscreen-minimize-btn,.fullscreen-cistern.collapsed .fullscreen-resize-btn,.fullscreen-cistern.collapsed .fullscreen-operations-btn{width:16px;height:16px;font-size:7px;margin-bottom:0;background:#2d3748e6;border:1px solid rgba(74,85,104,.5);border-radius:3px;color:#cbd5e0;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-cistern.collapsed .fullscreen-minimize-btn:hover,.fullscreen-cistern.collapsed .fullscreen-resize-btn:hover,.fullscreen-cistern.collapsed .fullscreen-operations-btn:hover{background:#4a5568e6;border-color:#718096b3;color:#fff;transform:scale(1.1)}.fullscreen-cistern.collapsed .fullscreen-minimize-btn:active,.fullscreen-cistern.collapsed .fullscreen-resize-btn:active,.fullscreen-cistern.collapsed .fullscreen-operations-btn:active{transform:scale(.95)}.fullscreen-cistern.collapsed .fullscreen-cistern-info,.fullscreen-cistern.collapsed .fullscreen-cistern-fill,.fullscreen-cistern.collapsed .fullscreen-cistern-background{display:none}.fullscreen-cistern.collapsed:hover:after{content:"";position:absolute;top:100%;left:0;width:100%;height:200px;background:#2d3748f2;border:1px solid rgba(74,85,104,.6);border-radius:8px;margin-top:8px;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000004d;animation:expandCistern .3s cubic-bezier(.4,0,.2,1)}.fullscreen-cistern-container{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#2d3748e6;border:1px solid #4a5568}.fullscreen-cistern:hover .fullscreen-cistern-container{border-color:#63b3ed;box-shadow:0 0 0 1px #63b3ed}.fullscreen-cistern-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;z-index:1}.fullscreen-cistern-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#8b0000,#8b000066);transition:height .3s ease;z-index:1}.fullscreen-cistern-content{position:relative;z-index:3;padding:8px;display:flex;flex-direction:column;height:100%;background:#2d3748e6}.fullscreen-cistern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.fullscreen-cistern-name{font-size:11px;font-weight:600;color:#fff;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-cistern-number{font-size:9px;color:#a0aec0;background:#684e4a;padding:2px 4px;border-radius:3px}.fullscreen-cistern-info{flex:1;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.fullscreen-cistern-volume-left{position:absolute;bottom:2px;left:2px;z-index:5}.fullscreen-cistern-percentage-right{position:absolute;bottom:2px;right:2px;z-index:5}.fullscreen-cistern-volume{font-size:10px;color:#e2e8f0;font-weight:500}.fullscreen-cistern-percentage{font-size:9px;color:#a0aec0}.fullscreen-elevator{position:fixed;top:0;left:0;height:100vh;width:250px;background:#2d3748;border-right:1px solid #4a5568;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.fullscreen-elevator-header{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#1a202c;border-bottom:1px solid #4a5568;flex-shrink:0}.fullscreen-elevator-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.fullscreen-elevator-close{background:none;border:none;color:#a0aec0;cursor:pointer;padding:5px;border-radius:3px}.fullscreen-elevator-close:hover{background:#4a5568;color:#fff}.fullscreen-elevator-content{flex:1;overflow-y:auto;padding:10px}.fullscreen-elevator-room{background:#4a5568;border:1px solid #2d3748;border-radius:6px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .15s ease}.fullscreen-elevator-room:hover{background:#2d3748;border-color:#4a5568}.fullscreen-elevator-room.active{background:#8b0000;border-color:#6b0000;color:#fff}.fullscreen-elevator-room-name{font-size:14px;font-weight:600;color:inherit}.fullscreen-control-panel{position:fixed;top:0;right:0;height:100vh;width:250px;background:#2d3748;border-left:1px solid #4a5568;transform:translate(100%);transition:transform .3s ease;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.fullscreen-control-panel-header{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#1a202c;border-bottom:1px solid #4a5568;flex-shrink:0}.fullscreen-control-panel-close{background:none;border:none;color:#a0aec0;cursor:pointer;padding:5px;border-radius:3px}.fullscreen-control-panel-close:hover{background:#4a5568;color:#fff}.fullscreen-control-panel-content{flex:1;overflow-y:auto;padding:15px}.add-cistern-btn{background:#3182ce;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;color:#fff;font-size:14px;font-weight:600}.add-cistern-btn:hover{background:#2c5282}@media(max-width:768px){.fullscreen-modal-header{padding:8px 12px;min-height:40px}.fullscreen-modal-title{font-size:14px;margin:0 10px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:6px 10px;font-size:11px;min-width:26px;min-height:26px}.fullscreen-elevator,.fullscreen-control-panel{width:200px}}@media(max-width:480px){.fullscreen-modal-header{padding:6px 10px;min-height:36px}.fullscreen-modal-title{font-size:12px;margin:0 8px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:5px 8px;font-size:10px;min-width:24px;min-height:24px}.fullscreen-elevator,.fullscreen-control-panel{width:180px}}html.fullscreen-active,body.fullscreen-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}:fullscreen .fullscreen-modal-backdrop,:-webkit-full-screen .fullscreen-modal-backdrop,:-moz-full-screen .fullscreen-modal-backdrop,:-ms-fullscreen .fullscreen-modal-backdrop{width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;margin:0!important}@media(max-width:768px){:fullscreen .fullscreen-modal-backdrop,:-webkit-full-screen .fullscreen-modal-backdrop{width:100vw!important;height:100vh!important;overflow:hidden!important;margin:0!important;padding:0!important}html.fullscreen-active{height:100%!important;overflow:hidden!important}body.fullscreen-active{margin:0!important;padding:0!important}:fullscreen .fullscreen-modal-header,:-webkit-full-screen .fullscreen-modal-header{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}:fullscreen .fullscreen-modal-content,:-webkit-full-screen .fullscreen-modal-content{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.fullscreen-elevator,.fullscreen-control-panel,.fullscreen-modal-control-btn,.fullscreen-modal-close-btn,.fullscreen-cistern{transition:none}}.fullscreen-modal-control-btn:focus,.fullscreen-modal-close-btn:focus{outline:2px solid #4299e1;outline-offset:2px}@media(max-width:768px){.fullscreen-modal-backdrop.mobile.portrait,.fullscreen-modal-backdrop.mobile.force-landscape{width:100vh!important;height:100vw!important;overflow:hidden!important;-webkit-overflow-scrolling:touch}.fullscreen-modal-container{max-width:100%;max-height:100%}.fullscreen-modal-header{padding:8px 12px;min-height:40px}.fullscreen-modal-title{font-size:14px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:6px 10px;font-size:11px;min-width:25px;min-height:25px}.fullscreen-drag-area{min-width:0;min-height:0;flex:1}.fullscreen-cistern{min-width:50px;min-height:50px}}.fullscreen-cistern-buttons{position:absolute!important;top:-50px!important;right:0!important;z-index:10000!important;pointer-events:auto!important;min-width:80px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;cursor:pointer!important;opacity:1!important;visibility:visible!important}.fullscreen-cistern-buttons.mobile.portrait{transform:rotate(90deg)!important;transform-origin:center center!important;position:absolute!important;z-index:10000!important;pointer-events:auto!important;top:-50px!important;right:0!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;opacity:1!important;visibility:visible!important}.fullscreen-cistern-buttons.mobile.portrait .fullscreen-button-group{flex-direction:column!important;gap:4px!important}.fullscreen-cistern-buttons.mobile.portrait .fullscreen-minimize-btn svg{transform:rotate(90deg)!important}.fullscreen-button-group{display:flex!important;gap:4px!important;align-items:center!important;flex-wrap:nowrap!important;pointer-events:all!important;pointer-events:auto!important;position:relative!important;z-index:10001!important}.fullscreen-header-quick-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.fullscreen-header-quick-actions.mobile{gap:6px}.fullscreen-header-quick-actions.mobile.portrait{gap:6px;flex-wrap:wrap;justify-content:flex-start}.fullscreen-quick-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;border:1px solid rgba(220,38,38,.8);background:#dc2626d9;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;min-height:30px;pointer-events:auto}.fullscreen-quick-action-btn span{white-space:nowrap}.fullscreen-quick-action-btn:hover:not(:disabled),.fullscreen-quick-action-btn:focus-visible:not(:disabled){background:#3b82f6f2;border-color:#3b82f6f2}.fullscreen-quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.fullscreen-quick-action-btn svg{width:12px;height:12px}@media(max-width:768px){.fullscreen-quick-action-btn{padding:6px 8px;font-size:10px;gap:4px}.fullscreen-quick-action-btn span{display:none}}.fullscreen-minimize-btn,.fullscreen-resize-btn,.fullscreen-operations-btn{width:24px!important;height:24px!important;background:#dc2626e6!important;border:1px solid rgba(220,38,38,1)!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;transition:all .15s ease!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;flex-shrink:0!important;min-width:24px!important;min-height:24px!important;z-index:10002!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;box-shadow:0 2px 4px #0000004d!important;pointer-events:all!important;pointer-events:auto!important;position:relative!important}.fullscreen-minimize-btn:hover,.fullscreen-resize-btn:hover,.fullscreen-operations-btn:hover{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;transform:translateY(-1px)}.fullscreen-minimize-btn.collapsed{background:#dc2626e6!important;border-color:#dc2626!important}.fullscreen-minimize-btn.collapsed:hover{background:#3b82f6!important;border-color:#3b82f6!important}.fullscreen-resize-slider{background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:12px;min-width:200px;box-shadow:0 4px 12px #0000004d;animation:fullscreenMenuSlideIn .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;position:fixed!important;z-index:999999!important}.fullscreen-resize-backdrop{position:fixed!important;inset:0!important;z-index:999998!important;background:transparent!important;pointer-events:auto!important}.fullscreen-resize-header{margin-bottom:8px;color:#fff;font-size:14px;font-weight:500;text-align:center}.fullscreen-resize-range{width:100%;margin-bottom:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#4a5568;outline:none}.fullscreen-resize-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#38a169;cursor:pointer;border:2px solid #2d3748}.fullscreen-resize-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#38a169;cursor:pointer;border:2px solid #2d3748}.fullscreen-resize-value{text-align:center;color:#e2e8f0;font-size:12px;font-weight:600;margin-bottom:8px}.fullscreen-resize-actions{display:flex;gap:8px}.fullscreen-resize-save-btn,.fullscreen-resize-cancel-btn{flex:1;padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fullscreen-resize-save-btn{background:#38a169;color:#fff}.fullscreen-resize-save-btn:hover{background:#2f855a}.fullscreen-resize-cancel-btn{background:#718096;color:#fff}.fullscreen-resize-cancel-btn:hover{background:#4a5568}.fullscreen-operations-menu{background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:8px 0;min-width:150px;box-shadow:0 4px 12px #0000004d;animation:fullscreenMenuSlideIn .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;position:fixed!important;z-index:999999!important}.fullscreen-operations-backdrop{position:fixed!important;inset:0!important;z-index:999998!important;background:transparent!important;pointer-events:auto!important}.fullscreen-operation-item{padding:8px 12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .15s ease;font-size:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fullscreen-operation-item:hover{background:#4a556880}.fullscreen-operation-item:active{transform:scale(.98)}.fullscreen-operation-item.disabled{opacity:.5;cursor:not-allowed;color:#a0aec0;pointer-events:none}.fullscreen-operation-item.disabled:hover{background:transparent}.fullscreen-operation-item.disabled:active{transform:none}.fullscreen-operation-item.disabled svg{opacity:.5}.fullscreen-operation-item svg{width:12px;height:12px;flex-shrink:0}.fullscreen-operation-item span{flex:1}.fill-operation svg{color:#4299e1}.transfer-operation svg{color:#48bb78}.bottle-operation svg{color:#9f7aea}.remove-operation svg{color:#f56565}@media(max-width:768px){.fullscreen-cistern-buttons{top:-50px;right:0}.fullscreen-button-group{gap:3px}.fullscreen-minimize-btn,.fullscreen-resize-btn,.fullscreen-operations-btn{width:20px;height:20px;font-size:9px}.fullscreen-resize-slider{min-width:180px;padding:10px}.fullscreen-operations-menu{min-width:130px}.fullscreen-operation-item{padding:6px 10px;font-size:11px}.fullscreen-operation-item svg{width:11px;height:11px}}.fullscreen-cistern-buttons,.fullscreen-resize-slider,.fullscreen-operations-menu{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fullscreen-minimize-btn,.fullscreen-resize-btn,.fullscreen-operations-btn,.fullscreen-resize-save-btn,.fullscreen-resize-cancel-btn,.fullscreen-operation-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fullscreen-minimize-btn:active,.fullscreen-resize-btn:active,.fullscreen-operations-btn:active,.fullscreen-resize-save-btn:active,.fullscreen-resize-cancel-btn:active,.fullscreen-operation-item:active{transform:scale(.95)}.fullscreen-minimize-btn:focus,.fullscreen-resize-btn:focus,.fullscreen-operations-btn:focus{outline:2px solid #4299e1;outline-offset:2px}.fullscreen-resize-slider,.fullscreen-operations-menu{animation:fullscreenMenuSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes fullscreenMenuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.fullscreen-minimize-btn,.fullscreen-resize-btn,.fullscreen-operations-btn,.fullscreen-resize-save-btn,.fullscreen-resize-cancel-btn,.fullscreen-operation-item{transition:none}.fullscreen-resize-slider,.fullscreen-operations-menu{animation:none}}.fullscreen-modal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;background:#2a2a2a;border-bottom:1px solid #404040;min-height:60px;z-index:100;flex-shrink:0;gap:8px}.fullscreen-modal-title{font-size:18px;font-weight:600;color:#fff;flex:1;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-modal-controls{display:flex;gap:10px;align-items:center;flex-shrink:0;margin-right:50px}.fullscreen-modal-control-btn{background:#4a5568;border:1px solid #2d3748;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.fullscreen-modal-header>.fullscreen-modal-control-btn:first-child{margin-left:50px}.fullscreen-modal-control-btn:hover{background:#2d3748;border-color:#4a5568;transform:translateY(-1px)}.fullscreen-modal-close-btn{background:#e53e3e;border:1px solid #c53030;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;flex-shrink:0}.fullscreen-modal-close-btn:hover{background:#c53030;border-color:#a0aec0;transform:translateY(-1px)}.fullscreen-modal-close-btn:active{transform:scale(.95)}@media(max-width:768px){.fullscreen-modal-header{padding:10px 2px;min-height:50px;gap:6px}.fullscreen-modal-title{font-size:16px;max-width:50vw}.fullscreen-modal-controls{gap:6px;margin-right:35px}.fullscreen-modal-header>.fullscreen-modal-control-btn:first-child{margin-left:35px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:6px 8px;font-size:12px;min-width:36px;min-height:36px}}@media(max-width:320px){.fullscreen-modal-header{padding:8px 1px;min-height:45px;gap:4px}.fullscreen-modal-title{font-size:14px;max-width:40vw}.fullscreen-modal-controls{gap:4px;margin-right:25px}.fullscreen-modal-header>.fullscreen-modal-control-btn:first-child{margin-left:25px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:5px 6px;font-size:11px;min-width:32px;min-height:32px}}@media(min-width:321px)and (max-width:480px){.fullscreen-modal-header{padding:9px 1px;min-height:48px;gap:5px}.fullscreen-modal-title{font-size:15px;max-width:45vw}.fullscreen-modal-controls{gap:5px;margin-right:30px}.fullscreen-modal-header>.fullscreen-modal-control-btn:first-child{margin-left:30px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:6px 7px;font-size:12px;min-width:34px;min-height:34px}}@media(max-height:400px){.fullscreen-modal-header{padding:6px 1px;min-height:40px;gap:4px}.fullscreen-modal-title{font-size:13px;max-width:35vw}.fullscreen-modal-controls{gap:4px;margin-right:22px}.fullscreen-modal-header>.fullscreen-modal-control-btn:first-child{margin-left:22px}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{padding:4px 5px;font-size:10px;min-width:30px;min-height:30px}}.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fullscreen-modal-control-btn:active,.fullscreen-modal-close-btn:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.fullscreen-modal-control-btn,.fullscreen-modal-close-btn{transition:none}}@media(prefers-contrast:high){.fullscreen-modal-close-btn{border-width:2px;background:red}.fullscreen-modal-control-btn{border-width:2px}}.fullscreen-elevator{position:absolute;top:0;left:35px;width:220px;height:100%;background:#2a2a2a;border-right:1px solid #404040;z-index:1000001;display:flex;flex-direction:column;transform:translate(calc(-100% - 35px));transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.fullscreen-elevator.open{transform:translate(0)}.fullscreen-elevator-header{display:flex;align-items:center;justify-content:space-between;background:#e53e3e;height:40px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.fullscreen-elevator-header h3{margin:0;color:#fff;font-size:16px;font-weight:600;flex:1;text-align:left}.fullscreen-elevator-close{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:4px;transition:all .15s ease;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;flex-shrink:0}.fullscreen-elevator-close:hover{background:#fff3;transform:scale(1.05)}.fullscreen-elevator-close:active{transform:scale(.95)}.fullscreen-elevator-content{flex:1;overflow-y:auto;padding:15px}.fullscreen-elevator-room{background:#333;border:1px solid #404040;border-radius:8px;padding:12px;margin-bottom:10px;cursor:pointer;transition:all .15s ease}.fullscreen-elevator-room:hover{background:#404040;border-color:#555;transform:translateY(-1px)}.fullscreen-elevator-room.active{background:#4a5568;border-color:#63b3ed;box-shadow:0 0 0 1px #63b3ed}.fullscreen-elevator-room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fullscreen-elevator-room-name{font-size:14px;color:#fff;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-elevator-room-controls{display:flex;gap:4px;align-items:center;flex-shrink:0}.fullscreen-elevator-room-edit-btn{background:none;border:none;color:#a0aec0;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;font-size:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.fullscreen-elevator-room-edit-btn:hover{background:#404040;color:#fff;transform:scale(1.05)}.fullscreen-elevator-room-edit-btn:active{transform:scale(.95)}.fullscreen-elevator-room-delete-btn{background:#e53e3e;border:1px solid #c53030;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;font-size:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.fullscreen-elevator-room-delete-btn:hover{background:#c53030;border-color:#a0aec0;transform:translateY(-1px)}.fullscreen-elevator-room-delete-btn:active{transform:scale(.95)}.fullscreen-elevator-room-stats{display:flex;flex-direction:column;gap:4px}.fullscreen-elevator-room-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px}.fullscreen-elevator-room-stat-label{color:#a0aec0}.fullscreen-elevator-room-stat-value{color:#fff;font-weight:600}.fullscreen-elevator-add-room{width:100%;background:#2d3748;border:1px dashed #4a5568;border-radius:8px;padding:12px;cursor:pointer;transition:all .15s ease;text-align:center;color:#a0aec0;font-size:14px;font-weight:500;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.fullscreen-elevator-add-room:hover{background:#4a5568;border-color:#63b3ed;color:#fff;transform:translateY(-1px)}.fullscreen-elevator-add-room:active{transform:scale(.98)}@media(max-width:768px){.fullscreen-elevator{width:250px;left:25px;right:auto;transform:translate(calc(-100% - 25px))}.fullscreen-elevator.open{transform:translate(0)}.fullscreen-elevator-header{padding:0 10px;height:35px}.fullscreen-elevator-header h3{font-size:14px}.fullscreen-elevator-close{padding:5px;font-size:12px;min-width:24px;min-height:24px}.fullscreen-elevator-content{padding:12px}.fullscreen-elevator-room{padding:10px;margin-bottom:8px}.fullscreen-elevator-room-name{font-size:13px}.fullscreen-elevator-room-controls{gap:3px}.fullscreen-elevator-room-edit-btn,.fullscreen-elevator-room-delete-btn{font-size:11px;padding:3px;min-width:22px;min-height:22px}.fullscreen-elevator-room-stat{font-size:11px}}.fullscreen-elevator-content::-webkit-scrollbar{width:6px}.fullscreen-elevator-content::-webkit-scrollbar-track{background:#2d3748}.fullscreen-elevator-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.fullscreen-elevator-content::-webkit-scrollbar-thumb:hover{background:#718096}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.fullscreen-elevator.open{animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1)}.fullscreen-elevator-room-edit-btn,.fullscreen-elevator-room-delete-btn,.fullscreen-elevator-close,.fullscreen-elevator-add-room{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.fullscreen-elevator,.fullscreen-elevator-room,.fullscreen-elevator-add-room,.fullscreen-elevator-room-edit-btn,.fullscreen-elevator-room-delete-btn,.fullscreen-elevator-close{transition:none;animation:none}}.fullscreen-modal-container.force-landscape .fullscreen-elevator{position:absolute!important;top:0!important;left:35px!important;width:200px!important;height:100%!important;z-index:1000002!important;transform:translate(calc(-100% - 35px))!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;background:#2a2a2a!important;border-right:1px solid #404040!important;overflow:hidden!important}.fullscreen-modal-container.force-landscape .fullscreen-elevator.open{transform:translate(0)!important}.fullscreen-modal-container.force-landscape .fullscreen-elevator-room-edit-btn,.fullscreen-modal-container.force-landscape .fullscreen-elevator-room-delete-btn,.fullscreen-modal-container.force-landscape .fullscreen-elevator-close,.fullscreen-modal-container.force-landscape .fullscreen-elevator-add-room{position:relative!important;z-index:1000003!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.fullscreen-modal-container.force-landscape .fullscreen-elevator-room{position:relative!important;z-index:1000003!important;pointer-events:auto!important;cursor:pointer!important}.fullscreen-room-operations{padding:15px;background:#2a2a2a;border-radius:8px;margin-bottom:15px}.fullscreen-room-actions{display:flex;flex-direction:column;gap:8px}.fullscreen-room-action-btn{display:flex;align-items:center;gap:8px;background:#4a5568;border:1px solid #2d3748;border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:13px;text-align:left;width:100%}.fullscreen-room-action-btn:hover{background:#2d3748;border-color:#4a5568;transform:translateY(-1px)}.fullscreen-room-action-btn svg{width:14px;height:14px;flex-shrink:0}@media(max-width:768px){.fullscreen-room-operations{padding:12px}.fullscreen-room-action-btn{padding:8px 10px;font-size:12px}.fullscreen-room-action-btn svg{width:12px;height:12px}}.fullscreen-room-action-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fullscreen-room-action-btn:active{transform:scale(.95)}@media(prefers-reduced-motion:reduce){.fullscreen-room-action-btn{transition:none}}.fullscreen-control-panel{position:absolute;top:0;right:0;width:280px;height:100%;background:#2a2a2a;border-left:1px solid #404040;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.fullscreen-control-panel.open{transform:translate(0)}.fullscreen-control-panel-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#333;border-bottom:1px solid #404040;min-height:60px}.fullscreen-control-panel-header h3{margin:0;color:#fff;font-size:16px;font-weight:600}.fullscreen-control-panel-close{background:none;border:none;color:#ccc;cursor:pointer;padding:8px;border-radius:4px;transition:all .15s ease;font-size:16px}.fullscreen-control-panel-close:hover{background:#404040;color:#fff}.fullscreen-control-panel-content{flex:1;overflow-y:auto;padding:20px}.fullscreen-control-panel-section{margin-bottom:25px}.fullscreen-control-panel-section h4{margin:0 0 15px;color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid #404040;padding-bottom:8px}.fullscreen-control-panel-room-info{background:#333;border:1px solid #404040;border-radius:8px;padding:15px;margin-bottom:15px}.fullscreen-control-panel-room-name{font-size:16px;color:#fff;font-weight:600;margin-bottom:10px}.fullscreen-control-panel-room-stats{display:flex;flex-direction:column;gap:8px}.fullscreen-control-panel-stat{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#a0aec0}.fullscreen-control-panel-actions{display:flex;flex-direction:column;gap:8px}.fullscreen-control-panel-action{background:#4a5568;border:1px solid #2d3748;border-radius:6px;padding:10px 15px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:13px;display:flex;align-items:center;gap:8px;text-align:left}.fullscreen-control-panel-action:hover{background:#2d3748;border-color:#4a5568;transform:translateY(-1px)}.fullscreen-add-cistern-panel-btn{width:100%;background:#8b0000;border:1px solid #6B0000;border-radius:8px;padding:15px 20px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;box-shadow:0 2px 8px #8b00004d}.fullscreen-add-cistern-panel-btn:hover{background:#6b0000;border-color:#4b0000;transform:translateY(-2px);box-shadow:0 4px 12px #8b000066}.fullscreen-add-cistern-panel-btn:active{transform:translateY(0);box-shadow:0 2px 6px #8b00004d}.fullscreen-add-cistern-panel-btn svg{width:16px;height:16px;flex-shrink:0}@media(max-width:768px){.fullscreen-control-panel{width:220px;right:0;left:auto;transform:translate(100%)}.fullscreen-control-panel.open{transform:translate(0)}.fullscreen-control-panel-header{padding:12px 15px;min-height:50px}.fullscreen-control-panel-header h3{font-size:14px}.fullscreen-control-panel-content{padding:15px}.fullscreen-control-panel-section{margin-bottom:20px}.fullscreen-control-panel-section h4{font-size:13px;margin-bottom:12px}.fullscreen-control-panel-room-info{padding:12px}.fullscreen-control-panel-room-name{font-size:14px}.fullscreen-control-panel-stat{font-size:12px}.fullscreen-control-panel-action{padding:8px 12px;font-size:12px}.fullscreen-add-cistern-panel-btn{padding:12px 16px;font-size:13px}.fullscreen-add-cistern-panel-btn svg{width:14px;height:14px}}.fullscreen-control-panel-content::-webkit-scrollbar{width:6px}.fullscreen-control-panel-content::-webkit-scrollbar-track{background:#2d3748}.fullscreen-control-panel-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.fullscreen-control-panel-content::-webkit-scrollbar-thumb:hover{background:#718096}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.fullscreen-control-panel.open{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}.fullscreen-add-cistern-panel-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fullscreen-add-cistern-panel-btn:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.fullscreen-control-panel,.fullscreen-control-panel-action,.fullscreen-add-cistern-panel-btn{transition:none;animation:none}}.fullscreen-cistern{position:absolute;background:#2d3748;border:2px solid #4a5568;border-radius:8px;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:visible;min-width:60px;min-height:60px;touch-action:none!important;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform!important;transform:translateZ(0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.fullscreen-cistern.mobile.portrait{transform:rotate(90deg)!important;transform-origin:center center!important;position:absolute!important;background:#2d3748!important;border:2px solid #4a5568!important;border-radius:8px!important;overflow:hidden!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;cursor:grab!important}.fullscreen-cistern:active{cursor:grabbing;transform:scale(.98)}.fullscreen-cistern.collapsed:not(.expanded-on-hover):active{transform:scale(1)!important;cursor:default!important}.fullscreen-cistern.dragging{z-index:1000;box-shadow:0 4px 20px #00000080;transform:scale(1.05)}.fullscreen-cistern.selected{z-index:10000!important;box-shadow:0 2px 12px #dc262666;isolation:isolate;position:relative}.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover){height:24px!important;min-height:24px!important;max-height:24px!important;background:#2d3748f2!important;background-clip:padding-box!important;overflow:visible!important;isolation:auto!important}.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .fullscreen-cistern-container{height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;margin:0!important;background:#0000!important;background-color:#0000!important;background-image:none!important;border:none!important;border-width:0!important;border-color:#0000!important;border-style:none!important;box-shadow:none!important;overflow:visible!important;outline:none!important;box-sizing:border-box!important;transition:none!important;animation:none!important}.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .fullscreen-cistern-content{height:24px!important;min-height:24px!important;max-height:24px!important;background:transparent!important;background-color:transparent!important;padding:2px 6px!important;overflow:hidden!important;margin:0!important}.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .fullscreen-cistern-container,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .fullscreen-cistern-content,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .fullscreen-cistern-header{border-color:transparent!important;outline-color:transparent!important;box-shadow:none!important}.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .cistern-background-icon{position:absolute!important;top:calc(100% + 4px)!important;left:50%!important;transform:translate(-50%)!important;z-index:1!important;pointer-events:none!important;margin:0!important}.fullscreen-cistern.selected.dragging{z-index:10001!important}.fullscreen-cistern-drag-handle{z-index:10002!important;position:absolute!important;pointer-events:auto!important}.fullscreen-cistern.selected .fullscreen-cistern-drag-handle{z-index:10002!important}.fullscreen-cistern.collapsed{min-width:100px;min-height:24px!important;max-width:160px;height:24px!important;border-radius:12px;background:#2d3748f2;border:1px solid rgba(74,85,104,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;padding-bottom:0!important;margin-bottom:0!important}.fullscreen-cistern.collapsed:not(.expanded-on-hover){height:24px!important;min-height:24px!important;max-height:24px!important;background:#2d3748f2!important;background-clip:padding-box!important;overflow:visible!important}.fullscreen-cistern.collapsed:not(.expanded-on-hover) .fullscreen-cistern-content{background:transparent!important}.fullscreen-cistern.collapsed:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000004d;border-color:#718096cc;z-index:1000}@media(hover:none)and (pointer:coarse){.fullscreen-cistern.collapsed:hover{transform:none;box-shadow:none;border-color:#4a556899;z-index:auto}.fullscreen-cistern.collapsed.expanded-on-hover{min-width:100px!important;min-height:24px!important;max-width:160px!important;max-height:24px!important}}.fullscreen-cistern.collapsed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(220,38,38,.1),transparent);background-size:200% 100%;animation:loadingShimmer 2s infinite;opacity:0;pointer-events:none;border-radius:12px;transition:opacity .3s ease}.fullscreen-cistern.collapsed:hover:after{opacity:1}@keyframes loadingShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fullscreen-cistern.collapsed .fullscreen-cistern-container{height:24px!important;min-height:24px!important;max-height:24px!important;border-radius:12px;overflow:visible!important;display:block;position:relative;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.fullscreen-cistern.collapsed .fullscreen-cistern-content{padding:2px 6px;height:24px!important;min-height:24px!important;max-height:24px!important;justify-content:center;align-items:center;flex-direction:row;border-radius:12px;overflow:hidden;flex-shrink:0}.fullscreen-cistern.collapsed .fullscreen-cistern-header{flex-direction:row!important;gap:6px;align-items:center!important;justify-content:space-between;width:100%;height:100%;margin-bottom:0;position:relative;display:flex}.fullscreen-cistern.collapsed .fullscreen-cistern-title-section{flex:1;min-width:0;max-width:50%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;flex-direction:row!important}.fullscreen-cistern.collapsed .fullscreen-cistern-name{line-height:1;margin-bottom:0;font-size:.6rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:500;display:block!important;opacity:1!important}.fullscreen-cistern.collapsed .fullscreen-cistern-controls-section{position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;z-index:100;display:flex;flex-direction:row;gap:2px;align-items:center;justify-content:center;width:auto;height:auto;flex-shrink:0;margin:0 4px}.fullscreen-cistern.collapsed .fullscreen-cistern-controls{position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;flex-direction:row;gap:2px;z-index:100;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.fullscreen-cistern.collapsed .fullscreen-cistern-number-section{flex-shrink:0;max-width:25%;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;flex-direction:row!important}.fullscreen-cistern.collapsed .fullscreen-cistern-number{opacity:.9;font-size:.5rem!important;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;background:#8b00004d;padding:1px 4px;border-radius:6px;border:1px solid rgba(139,0,0,.5)}.fullscreen-cistern.collapsed .fullscreen-minimize-btn,.fullscreen-cistern.collapsed .fullscreen-cistern-resize-button,.fullscreen-cistern.collapsed .fullscreen-cistern-operations-button{width:14px;height:14px;font-size:6px;margin-bottom:0;z-index:100;background:#dc2626e6;border:none;border-radius:3px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;box-shadow:0 2px 6px #0000004d}.fullscreen-cistern.collapsed .fullscreen-minimize-btn:hover,.fullscreen-cistern.collapsed .fullscreen-cistern-resize-button:hover,.fullscreen-cistern.collapsed .fullscreen-cistern-operations-button:hover{background:#3b82f6;border:none;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0006}.fullscreen-cistern.collapsed .fullscreen-minimize-btn:active,.fullscreen-cistern.collapsed .fullscreen-cistern-resize-button:active,.fullscreen-cistern.collapsed .fullscreen-cistern-operations-button:active{transform:scale(.95)}.fullscreen-cistern.collapsed .fullscreen-cistern-fill,.fullscreen-cistern.collapsed .fullscreen-cistern-background{display:none!important}.fullscreen-cistern.collapsed:not(.expanded-on-hover) .fullscreen-cistern-info{display:none!important}.fullscreen-cistern.collapsed.expanded-on-hover{min-width:160px;min-height:140px;max-width:240px;max-height:200px;border-radius:12px;z-index:1000;transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-container{min-height:140px;border-radius:12px}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-content{padding:6px 10px;height:auto;justify-content:flex-start;align-items:flex-start;flex-direction:column;border-radius:12px}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-header{flex-direction:row;gap:8px;align-items:center;justify-content:space-between;width:100%;height:auto;margin-bottom:8px;position:relative}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-title-section{flex:1;min-width:0;max-width:none;display:flex;align-items:center;justify-content:flex-start}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-name{font-size:.8rem!important;white-space:normal;overflow:visible;text-overflow:unset;max-width:none}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-controls-section{position:static;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;width:auto;height:auto;flex-shrink:0;margin:0}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-controls{flex-direction:row;gap:4px;width:auto;height:auto}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-number-section{flex-shrink:0;max-width:none;display:flex;justify-content:flex-end;align-items:center}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-number{font-size:.7rem!important;padding:2px 6px}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-minimize-btn,.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-resize-button,.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-operations-button{width:18px;height:18px;font-size:7px}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-info{display:block;width:100%;margin-top:8px;opacity:1;visibility:visible}.fullscreen-cistern.collapsed.expanded-on-hover .volume-info-left{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.fullscreen-cistern.collapsed.expanded-on-hover .volume-info-right{display:flex;align-items:center;justify-content:flex-end}.fullscreen-cistern.collapsed.expanded-on-hover .current-volume{font-size:.8rem!important;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.fullscreen-cistern.collapsed.expanded-on-hover .capacity{font-size:.7rem!important;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.fullscreen-cistern.collapsed.expanded-on-hover .fill-percentage{font-size:.8rem!important;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);background:#dc26264d;padding:2px 6px;border-radius:4px;border:1px solid rgba(220,38,38,.5)}.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-fill,.fullscreen-cistern.collapsed.expanded-on-hover .fullscreen-cistern-background{display:block}.fullscreen-cistern.collapsed.expanded-on-hover .cistern-background-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:2}@keyframes expandCistern{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fullscreen-cistern.collapsed.expanded-on-hover{animation:expandCistern .3s cubic-bezier(.4,0,.2,1)}.fullscreen-cistern-container{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#2d3748e6;border:1px solid #4a5568;transition:all .3s ease;z-index:1}.fullscreen-cistern.collapsed:not(.expanded-on-hover) .fullscreen-cistern-container,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .fullscreen-cistern-container{background:#0000!important;background-color:#0000!important;background-image:none!important;border:none!important;border-color:transparent!important;border-width:0!important;border-style:none!important;box-shadow:none!important;outline:none!important;transition:none!important;animation:none!important;height:24px!important;min-height:24px!important;max-height:24px!important;overflow:visible!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.fullscreen-cistern:not(.collapsed):hover .fullscreen-cistern-container{border-color:#63b3ed;box-shadow:0 0 0 1px #63b3ed}.fullscreen-cistern.collapsed:not(.expanded-on-hover):hover .fullscreen-cistern-container,.fullscreen-cistern.collapsed:not(.expanded-on-hover):active .fullscreen-cistern-container,.fullscreen-cistern.collapsed:not(.expanded-on-hover):focus .fullscreen-cistern-container,.fullscreen-cistern.collapsed:not(.expanded-on-hover):focus-visible .fullscreen-cistern-container,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover):hover .fullscreen-cistern-container,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover):active .fullscreen-cistern-container,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover):focus .fullscreen-cistern-container,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover):focus-visible .fullscreen-cistern-container,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .fullscreen-cistern-container{border:none!important;border-width:0!important;border-style:none!important;border-color:#0000!important;box-shadow:none!important;background:#0000!important;background-color:#0000!important;background-image:none!important;outline:none!important;outline-width:0!important;outline-color:#0000!important;outline-style:none!important;color:inherit!important}.fullscreen-cistern-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;z-index:0}.fullscreen-cistern-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#4d684a;z-index:2}.fullscreen-cistern-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#8b0000cc,#8b000066);transition:height .3s ease;z-index:1}.fullscreen-cistern-content{position:relative;z-index:5;padding:8px;display:flex;flex-direction:column;height:100%;background:#2d37481a}.fullscreen-cistern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;position:relative;z-index:6}.fullscreen-cistern-name{font-size:11px;font-weight:600;color:#fff;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:6}.fullscreen-cistern-number{font-size:9px;color:#a0aec0;background:#4a5568;padding:2px 4px;border-radius:3px;position:relative;z-index:6}.fullscreen-cistern-info{background:transparent!important;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:2px;position:relative}.fullscreen-cistern-volume-left{position:absolute;bottom:2px;left:2px;z-index:6}.fullscreen-cistern-percentage-right{position:absolute;bottom:2px;right:2px;z-index:6}.fullscreen-cistern-volume{font-size:12px!important;color:#e2e8f0;font-weight:500;position:relative;z-index:6;background:#0003;padding:1px 3px;border-radius:2px}.fullscreen-cistern-percentage{font-size:12px!important;color:#fff!important;position:relative;z-index:6;background:#0003;padding:1px 3px;border-radius:2px}.fullscreen-cistern-wine{display:flex;align-items:center;gap:4px;margin-top:4px}.fullscreen-wine-icon{width:8px;height:8px;border-radius:50%;background:#8b0000}.fullscreen-wine-name{font-size:8px;color:#a0aec0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.fullscreen-cistern-controls{display:flex;gap:4px;margin-top:4px}.fullscreen-operation-btn{flex:1;background:#4a5568;border:none;border-radius:3px;padding:4px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center}.fullscreen-operation-btn:hover{background:#2d3748;transform:translateY(-1px)}.fullscreen-operation-btn.fill-btn:hover{background:#2f855a}.fullscreen-operation-btn.transfer-btn:hover{background:#3182ce}.fullscreen-operation-btn.bottle-btn:hover{background:#d69e2e}.fullscreen-operation-btn.remove-btn:hover{background:#e53e3e}.fullscreen-wine-fill{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:0 0 6px 6px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fullscreen-wine-level{position:absolute;bottom:0;left:0;right:0;height:100%;opacity:.9;background-image:linear-gradient(to top,#dc2626f2,#dc2626b3)}.fullscreen-wine-fill.liquid-filling{animation:fullscreenLiquidFill 1.2s ease-out forwards}.fullscreen-wine-fill.liquid-removing{animation:fullscreenLiquidRemove 1.2s ease-out forwards}.fullscreen-wine-fill.liquid-transferring{animation:fullscreenLiquidTransfer 1.5s ease-out forwards}@keyframes fullscreenLiquidFill{0%{opacity:.98}to{opacity:1}}@keyframes fullscreenLiquidRemove{0%{opacity:1}to{opacity:1}}@keyframes fullscreenLiquidTransfer{0%{opacity:1}to{opacity:1}}.fullscreen-liquid-surface{position:absolute;top:-2px;left:0;right:0;height:4px;overflow:hidden}.fullscreen-wave{position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:fullscreenWaveMotion 3s linear infinite}.fullscreen-wave-1{animation-delay:0s}.fullscreen-wave-2{animation-delay:1s}.fullscreen-wave-3{animation-delay:2s}@keyframes fullscreenWaveMotion{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.fullscreen-cistern{min-width:50px;min-height:50px;border-width:1px;border-radius:6px}.fullscreen-cistern-content{padding:6px}.fullscreen-cistern-name{font-size:10px}.fullscreen-cistern-volume{font-size:9px}.fullscreen-cistern-percentage{font-size:8px}}@media(prefers-reduced-motion:reduce){.fullscreen-cistern,.fullscreen-wine-fill,.fullscreen-wave{transition:none;animation:none}}@media(min-resolution:192dpi){.fullscreen-cistern{border-width:.5px}}.fullscreen-cistern.transfer-source{border:3px solid #dc2626!important;box-shadow:0 0 20px #dc262680!important;z-index:1000!important}.fullscreen-cistern.transfer-selectable{border:3px solid #16a34a!important;cursor:pointer!important;transition:all .2s ease!important;z-index:999!important}.fullscreen-cistern.transfer-selectable:hover{border-color:#22c55e!important;box-shadow:0 0 15px #22c55e66!important;transform:scale(1.02)!important}.fullscreen-cistern.transfer-disabled{opacity:.5!important;cursor:not-allowed!important;border-color:#6b7280!important}.fullscreen-cistern.empty{opacity:.7}.fullscreen-cistern.empty .fullscreen-cistern-container{background:#2d3748b3}.fullscreen-cistern.empty .fullscreen-cistern-name,.fullscreen-cistern.empty .fullscreen-cistern-volume{color:#9ca3af}.fullscreen-cistern.empty .fullscreen-cistern-percentage{color:#6b7280}.fullscreen-cistern.empty:hover .fullscreen-cistern-container{background:#2d3748cc;border-color:#9ca3af}.fullscreen-drag-area.transfer-mode-active:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:998;pointer-events:none}.transfer-mode-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2d3748f2;border:2px solid #4a5568;border-radius:12px;padding:20px;text-align:center;z-index:999;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transfer-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.transfer-subtitle{color:#a0aec0;font-size:14px;margin-bottom:16px}.transfer-cancel-button{background:#e53e3e;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s ease}.transfer-cancel-button:hover{background:#c53030;transform:translateY(-1px)}@media(max-width:768px){.transfer-mode-overlay{padding:16px;margin:20px;max-width:90vw}.transfer-title{font-size:16px}.transfer-subtitle{font-size:12px}}.fullscreen-cistern .cistern-background-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.5rem,6vw,4rem);color:#fff;transition:all .3s ease;z-index:2;pointer-events:none;opacity:.2;isolation:isolate}.fullscreen-cistern .cistern-type-icon{filter:brightness(0) invert(1) brightness(1.5)!important;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.fullscreen-cistern:not(.collapsed):hover .cistern-background-icon{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}.fullscreen-cistern[style*="width: 8%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 10%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 12%"] .cistern-background-icon{font-size:clamp(1rem,3vw,2rem);opacity:.3}.fullscreen-cistern[style*="width: 14%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 16%"] .cistern-background-icon{font-size:clamp(1.2rem,4vw,2.5rem);opacity:.25}.fullscreen-cistern[style*="width: 18%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 20%"] .cistern-background-icon{font-size:clamp(1.5rem,5vw,3rem);opacity:.2}.fullscreen-cistern[style*="width: 22%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 24%"] .cistern-background-icon{font-size:clamp(1.8rem,6vw,3.5rem);opacity:.18}.fullscreen-cistern[style*="width: 26%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 28%"] .cistern-background-icon{font-size:clamp(2rem,7vw,4rem);opacity:.15}.fullscreen-cistern[style*="width: 30%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 32%"] .cistern-background-icon{font-size:clamp(2.2rem,8vw,4.5rem);opacity:.12}.fullscreen-cistern[style*="width: 34%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 36%"] .cistern-background-icon{font-size:clamp(2.5rem,9vw,5rem);opacity:.1}.fullscreen-cistern[style*="width: 38%"] .cistern-background-icon,.fullscreen-cistern[style*="width: 40%"] .cistern-background-icon{font-size:clamp(2.8rem,10vw,5.5rem);opacity:.08}.fullscreen-cistern:not(.collapsed)[style*="width: 8%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 10%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 12%"]:hover .cistern-background-icon{opacity:.5}.fullscreen-cistern:not(.collapsed)[style*="width: 14%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 16%"]:hover .cistern-background-icon{opacity:.4}.fullscreen-cistern:not(.collapsed)[style*="width: 18%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 20%"]:hover .cistern-background-icon{opacity:.35}.fullscreen-cistern:not(.collapsed)[style*="width: 22%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 24%"]:hover .cistern-background-icon{opacity:.3}.fullscreen-cistern:not(.collapsed)[style*="width: 26%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 28%"]:hover .cistern-background-icon{opacity:.25}.fullscreen-cistern:not(.collapsed)[style*="width: 30%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 32%"]:hover .cistern-background-icon{opacity:.22}.fullscreen-cistern:not(.collapsed)[style*="width: 34%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 36%"]:hover .cistern-background-icon{opacity:.2}.fullscreen-cistern:not(.collapsed)[style*="width: 38%"]:hover .cistern-background-icon,.fullscreen-cistern:not(.collapsed)[style*="width: 40%"]:hover .cistern-background-icon{opacity:.18}.fullscreen-cistern.collapsed:not(.expanded-on-hover) .cistern-background-icon{display:block!important;visibility:visible!important;position:absolute!important;top:calc(100% + 4px)!important;left:50%!important;transform:translate(-50%)!important;z-index:1!important;width:32px!important;height:32px!important;opacity:.6!important;pointer-events:none!important;margin:0!important;padding:0!important}.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover) .cistern-background-icon{display:block!important;visibility:visible!important;position:absolute!important;top:calc(100% + 4px)!important;left:50%!important;transform:translate(-50%)!important;z-index:1!important;width:32px!important;height:32px!important;opacity:.6!important;pointer-events:none!important;margin:0!important;padding:0!important}.fullscreen-cistern.collapsed:not(.expanded-on-hover):after,.fullscreen-cistern.collapsed.selected:not(.expanded-on-hover):after{display:none!important;content:none!important;background:none!important;opacity:0!important}.fullscreen-cistern.collapsed:not(.expanded-on-hover) .cistern-background-icon .cistern-type-icon{width:32px!important;height:32px!important;-o-object-fit:contain;object-fit:contain;max-width:32px;max-height:32px}.fullscreen-cistern.empty .cistern-background-icon{opacity:.1}.fullscreen-cistern.empty:hover .cistern-background-icon{opacity:.15}.fullscreen-cistern.multiple-fill-selected{border:3px solid #22c55e!important;box-shadow:0 0 25px #22c55eb3,0 0 50px #22c55e66!important;z-index:1000!important;background:#22c55e26!important;animation:greenGlow 2s ease-in-out infinite!important}@keyframes greenGlow{0%,to{box-shadow:0 0 25px #22c55eb3,0 0 50px #22c55e66}50%{box-shadow:0 0 35px #22c55ee6,0 0 70px #22c55e99}}.fullscreen-cistern.multiple-fill-selectable{border:3px solid #f59e0b!important;cursor:pointer!important;transition:all .2s ease!important;z-index:999!important}.fullscreen-cistern.multiple-fill-selectable:hover{border-color:#fbbf24!important;box-shadow:0 0 15px #fbbf2466!important;transform:scale(1.02)!important}.multiple-fill-checkbox{position:absolute;top:8px;right:8px;z-index:1001;background:#22c55ef2;border-radius:50%;padding:4px;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center}.multiple-fill-checkbox-icon{color:#fff;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.fullscreen-drag-area.multiple-fill-mode-active:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:998;pointer-events:none}.multiple-fill-mode-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2d3748f2;border:2px solid #4a5568;border-radius:12px;padding:20px;text-align:center;z-index:999;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.multiple-fill-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.multiple-fill-subtitle{color:#a0aec0;font-size:14px;margin-bottom:16px}@media(max-width:768px){.multiple-fill-mode-overlay{padding:16px;margin:20px;max-width:90vw}.multiple-fill-title{font-size:16px}.multiple-fill-subtitle{font-size:12px}}.multiple-fill-confirm-bar{position:fixed;bottom:0;left:0;right:0;background:#1a1a1afa;border-top:2px solid #22c55e;padding:12px 16px;z-index:10000;box-shadow:0 -4px 20px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.multiple-fill-confirm-content{display:flex;align-items:center;justify-content:space-between;max-width:100%;gap:16px}.multiple-fill-confirm-info{flex:1;min-width:0}.multiple-fill-confirm-count{color:#fff;font-size:14px;font-weight:600}.multiple-fill-confirm-actions{display:flex;gap:12px;align-items:center}.multiple-fill-confirm-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.multiple-fill-confirm-btn-cancel{background:#6b7280;color:#fff}.multiple-fill-confirm-btn-cancel:hover{background:#4b5563;transform:translateY(-1px)}.multiple-fill-confirm-btn-confirm{background:#22c55e;color:#fff;box-shadow:0 2px 8px #22c55e4d}.multiple-fill-confirm-btn-confirm:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px #22c55e80;transform:translateY(-1px)}.multiple-fill-confirm-btn-confirm:disabled{background:#4b5563;color:#9ca3af;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.multiple-fill-confirm-bar{padding:10px 12px}.multiple-fill-confirm-content{flex-direction:column;gap:10px}.multiple-fill-confirm-actions{width:100%;justify-content:stretch}.multiple-fill-confirm-btn{flex:1;padding:12px 16px;font-size:13px}}.fullscreen-drag-area{flex:1;position:relative;background:#1a1a1a;overflow:hidden;cursor:grab;width:100%;height:100%}.fullscreen-drag-area.mobile-scrollable{width:800px;height:600px;min-width:800px;min-height:600px;max-width:800px;max-height:600px;position:relative;background:#1a1a1a;overflow:visible;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;cursor:grab;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;margin:20px auto;transition:transform .2s cubic-bezier(.4,0,.2,1)}.fullscreen-drag-area.mobile-scrollable.zoomed{will-change:transform;overflow:visible}.fullscreen-drag-area.mobile-scrollable.mobile.portrait{width:800px!important;height:600px!important;min-width:800px!important;min-height:600px!important;max-width:800px!important;max-height:600px!important;position:relative!important;background:#1a1a1a!important;overflow:visible!important;touch-action:pan-x pan-y!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;cursor:grab!important;margin:20px auto!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}.fullscreen-drag-area-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;z-index:1}.fullscreen-drag-area-wrapper{flex:1;display:flex;flex-direction:column;background:#1a1a1a;overflow:hidden;position:relative}.drag-area-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#2a2a2a;border-bottom:1px solid #404040;min-height:50px}.fullscreen-container.mobile .drag-area-header{padding:8px 12px;min-height:45px}.elevator-toggle-btn{background:#333;border:1px solid #404040;border-radius:5px;padding:8px 12px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:12px;font-weight:500}.fullscreen-container.mobile .elevator-toggle-btn{padding:6px 10px;font-size:11px}.elevator-toggle-btn:hover{background:#404040;border-color:#555;transform:translateY(-1px)}.drag-area-title{flex:1;margin:0 15px;text-align:center}.drag-area-title h2{margin:0;color:#fff;font-size:16px;font-weight:600}.fullscreen-container.mobile .drag-area-title h2{font-size:14px}.cistern-count{font-size:11px;color:#888;margin-top:2px}.fullscreen-container.mobile .cistern-count{font-size:10px}.drag-area-content{flex:1;position:relative;overflow:hidden;background:#1a1a1a}.fullscreen-container.mobile .drag-area-content{background:#1a1a1a}.empty-drag-area{display:flex;align-items:center;justify-content:center;height:100%;color:#a0aec0}.empty-content{text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.fullscreen-container.mobile .empty-icon{font-size:36px;margin-bottom:12px}.empty-content h3{margin:0 0 8px;color:#e2e8f0;font-size:16px}.fullscreen-container.mobile .empty-content h3{font-size:14px}.empty-content p{margin:0 0 16px;color:#a0aec0;font-size:14px}.fullscreen-container.mobile .empty-content p{font-size:12px}.add-cistern-btn{background:#3182ce;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;transition:all .15s ease;color:#fff;font-size:14px;font-weight:600}.fullscreen-container.mobile .add-cistern-btn{padding:8px 16px;font-size:12px}.add-cistern-btn:hover{background:#2c5282;transform:translateY(-1px)}.fullscreen-drag-area{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.background-selector-mobile-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:transparent!important;z-index:1000001!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;pointer-events:auto!important;overflow:visible!important;cursor:default!important}.background-selector-mobile-backdrop.force-landscape{transform-origin:center center!important;transform:rotate(90deg)!important;width:100vh!important;height:100vw!important;top:50%!important;left:50%!important;margin-top:-50vw!important;margin-left:-50vh!important;z-index:1000001!important;overflow:visible!important;align-items:center!important;justify-content:flex-end!important;padding-right:20px}.background-selector-mobile-panel{position:relative!important;width:400px;max-width:28rem;background-color:#232323;box-shadow:0 25px 50px -12px #00000040;border-left:1px solid #dc2626;display:flex!important;flex-direction:column!important;pointer-events:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}.background-selector-mobile-panel.force-landscape{width:70vw!important;max-width:70vw!important;align-self:center;flex-shrink:0}@media(max-width:768px){.background-selector-mobile-panel:not(.force-landscape){width:100%;max-width:100%}.background-selector-mobile-panel.force-landscape{width:70vw!important;max-width:70vw!important;height:100vh!important;max-height:100vh!important}}.background-selector-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dc2626;background:linear-gradient(to right,#7f1d1d,#dc2626,#7f1d1d);flex-shrink:0!important;flex-grow:0!important;min-height:70px}.background-selector-mobile-title{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.125rem;font-weight:600}.background-selector-mobile-close{background-color:#dc2626;color:#fff;transition:background-color .2s ease;padding:.5rem;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.background-selector-mobile-close:hover{background-color:#b91c1c;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.background-selector-mobile-body{background-color:#000;position:relative;width:100%}.background-selector-mobile-panel::-webkit-scrollbar{width:16px!important;height:16px!important;-webkit-appearance:none!important;display:block!important;visibility:visible!important;opacity:1!important;background:#1a1a1a!important;-webkit-overflow-scrolling:touch!important}.background-selector-mobile-panel::-webkit-scrollbar-track{background:#1a1a1a!important;border-radius:6px!important;border:2px solid #dc2626!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)!important;display:block!important;visibility:visible!important;opacity:1!important;background-color:#1a1a1a!important;background-image:none!important}.background-selector-mobile-panel::-webkit-scrollbar-thumb{background:#dc2626!important;background-color:#dc2626!important;background-image:none!important;border-radius:8px!important;border:3px solid #1a1a1a!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)!important;min-height:60px!important;display:block!important;visibility:visible!important;opacity:1!important;box-shadow:0 0 4px #dc2626cc!important}.background-selector-mobile-panel::-webkit-scrollbar-thumb:hover{background:#b91c1c!important}.background-selector-mobile-panel::-webkit-scrollbar-thumb:active{background:#991b1b!important}@media(max-width:768px){.background-selector-mobile-panel{scrollbar-width:thin!important;-ms-overflow-style:scrollbar!important;overflow-y:scroll!important}.background-selector-mobile-panel::-webkit-scrollbar{width:16px!important;display:block!important;-webkit-appearance:none!important;visibility:visible!important;opacity:1!important;background:#1a1a1a!important}.background-selector-mobile-panel::-webkit-scrollbar-track{background:#1a1a1a!important;border:1px solid #dc2626!important;visibility:visible!important;opacity:1!important}.background-selector-mobile-panel::-webkit-scrollbar-thumb{background:#dc2626!important;border:2px solid #1a1a1a!important;visibility:visible!important;opacity:1!important;min-height:50px!important}}.background-selector-mobile-content{padding:1rem;height:auto;width:100%;box-sizing:border-box}.background-selector-mobile-upload{margin-bottom:1.5rem;padding:1rem;background-color:#374151;border-radius:.5rem;border:1px solid #dc2626;-webkit-user-select:none;-moz-user-select:none;user-select:none}.background-selector-mobile-file-input{display:block;width:100%;font-size:.875rem;color:#d1d5db;background-color:#000;border:2px dashed #374151;border-radius:6px;padding:12px;transition:all .2s ease;cursor:pointer}.background-selector-mobile-file-input:hover{border-color:#dc2626;background-color:#dc26260d}.background-selector-mobile-file-input::file-selector-button{margin-right:1rem;padding:.75rem 1rem;border-radius:.5rem;border:0;font-size:.875rem;font-weight:600;background-color:#dc2626;color:#fff;transition:all .2s ease;cursor:pointer}.background-selector-mobile-file-input::file-selector-button:hover{background-color:#b91c1c}.background-selector-mobile-file-input:disabled{opacity:.5;cursor:not-allowed}.background-selector-mobile-security-info{margin-top:8px;padding:8px 12px;background-color:#0000000d;border-radius:4px;border-left:3px solid #dc2626}.background-selector-mobile-security-info small{font-size:11px;line-height:1.3}.background-selector-mobile-progress-container{margin-top:1rem}.background-selector-mobile-progress-bar{width:100%;background-color:#4b5563;border-radius:9999px;height:.75rem}.background-selector-mobile-progress-fill{height:.75rem;border-radius:9999px;transition:all .3s ease;background:linear-gradient(to right,#dc2626,#dc2626)}.background-selector-mobile-progress-text{font-size:.875rem;color:#9ca3af;margin-top:.5rem}.background-selector-mobile-error{margin-top:.75rem;padding:.75rem;background-color:#dc26261a;color:#fca5a5;border-radius:.5rem;font-size:.875rem;border:1px solid #dc2626}.background-selector-mobile-success{margin-top:.75rem;padding:.75rem;background-color:#22c55e1a;color:#86efac;border-radius:.5rem;font-size:.875rem;border:1px solid #22c55e}.background-selector-mobile-section{margin-bottom:1.5rem}.background-selector-mobile-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#fff}.background-selector-mobile-section-header h6{color:#fff;font-size:1rem;font-weight:600;margin:0;flex:1}.background-selector-mobile-count{background-color:#dc2626;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:600}.background-selector-mobile-count.predefined{background-color:#4b5563;color:#d1d5db}.background-selector-mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.background-selector-mobile-item{position:relative;border-radius:.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden;border:2px solid;height:7rem}.background-selector-mobile-item:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.background-selector-mobile-item.selected{border-color:#dc2626;box-shadow:0 0 0 4px #dc262680;transform:scale(1.05)}.background-selector-mobile-item.custom{border-color:#dc2626;height:9rem}.background-selector-mobile-item.custom:hover{border-color:#dc2626}.background-selector-mobile-item.predefined{border-color:#374151;height:7rem}.background-selector-mobile-item.predefined:hover{border-color:#dc2626}.background-selector-mobile-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent,transparent);opacity:0;transition:opacity .2s ease}.background-selector-mobile-item:hover .background-selector-mobile-item-overlay{opacity:.7}.background-selector-mobile-item.custom:hover .background-selector-mobile-item-overlay{opacity:.8}.background-selector-mobile-delete-btn{position:absolute;top:.5rem;right:.5rem;background-color:#dc2626e6;color:#fff;font-size:.75rem;padding:.5rem;border-radius:.25rem;opacity:0;transition:opacity .2s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.background-selector-mobile-item:hover .background-selector-mobile-delete-btn{opacity:1}.background-selector-mobile-delete-btn:hover{background-color:#dc2626}.background-selector-mobile-loading{margin-bottom:1.5rem;text-align:center;padding:2rem 0}.background-selector-mobile-spinner{display:inline-block;animation:spin 1s linear infinite;border-radius:50%;height:2rem;width:2rem;border-bottom:2px solid #dc2626;margin-bottom:.75rem}.background-selector-mobile-item:focus,.background-selector-mobile-close:focus,.background-selector-mobile-delete-btn:focus{outline:2px solid #dc2626;outline-offset:2px}@media(prefers-contrast:high){.background-selector-mobile-item{border-width:3px}.background-selector-mobile-item.selected{border-width:4px}}@media(prefers-reduced-motion:reduce){.background-selector-mobile-item,.background-selector-mobile-item-overlay,.background-selector-mobile-delete-btn,.background-selector-mobile-progress-fill{transition:none}.background-selector-mobile-spinner{animation:none}}@media(max-width:640px){.background-selector-mobile-panel:not(.force-landscape){width:100%;max-width:none}.background-selector-mobile-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.background-selector-mobile-item{height:6rem}.background-selector-mobile-item.custom{height:8rem}}.background-selector-mobile-item.image-failed{border-color:#dc2626;background-color:#1a1a1a;border-style:dashed}.background-selector-mobile-item-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#9ca3af;font-size:.75rem;text-align:center;padding:1rem;z-index:1}.background-selector-mobile-item-error svg{color:#dc2626;opacity:.7}.background-selector-mobile-item-error span{color:#9ca3af;font-size:.75rem}@media(hover:none)and (pointer:coarse){.background-selector-mobile-item .background-selector-mobile-delete-btn{opacity:.8}.background-selector-mobile-item:active{transform:scale(.98)}}.fullscreen-toggle-btn{position:fixed!important;top:20px!important;right:20px!important;background:#8b0000!important;color:#fff!important;border:2px solid #6B0000!important;border-radius:50%!important;width:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;box-shadow:0 4px 12px #0000004d!important;cursor:pointer!important;z-index:999999!important;transition:all .2s ease!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.fullscreen-toggle-btn:hover{opacity:1!important;transform:scale(1.1)!important;background:#6b0000!important}.fullscreen-toggle-btn:active{transform:scale(.95)!important;background:#4b0000!important}.fullscreen-toggle-btn.mobile{width:50px!important;height:50px!important;font-size:20px!important;opacity:1!important;top:20px!important;right:20px!important;z-index:999999!important;display:flex!important;visibility:visible!important;pointer-events:auto!important}@media(max-width:320px){.fullscreen-toggle-btn{width:45px!important;height:45px!important;font-size:18px!important;top:15px!important;right:15px!important}}@media(min-width:321px)and (max-width:480px){.fullscreen-toggle-btn{width:48px!important;height:48px!important;font-size:19px!important;top:18px!important;right:18px!important}}@media(min-width:481px)and (max-width:768px){.fullscreen-toggle-btn{width:50px!important;height:50px!important;font-size:20px!important;top:20px!important;right:20px!important}}@media(min-width:769px){.fullscreen-toggle-btn{width:55px!important;height:55px!important;font-size:22px!important;top:25px!important;right:25px!important}}@media(max-height:400px){.fullscreen-toggle-btn{width:40px!important;height:40px!important;font-size:16px!important;top:10px!important;right:10px!important}}@media(width:360px)and (height:720px){.fullscreen-toggle-btn{width:45px!important;height:45px!important;font-size:18px!important;top:15px!important;right:15px!important}}@media(min-width:769px)and (max-width:1024px){.fullscreen-toggle-btn{width:52px!important;height:52px!important;font-size:21px!important;opacity:1!important}}.fullscreen-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#8b0000;color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:999999;text-align:center;max-width:90%;font-size:14px;animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.fullscreen-notification-buttons{margin-top:8px;display:flex;justify-content:center;gap:10px}.fullscreen-notification-open-btn{background:#fff;color:#8b0000;border:none;padding:5px 10px;border-radius:4px;font-weight:700;cursor:pointer}.fullscreen-notification-cancel-btn{background:transparent;color:#fff;border:1px solid #ffffff;padding:5px 10px;border-radius:4px;cursor:pointer}@media(prefers-reduced-motion:reduce){.fullscreen-toggle-btn{transition:none!important}.fullscreen-notification{animation:none;transform:translate(-50%) translateY(0)}}.fullscreen-toggle-btn:focus{outline:2px solid #ffffff!important;outline-offset:2px!important}@media(prefers-contrast:high){.fullscreen-toggle-btn{border-width:3px!important;box-shadow:0 4px 12px #00000080!important}}.cistern-button-group{position:absolute;top:5px;right:5px;z-index:1000;display:flex;gap:4px;align-items:center;pointer-events:auto}.cistern-minimize-btn,.cistern-resize-btn,.cistern-operations-btn{width:24px;height:24px;background:#2d3748e6;border:1px solid rgba(74,85,104,.5);border-radius:4px;color:#cbd5e0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cistern-minimize-btn:hover,.cistern-resize-btn:hover,.cistern-operations-btn:hover{background:#4a5568e6;border-color:#718096b3;color:#fff;transform:translateY(-1px)}.cistern-minimize-btn:active,.cistern-resize-btn:active,.cistern-operations-btn:active{transform:scale(.95)}.cistern-minimize-btn.disabled,.cistern-resize-btn.disabled,.cistern-operations-btn.disabled{background:#2d374880;border-color:#4a55684d;color:#718096;cursor:not-allowed;opacity:.6}.cistern-minimize-btn.disabled:hover,.cistern-resize-btn.disabled:hover,.cistern-operations-btn.disabled:hover{transform:none;background:#2d374880;border-color:#4a55684d}.cistern-minimize-btn.collapsed{background:#48bb78e6;border-color:#48bb78b3;color:#fff}.cistern-minimize-btn.collapsed:hover{background:#48bb78;border-color:#48bb78e6}.cistern-resize-btn.active,.cistern-operations-btn.active{background:#8b0000e6;border-color:#8b0000b3;color:#fff}.cistern-resize-container{position:relative;z-index:1001}.cistern-resize-slider{position:fixed;z-index:999999;background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:12px;min-width:200px;box-shadow:0 4px 12px #0000004d;animation:cisternMenuSlideIn .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;transform-origin:center center}.cistern-resize-header{margin-bottom:8px;color:#fff;font-size:14px;font-weight:500;text-align:center}.cistern-resize-range{width:100%;margin-bottom:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#4a5568;outline:none}.cistern-resize-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#38a169;cursor:pointer;border:2px solid #2d3748}.cistern-resize-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#38a169;cursor:pointer;border:2px solid #2d3748}.cistern-resize-value{text-align:center;color:#e2e8f0;font-size:12px;font-weight:600;margin-bottom:8px}.cistern-resize-actions{display:flex;gap:8px}.cistern-resize-save-btn,.cistern-resize-cancel-btn{flex:1;padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cistern-resize-save-btn{background:#38a169;color:#fff}.cistern-resize-save-btn:hover{background:#2f855a}.cistern-resize-cancel-btn{background:#718096;color:#fff}.cistern-resize-cancel-btn:hover{background:#4a5568}.cistern-resize-backdrop,.cistern-operations-backdrop{position:fixed;inset:0;z-index:999998;background:transparent}.cistern-resize-slider[style*="rotate(90deg)"],.cistern-operations-menu[style*="rotate(90deg)"]{transform-origin:center center!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none!important;animation:none!important}.cistern-operations-container{position:relative}.cistern-operations-menu{position:fixed;z-index:999999;background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:8px 0;min-width:150px;box-shadow:0 4px 12px #0000004d;animation:cisternMenuSlideIn .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;transform-origin:center center}.cistern-operation-item{padding:8px 12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .15s ease;font-size:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cistern-operation-item:hover{background:#4a556880}.cistern-operation-item:active{transform:scale(.98)}.cistern-operation-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cistern-operation-label{flex:1}.fill-operation .cistern-operation-icon{color:#4299e1}.transfer-operation .cistern-operation-icon{color:#48bb78}.bottle-operation .cistern-operation-icon{color:#9f7aea}.remove-operation .cistern-operation-icon{color:#f56565}@media(max-width:768px){.cistern-button-group{top:3px;right:3px;gap:3px}.cistern-minimize-btn,.cistern-resize-btn,.cistern-operations-btn{width:20px;height:20px;font-size:9px}.cistern-resize-slider{min-width:180px;padding:10px}.cistern-operations-menu{min-width:130px}.cistern-operation-item{padding:6px 10px;font-size:11px}.cistern-operation-icon{width:11px;height:11px}}@media(max-width:320px){.cistern-button-group{top:2px;right:2px;gap:2px}.cistern-minimize-btn,.cistern-resize-btn,.cistern-operations-btn{width:18px;height:18px;font-size:8px}.cistern-resize-slider{min-width:160px;padding:8px}.cistern-operations-menu{min-width:120px}.cistern-operation-item{padding:5px 8px;font-size:10px}}@media(orientation:landscape){.cistern-button-group{top:2px;right:2px;gap:2px}.cistern-minimize-btn,.cistern-resize-btn,.cistern-operations-btn{width:18px;height:18px;font-size:8px}}@keyframes cisternMenuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cistern-resize-slider[style*="rotate(90deg)"],.cistern-operations-menu[style*="rotate(90deg)"]{animation:none!important;opacity:1!important;transform:rotate(90deg)!important}@media(prefers-reduced-motion:reduce){.cistern-minimize-btn,.cistern-resize-btn,.cistern-operations-btn,.cistern-resize-save-btn,.cistern-resize-cancel-btn,.cistern-operation-item{transition:none}.cistern-resize-slider,.cistern-operations-menu{animation:none}}.cistern-minimize-btn:focus,.cistern-resize-btn:focus,.cistern-operations-btn:focus{outline:2px solid #4299e1;outline-offset:2px}@media(prefers-contrast:high){.cistern-minimize-btn,.cistern-resize-btn,.cistern-operations-btn,.cistern-resize-slider,.cistern-operations-menu{border-width:2px}}.cistern-cards-container{position:relative;width:100%;margin-bottom:2rem;padding:1rem .5rem}.cistern-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:.5rem}.cistern-card{background:#111827cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(75,85,99,.3);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;will-change:transform;transform:translateZ(0)}.cistern-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #0000004d;border-color:#dc262666}.cistern-card-link{display:block;text-decoration:none;color:inherit;height:100%}.cistern-card-content{position:relative;height:160px;display:flex;flex-direction:column}.cistern-card-visual{position:absolute;inset:0;z-index:1;pointer-events:none}.cistern-wine-fill{position:absolute;bottom:0;left:0;right:0;background-color:#dc2626;transition:height .8s ease-out;z-index:1;border-radius:0 0 12px 12px;overflow:hidden}.cistern-wine-fill.js-animating{transition:none!important}.cistern-wine-fill.liquid-filling{transition:height 1.8s ease-out;animation:liquidFill 1.8s ease-out}.cistern-wine-fill.liquid-removing{transition:height 1.8s ease-out;animation:liquidRemove 1.8s ease-out}.cistern-card-info{position:relative;z-index:10;padding:.25rem .25rem 4rem!important;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%;box-sizing:border-box;margin:0}.cistern-card-topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem!important;padding:0 .25rem}.cistern-card-title{font-size:.875rem;font-weight:600;color:#fff;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8);flex:1;line-height:1.2}.cistern-card-number{background:#dc2626cc;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8);flex-shrink:0}.cistern-card-details{display:flex;flex-direction:column;gap:.2rem!important;margin-top:.25rem!important;padding:0 .25rem}.cistern-detail-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#ffffffe6}.cistern-detail-icon{color:#dc2626;font-size:.75rem;flex-shrink:0}.cistern-detail-value{font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.8);transition:all .3s ease}.cistern-detail-value.number-animating{animation:numberPulse 1.8s ease-out;font-weight:700;color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 8px rgba(251,191,36,.6);transform:scale(1.05)}@keyframes numberPulse{0%{transform:scale(1);color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8)}25%{transform:scale(1.1);color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 12px rgba(251,191,36,.8)}50%{transform:scale(1.05);color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 8px rgba(251,191,36,.6)}to{transform:scale(1);color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8)}}.cistern-wine-info{margin-top:.25rem}.cistern-card .cistern-card-background-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;opacity:.25;pointer-events:none;font-size:4rem;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:none;border-radius:0}.cistern-card .cistern-card-background-icon img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1) brightness(1.5);opacity:.9;transition:all .3s ease}.cistern-card:hover .cistern-card-background-icon{opacity:.35;transform:translate(-50%,-50%) scale(1.05);background:none;box-shadow:none}.cistern-card:hover .cistern-card-background-icon img{opacity:1;filter:brightness(0) invert(1) brightness(1.8)}.cistern-card .cistern-type-icon{filter:brightness(0) invert(1) brightness(1.5);opacity:.9;transition:all .3s ease}.cistern-card:hover .cistern-type-icon{opacity:1;filter:brightness(0) invert(1) brightness(1.8);transform:scale(1.05)}.cistern-card-buttons{position:absolute;bottom:.5rem!important;right:.5rem;display:flex;gap:.2rem;z-index:20;width:auto;height:auto;pointer-events:auto}.cistern-card-button{background:#dc2626f2;border:1px solid rgba(255,255,255,.2);border-radius:4px;width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:clamp(.6rem,2vw,.7rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 3px 8px #0006;flex-shrink:0;z-index:25}.cistern-card-button:hover{background:#3b82f6;transform:scale(1.15);box-shadow:0 6px 16px #00000080;border-color:#fff6}.cistern-card-button:active{transform:scale(.95)}.cistern-card.selected-for-multiple-fill{border-color:#22c55e99;box-shadow:0 0 20px #22c55e4d}.cistern-card-multiple-fill-overlay{position:absolute;top:.5rem;left:.5rem;z-index:30;pointer-events:none}.cistern-card-selection-checkbox{width:24px;height:24px;border:2px solid rgba(255,255,255,.8);border-radius:4px;background:#000000b3;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cistern-card-selection-checkbox.selected{background:#22c55ee6;border-color:#22c55e;box-shadow:0 0 10px #22c55e80}.cistern-card-selection-checkbox .checkmark{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.cistern-card-add{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px dashed rgba(34,197,94,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #22c55e33}.cistern-card-add:hover{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e99;box-shadow:0 0 30px #22c55e66;transform:translateY(-2px) scale(1.01)}.cistern-card-add-content{text-align:center;color:#22c55ecc}.cistern-card-add-icon{font-size:2rem;margin-bottom:.5rem;display:block}.cistern-card-add-text{font-size:1rem;font-weight:600;display:block}@media(max-width:768px){.cistern-cards-container{padding:.75rem .25rem}.cistern-cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:.25rem}.cistern-card-content{height:140px}.cistern-card-title{font-size:.875rem}.cistern-card-number{font-size:.625rem;padding:.2rem .4rem}.cistern-detail-item{font-size:.75rem}.cistern-card-info{padding:.25rem .25rem 4rem!important}.cistern-card-button{width:clamp(22px,4vw,28px);height:clamp(22px,4vw,28px);font-size:clamp(.6rem,2vw,.7rem)}.cistern-card-buttons{gap:.2rem;bottom:.5rem}.cistern-card-selection-checkbox{width:20px;height:20px}.cistern-card-selection-checkbox .checkmark{font-size:12px}.cistern-card .cistern-card-background-icon{font-size:4rem}.cistern-card .cistern-card-background-icon img{width:80px;height:80px}}@media(max-width:480px){.cistern-cards-container{padding:.5rem .125rem}.cistern-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;padding:.125rem}.cistern-card-content{height:120px}.cistern-card-info{padding:.25rem .25rem 4rem!important}.cistern-card-title{font-size:.8rem}.cistern-detail-item{font-size:.7rem}.cistern-card-button{width:clamp(20px,3.5vw,24px);height:clamp(20px,3.5vw,24px);font-size:clamp(.55rem,1.8vw,.65rem)}.cistern-card-buttons{gap:.15rem;bottom:.5rem;right:.5rem}.cistern-card-selection-checkbox{width:18px;height:18px}.cistern-card-selection-checkbox .checkmark{font-size:10px}.cistern-card .cistern-card-background-icon{font-size:3rem}.cistern-card .cistern-card-background-icon img{width:60px;height:60px}}.cistern-logs-container{width:100%;max-width:100%;margin:0;padding:0;text-align:left}.cistern-logs-form-section{margin-bottom:1.5rem;text-align:left}.cistern-logs-form-card{background:#262626;border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:1.5rem;text-align:left}.cistern-logs-form-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;text-align:left}.cistern-logs-form-icon{color:#dc2626;font-size:1.25rem}.cistern-logs-form-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;text-align:left}.cistern-logs-form-description{color:#fffc;font-size:.875rem;margin-bottom:1rem;text-align:left;line-height:1.5}.cistern-logs-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.cistern-logs-textarea-container{display:flex;flex-direction:column;gap:.5rem;text-align:left}.cistern-logs-textarea{width:100%;min-height:120px;padding:.75rem;background:#000;border:1px solid rgba(75,85,99,.5);border-radius:8px;color:#fff;font-size:.875rem;line-height:1.5;resize:vertical;font-family:inherit;text-align:left}.cistern-logs-textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.cistern-logs-textarea::-moz-placeholder{color:#ffffff80}.cistern-logs-textarea::placeholder{color:#ffffff80}.cistern-logs-character-count{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#fff9;text-align:left}.cistern-logs-character-warning{color:#fbbf24}.cistern-logs-button-container{display:flex;justify-content:flex-start;text-align:left}.cistern-logs-add-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.cistern-logs-add-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.cistern-logs-add-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cistern-logs-add-button-icon{font-size:.75rem}.cistern-logs-spinner{width:.75rem;height:.75rem;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:cistern-logs-spin 1s linear infinite}@keyframes cistern-logs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cistern-logs-alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;text-align:left}.cistern-logs-alert-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5}.cistern-logs-alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.cistern-logs-alert-icon{font-size:1rem;flex-shrink:0}.cistern-logs-list-section{text-align:left}.cistern-logs-list{display:flex;flex-direction:column;gap:.75rem;text-align:left}.cistern-logs-item{background:#262626;border:1px solid rgb(38,38,38);border-radius:12px;padding:1rem;text-align:left}.cistern-logs-edit-container{display:flex;flex-direction:column;gap:.75rem;text-align:left}.cistern-logs-edit-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffffb3;text-align:left}.cistern-logs-edit-date-icon{color:#9ca3af;font-size:.75rem}.cistern-logs-edit-indicator{color:#dc2626;font-weight:500}.cistern-logs-edit-textarea{width:100%;min-height:100px;padding:.75rem;background:#111827cc;border:1px solid rgba(75,85,99,.5);border-radius:8px;color:#fff;font-size:.875rem;line-height:1.5;resize:vertical;font-family:inherit;text-align:left}.cistern-logs-edit-textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.cistern-logs-edit-controls{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#fff9;text-align:left}.cistern-logs-edit-shortcuts{color:#9ca3af}.cistern-logs-edit-buttons{display:flex;gap:.5rem;text-align:left}.cistern-logs-edit-button{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.cistern-logs-edit-button-primary{background:#dc2626;color:#fff}.cistern-logs-edit-button-primary:hover:not(:disabled){background:#b91c1c}.cistern-logs-edit-button-secondary{background:#4b5563cc;color:#fff}.cistern-logs-edit-button-secondary:hover:not(:disabled){background:#4b5563}.cistern-logs-edit-button:disabled{opacity:.5;cursor:not-allowed}.cistern-logs-edit-button-icon{font-size:.75rem}.cistern-logs-view-container{display:flex;align-items:flex-start;gap:1rem;text-align:left}.cistern-logs-view-icon{color:#dc2626;font-size:1.25rem;margin-top:.125rem;flex-shrink:0}.cistern-logs-view-content{flex:1;text-align:left}.cistern-logs-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;text-align:left}.cistern-logs-view-date{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff;text-align:left}.cistern-logs-view-date-icon{color:#fff;font-size:.75rem}.cistern-logs-view-actions{display:flex;gap:.25rem;text-align:left}.cistern-logs-view-button{padding:.25rem;color:#dc2626;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;text-align:left}.cistern-logs-view-button:hover{color:#fffc;background:#ff00001a}.cistern-logs-view-button-delete:hover{color:#fca5a5;background:#dc26261a}.cistern-logs-view-button-icon{font-size:.75rem}.cistern-logs-view-text{color:#ffffffe6;font-size:.875rem;line-height:1.5;text-align:left}.cistern-logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.cistern-logs-empty-icon{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.cistern-logs-empty-title{color:#fffc;font-size:1rem;font-weight:500;margin-bottom:.5rem}.cistern-logs-empty-text{color:#fff9;font-size:.875rem}.cistern-logs-loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:#fffc;font-size:.875rem}.cistern-logs-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999999;padding:1rem}.cistern-logs-modal{background:#1f2937f2;border:1px solid rgba(75,85,99,.5);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:28rem;width:100%;max-height:90vh;overflow:auto}.cistern-logs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(75,85,99,.5)}.cistern-logs-modal-title-section{display:flex;align-items:center;gap:.75rem}.cistern-logs-modal-icon{color:#dc2626;font-size:1.25rem}.cistern-logs-modal-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.cistern-logs-modal-close{color:#9ca3af;background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.cistern-logs-modal-close:hover{color:#fff;background:#ffffff1a}.cistern-logs-modal-content{padding:1.5rem}.cistern-logs-modal-message{color:#fffc;margin-bottom:1rem;line-height:1.5}.cistern-logs-modal-preview{background:#111827cc;border:1px solid rgba(75,85,99,.5);border-radius:8px;padding:1rem}.cistern-logs-modal-preview-label{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem;font-weight:500}.cistern-logs-modal-preview-text{font-size:.875rem;color:#fffc;font-style:italic;line-height:1.4}.cistern-logs-modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid rgba(75,85,99,.5)}.cistern-logs-modal-button{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.cistern-logs-modal-button-cancel{background:#4b5563cc;color:#fff}.cistern-logs-modal-button-cancel:hover{background:#4b5563}.cistern-logs-modal-button-delete{background:#dc2626;color:#fff}.cistern-logs-modal-button-delete:hover{background:#b91c1c}.cistern-logs-modal-button-icon{font-size:1rem}@media(max-width:768px){.cistern-logs-form-card{padding:1rem}.cistern-logs-textarea{min-height:100px}.cistern-logs-edit-textarea{min-height:80px}.cistern-logs-modal{margin:1rem;max-width:calc(100vw - 2rem)}.cistern-logs-modal-actions{flex-direction:column}.cistern-logs-modal-button{width:100%}}.cistern-logs-item-enter{opacity:0;transform:translateY(-10px);animation:cistern-logs-slide-in .3s ease-out forwards}@keyframes cistern-logs-slide-in{to{opacity:1;transform:translateY(0)}}.cistern-logs-textarea:focus-visible,.cistern-logs-edit-textarea:focus-visible,.cistern-logs-add-button:focus-visible,.cistern-logs-edit-button:focus-visible,.cistern-logs-view-button:focus-visible,.cistern-logs-modal-close:focus-visible,.cistern-logs-modal-button:focus-visible{outline:2px solid #dc2626;outline-offset:2px}.cistern-detail-page{background-color:#000!important;min-height:100vh;background:var(--color-background);color:var(--color-text);padding:80px 0 0}.cistern-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 2rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;background:var(--color-background-light);color:var(--color-text);border:1px solid var(--color-border);padding:.5rem .75rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;font-size:.875rem}.back-button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cistern-title{flex:1;text-align:center}.cistern-title h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.cistern-subtitle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.25rem}.cistern-number{background:var(--color-primary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-sm);font-weight:600;font-size:1rem}.cistern-type{background:var(--color-background-light);color:var(--color-text-muted);padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:1rem;border:1px solid var(--color-border)}.cistern-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:.75rem;font-weight:500}button.action-btn.edit-btn,button.action-btn.delete-btn{background:linear-gradient(45deg,#ef4444,#dc2626)!important;color:#fff!important}button.action-btn.edit-btn:hover,button.action-btn.delete-btn:hover{background:linear-gradient(45deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #ef444466!important;color:#fff!important}.action-btn.save-btn{background:var(--color-success);color:#fff}.action-btn.save-btn:hover{background:#059669;transform:translateY(-1px)}.cistern-detail-content-compact{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:0 2rem;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;align-items:start}.cistern-info-panel{display:flex;flex-direction:column;gap:1rem;width:100%;height:250px}.info-card{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem;transition:all var(--transition-normal);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.info-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.info-card h3{color:var(--color-text);font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:.375rem;flex:1;min-height:0;overflow:hidden}.info-list-compact{display:flex;flex-direction:column;gap:.5rem;flex:1}.info-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0000001a;border-radius:var(--radius-md)}.info-icon{color:var(--color-primary);font-size:.875rem;width:1rem;text-align:center}.info-label{font-weight:500;color:var(--color-text-muted);min-width:60px;font-size:.75rem}.info-value{color:var(--color-text);font-weight:600;font-size:.875rem}.wine-info-compact{display:flex;flex-direction:column;gap:.5rem;flex:1}.wine-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.wine-icon{color:var(--color-primary);font-size:1rem}.wine-header h4{color:var(--color-text);font-size:1rem;font-weight:600;margin:0}.wine-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.wine-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid rgba(75,85,99,.2)}.detail-label{color:var(--color-text-muted);font-weight:500;font-size:.75rem}.detail-value{color:var(--color-text);font-weight:600;font-size:.875rem}.no-wine{text-align:center;padding:1rem;color:var(--color-text-muted);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-wine-icon{font-size:2rem;color:var(--color-text-muted);margin-bottom:.5rem}.wine-composition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;flex:1;max-height:100%;overflow-y:auto}.wine-composition-card{background:linear-gradient(135deg,#1f2937f2,#111827f2);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:.75rem;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:.5rem;min-height:100px;max-height:120px;overflow:hidden;box-shadow:0 4px 12px #dc262633}.wine-composition-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #dc26264d;transform:translateY(-2px)}.wine-composition-card-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(220,38,38,.3);flex-shrink:0}.wine-composition-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #dc262666}.wine-composition-title{flex:1;min-width:0}.wine-composition-title h4{font-size:.9rem;font-weight:700;color:#fff;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.8)}.wine-type{font-size:.75rem;color:var(--color-primary);background:#dc262626;padding:.125rem .375rem;border-radius:var(--radius-sm);display:inline-block;line-height:1.2;font-weight:600;border:1px solid rgba(220,38,38,.3)}.wine-composition-percentage{background:linear-gradient(45deg,var(--color-primary),#dc2626);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;min-width:3rem;text-align:center;flex-shrink:0;line-height:1.2;box-shadow:0 2px 8px #dc262666;text-shadow:0 1px 2px rgba(0,0,0,.8)}.wine-composition-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1}.wine-stat{display:flex;flex-direction:column;gap:.25rem;text-align:center;padding:.5rem;background:#0000004d;border-radius:var(--radius-md);min-height:0;border:1px solid rgba(220,38,38,.2)}.wine-stat .stat-label{font-size:.7rem;color:#9ca3af;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.wine-stat .stat-value{font-size:.85rem;color:#fff;font-weight:700;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.8)}@media(max-width:768px){.wine-composition-grid{grid-template-columns:1fr;gap:.5rem}.wine-composition-card{padding:.5rem;min-height:80px;max-height:100px}.wine-composition-card-header{gap:.375rem;padding-bottom:.375rem}.wine-composition-icon{width:1.5rem;height:1.5rem;font-size:.8rem}.wine-composition-title h4{font-size:.8rem}.wine-type{font-size:.65rem;padding:.1rem .25rem}.wine-composition-percentage{font-size:.75rem;padding:.2rem .4rem}.wine-composition-card-stats{gap:.375rem}.wine-stat{padding:.375rem}.wine-stat .stat-label{font-size:.6rem}.wine-stat .stat-value{font-size:.75rem}}@media(max-width:480px){.wine-composition-card{min-height:70px;max-height:90px}.wine-composition-card-header{flex-direction:row;align-items:center;gap:.25rem}.wine-composition-icon{width:1.25rem;height:1.25rem;font-size:.7rem}.wine-composition-title h4{font-size:.75rem}.wine-type{font-size:.6rem;padding:.075rem .2rem}.wine-composition-percentage{font-size:.7rem;padding:.15rem .3rem}.wine-stat{padding:.25rem}.wine-stat .stat-label{font-size:.55rem}.wine-stat .stat-value{font-size:.7rem}}.edit-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;flex:1;max-height:100%;overflow-y:auto}.edit-form-grid .form-group{margin-bottom:0;display:flex;flex-direction:column;gap:.25rem;min-height:0}.edit-form-grid label{color:var(--color-text);font-weight:500;font-size:.7rem;margin:0;flex-shrink:0}.edit-form-grid input,.edit-form-grid select{width:100%;padding:.375rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.7rem;transition:all var(--transition-normal);flex-shrink:0}.edit-form-grid input:focus,.edit-form-grid select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #dc26261a}.edit-form-grid select{cursor:pointer}.edit-form-grid select option{background:var(--color-background);color:var(--color-text)}@media(max-width:768px){.edit-form-grid{grid-template-columns:1fr;gap:.375rem}}@media(max-width:480px){.edit-form-grid{gap:.25rem}.edit-form-grid input,.edit-form-grid select{padding:.25rem;font-size:.65rem}.edit-form-grid label{font-size:.65rem}}.no-composition{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-muted);flex:1;gap:.5rem;padding:2rem}.no-composition-icon{font-size:2rem;color:var(--color-text-muted);opacity:.5}.no-composition p{margin:0;font-size:.875rem}.fill-cistern-btn{display:flex;align-items:center;gap:.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-top:.5rem}.fill-cistern-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.fill-cistern-btn i{font-size:.75rem}.cistern-visual-panel{display:flex;align-items:center;justify-content:center;width:100%;height:250px;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem}.cistern-container-large{max-width:240px;position:relative;width:100%;height:240px;background:linear-gradient(135deg,#1f2937f2,#111827f2);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.wine-fill-large{position:absolute;bottom:0;left:0;right:0;background:var(--color-primary);transition:height 1.2s cubic-bezier(.4,0,.2,1);z-index:3;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg);will-change:height}.wine-fill-large.liquid-filling{animation:gentleFill 1.2s ease-out}.wine-fill-large.liquid-removing{animation:gentleRemove 1.2s ease-out}.wine-fill-large.liquid-transferring{animation:gentleTransfer 1.5s ease-in-out}@keyframes gentleFill{0%{opacity:.9}50%{opacity:1}to{opacity:1}}@keyframes gentleRemove{0%{opacity:1}50%{opacity:.95}to{opacity:.9}}@keyframes gentleTransfer{0%{opacity:1}25%{opacity:.95}50%{opacity:.9}75%{opacity:.95}to{opacity:1}}.liquid-surface-large{position:absolute;top:0;left:0;right:0;height:25px;overflow:hidden}.wave-large{position:absolute;top:0;left:0;right:0;height:100%;background:inherit;border-radius:50% 50% 0 0;animation:waveMotion 3s ease-in-out infinite}.wave-large.wave-1{animation-delay:0s;opacity:.8}.wave-large.wave-2{animation-delay:1s;opacity:.6}.wave-large.wave-3{animation-delay:2s;opacity:.4}.cistern-content-large{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.cistern-info-large{text-align:center;color:var(--color-text)}.volume-display{margin-bottom:.25rem}.current-volume-large{font-size:1.25rem;font-weight:700;color:var(--color-text)}.capacity-large{font-size:.875rem;font-weight:700;color:var(--color-white)}.fill-percentage-large{font-size:1.5rem;font-weight:700;color:var(--color-white)}.operations-compact{display:flex;flex-direction:column;gap:.375rem;flex:1;justify-content:space-between}.operation-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-size:.75rem;font-weight:500;width:100%}.operation-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.operation-btn:disabled{opacity:.5;cursor:not-allowed}.operation-btn.fill:hover:not(:disabled){background:#3b82f61a}.operation-btn.transfer:hover:not(:disabled){background:#10b9811a}.operation-btn.bottle:hover:not(:disabled){background:#a855f71a}.operation-btn.remove:hover:not(:disabled){background:#ef44441a}.operation-btn.sell:hover:not(:disabled){background:#f59e0b1a}.operation-icon{font-size:1.25rem;color:var(--color-primary)}.operation-btn.fill .operation-icon,.operation-btn.transfer .operation-icon,.operation-btn.bottle .operation-icon,.operation-btn.remove .operation-icon,.operation-btn.sell .operation-icon{color:var(--color-error)}.cistern-history-section{margin-bottom:2rem;padding:0 2rem;max-width:1400px;margin-left:auto;margin-right:auto}.cistern-history-section h3{color:var(--color-text);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.history-content{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;max-height:300px;overflow-y:auto}.logs-list{display:flex;flex-direction:column;gap:.75rem}.log-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#0000001a;border-radius:var(--radius-md);transition:all var(--transition-fast)}.log-item:hover{background:#0003;transform:translate(2px)}.log-icon{color:var(--color-primary);font-size:1rem;margin-top:.125rem}.log-content{flex:1}.log-title{font-weight:600;color:var(--color-text);margin-bottom:.25rem;font-size:.875rem}.log-details{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.log-amount{background:var(--color-primary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.75rem}.log-date{display:flex;align-items:center;gap:.25rem;color:var(--color-text-muted);font-size:.75rem}.log-note{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.no-logs{text-align:center;padding:1.5rem;color:var(--color-text-muted)}.no-logs-icon{font-size:2rem;color:var(--color-border);margin-bottom:.5rem}.notification{position:fixed;top:100px;right:20px;padding:1rem 1.5rem;border-radius:var(--radius-md);color:#fff;font-weight:500;z-index:10000;animation:slideInRight .3s ease-out;max-width:400px;box-shadow:var(--shadow-lg)}.notification-info{background:var(--color-info);border-left:4px solid #1d4ed8}.notification-success{background:var(--color-success);border-left:4px solid #059669}.notification-error{background:var(--color-error);border-left:4px solid #dc2626}.notification-warning{background:var(--color-warning);border-left:4px solid #d97706}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.wine-information-container{display:flex;flex-direction:column;gap:.25rem;height:100%;overflow:hidden}.wine-total-summary{background:#2a2a2ae6;border:none;border-radius:4px;padding:.375rem;margin-bottom:.0625rem;flex-shrink:0}.total-quantity-display{display:flex;align-items:center;justify-content:center;gap:.125rem}.total-amount{display:flex;align-items:baseline;gap:.125rem}.amount-value{font-size:.875rem;font-weight:700;color:#ef4444}.amount-unit{font-size:.625rem;font-weight:600;color:#fff}.fill-percentage{font-size:.5rem;color:#9ca3af}.wines-in-cistern{display:flex;flex-direction:column;gap:.125rem;flex:1;overflow:hidden}.wines-grid{display:flex;flex-direction:column;gap:.125rem;overflow-y:auto;max-height:100%;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(239,68,68,.5) rgba(42,42,42,.3)}.wines-grid::-webkit-scrollbar{width:4px}.wines-grid::-webkit-scrollbar-track{background:#2a2a2a4d;border-radius:2px}.wines-grid::-webkit-scrollbar-thumb{background:#ef444480;border-radius:2px}.wines-grid::-webkit-scrollbar-thumb:hover{background:#ef4444b3}.wine-card{background:#2a2a2ae6;border:none;border-radius:1px;padding:.1875rem;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:.1875rem;min-height:0}.wine-card:hover{background:#2a2a2a}.wine-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.03125rem}.wine-name{font-size:.5625rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.wine-type{font-size:.4375rem;color:#9ca3af;text-transform:capitalize;line-height:1}.wine-stats{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.wine-amount,.wine-percentage{display:flex;flex-direction:column;align-items:center;gap:.03125rem}.stat-label{font-size:.375rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.25px;line-height:1}.stat-value{font-size:.5625rem;font-weight:700;color:#fff;line-height:1}.no-wines-info{text-align:center;padding:.75rem;color:#9ca3af;font-size:.75rem}.no-wine-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem .75rem;text-align:center}.no-wine-icon{font-size:2rem;color:#4b5563;opacity:.5}.no-wine-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.no-wine-message{color:#9ca3af;font-size:.75rem;margin:0}.fill-cistern-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.75rem}.fill-cistern-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.accordion-container{width:100%;padding:.5rem;will-change:transform;backface-visibility:hidden}.accordion-item{border:none;border-radius:12px;margin-bottom:.75rem;background:#2a2a2af2;box-shadow:0 4px 12px #0003;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;will-change:transform;backface-visibility:hidden}.accordion-item:last-child{margin-bottom:0}.accordion-item.active{box-shadow:0 6px 20px #ef444426;border-color:#ef444466}.accordion-header{background:#2a2a2af2;padding:1rem 1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:12px;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:10;will-change:background-color}.accordion-header:hover{background:#4b5563cc}.accordion-title{margin:0;font-size:1.125rem;font-weight:600;color:#fff;transition:color .2s ease}.accordion-title:hover{color:#d1d5db}.accordion-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;transition:transform .2s ease;color:#ef4444;font-size:1rem;will-change:transform}.accordion-icon.active{color:#ef4444}.accordion-icon:hover{color:#ef4444;transform:scale(1.05)}.accordion-icon.rotated{transform:rotate(180deg)}.accordion-content{background:#2e2e2e;border-bottom-left-radius:12px;border-bottom-right-radius:12px;transition:opacity .2s ease,padding .2s ease;overflow:visible;max-height:none;opacity:1;padding:1rem;will-change:opacity,padding}.accordion-content.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-top:0;overflow:hidden}@media(hover:hover){.accordion-item:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444426}}.accordion-content-inner{padding:1rem}.accordion-content-title{color:#fff;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.accordion-content-text{color:#9ca3af}.accordion-content-label{color:#9ca3af;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.progress-bar-container{background:#4b5563cc;border-radius:.25rem;overflow:hidden;height:1.5rem;border:1px solid rgba(239,68,68,.3)}.progress-bar-fill{background:linear-gradient(45deg,#ef4444,#dc2626);transition:all .5s;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8)}.accordion-table{width:100%;background:#2a2a2af2;border-radius:8px;overflow:hidden;margin-bottom:.75rem;border:1px solid rgba(239,68,68,.2);box-shadow:0 2px 8px #0003}.accordion-table-header{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;font-weight:600;padding:.75rem;border:none;text-align:left;font-size:.875rem}.accordion-table-cell{padding:.75rem;border-bottom:1px solid rgba(239,68,68,.2);color:#fff;background:#1c1c1c;transition:background-color .2s ease;font-size:.875rem}.accordion-table-row:last-child .accordion-table-cell{border-bottom:0}.accordion-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:all .3s;cursor:pointer;border:1px solid transparent;box-shadow:0 4px 16px #0000004d}.accordion-button-small{padding:.25rem .5rem;font-size:.875rem}.accordion-button-primary{background:linear-gradient(45deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.accordion-button-primary:hover{background:linear-gradient(45deg,#dc2626,#b91c1c);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.accordion-button-secondary{background:#4b5563cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#ef44444d;color:#fff}.accordion-button-secondary:hover{background:#4b5563;border-color:#ef444480;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #4b556366}.accordion-button-icon-left{margin-right:.25rem}.accordion-button-icon-right{margin-right:.5rem}.accordion-section{margin-bottom:1.5rem}.accordion-text-center{text-align:center}.accordion-table-container{overflow-x:auto;margin-bottom:1rem}.accordion-table-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.accordion-table-row:hover{text-decoration:underline;background:#ef44441a}.accordion-table-header{padding:.5rem}.accordion-table-cell{margin-bottom:.5rem}.accordion-table-body{padding:1rem}.accordion-table-title{font-size:1.125rem;color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8)}.accordion-table-content{padding:1rem}.accordion-table-cell-padding{padding:.75rem}.accordion-table-cell-margin{margin-bottom:.5rem}.accordion-summary-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.accordion-operation-card{background:#2a2a2ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;min-height:100px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left}.accordion-summary-card:hover{border-color:#ef444466;box-shadow:0 12px 40px #ef444433}.accordion-summary-value{font-size:2.5rem;font-weight:700;color:#ef4444;margin:0;text-shadow:0 2px 8px rgba(239,68,68,.5);line-height:1.2}.accordion-summary-card .accordion-content-label{font-size:1rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem;line-height:1.2}.accordion-summary-card .text-red-400{font-size:1.25rem;margin-bottom:.25rem;line-height:1.2}@media(max-width:1024px){.accordion-summary-card{padding:1rem;min-height:90px}.accordion-summary-value{font-size:2rem}.accordion-summary-card .accordion-content-label{font-size:.875rem}.accordion-summary-card .text-red-400{font-size:1rem}}@media(max-width:768px){.accordion-summary-card{padding:.75rem;min-height:80px}.accordion-summary-value{font-size:1.75rem}.accordion-summary-card .accordion-content-label{font-size:.75rem}.accordion-summary-card .text-red-400{font-size:.875rem}}@media(max-width:640px){.accordion-summary-card{padding:.5rem;min-height:70px}.accordion-summary-value{font-size:1.5rem}.accordion-summary-card .accordion-content-label{font-size:.625rem}.accordion-summary-card .text-red-400{font-size:.75rem}}@media(max-width:1400px){.cistern-detail-content-compact{grid-template-columns:1fr 1fr 1fr 1fr;gap:.75rem;padding:0 1.5rem}.cistern-container-large{max-width:240px;height:240px}.current-volume-large{font-size:1.125rem}.capacity-large{font-size:.75rem}.fill-percentage-large{font-size:1.25rem}}@media(max-width:1200px){.cistern-detail-content-compact{grid-template-columns:1fr 1fr;gap:1rem;padding:0 1.5rem}.cistern-info-panel,.cistern-visual-panel{height:320px}.cistern-container-large{max-width:260px;height:260px}.current-volume-large{font-size:1.25rem}.capacity-large{font-size:.875rem}.fill-percentage-large{font-size:1.5rem}}@media(max-width:900px){.cistern-detail-content-compact{grid-template-columns:1fr 1fr;gap:.75rem;padding:0 1rem}.cistern-info-panel,.cistern-visual-panel{height:300px}.cistern-container-large{max-width:240px;height:240px}.info-card h3{font-size:.875rem}.operation-btn{padding:.375rem;font-size:.7rem}.operation-btn span{font-size:.7rem}}@media(max-width:768px){.cistern-detail-content-compact{grid-template-columns:1fr;gap:1rem;padding:0 1rem;max-width:500px}.cistern-info-panel,.cistern-visual-panel{height:auto;min-height:280px}.cistern-visual-panel{order:-1}.cistern-container-large{max-width:320px;height:280px}.current-volume-large{font-size:1.5rem}.capacity-large{font-size:1rem}.fill-percentage-large{font-size:2rem}.info-card h3{font-size:1rem}.operation-btn{padding:.5rem;font-size:.75rem}.operation-btn span{font-size:.75rem}.accordion-container{padding:.5rem}.accordion-header{padding:1rem}.accordion-title{font-size:1rem}.accordion-content{padding:1rem}.accordion-table-container{margin-bottom:.5rem}.accordion-button{width:100%;justify-content:center}.cistern-detail-page{padding-top:70px}.cistern-detail-header{padding:.75rem 1rem;flex-direction:column;align-items:stretch;text-align:center}.cistern-title h1{font-size:1.25rem}.cistern-actions{justify-content:center}.cistern-history-section{padding:0 1rem}.notification{top:80px;right:10px;left:10px;max-width:none}}@media(max-width:600px){.cistern-detail-content-compact{grid-template-columns:1fr;gap:.75rem;padding:0 .75rem;max-width:450px}.cistern-info-panel,.cistern-visual-panel{height:auto;min-height:260px}.cistern-container-large{max-width:280px;height:240px}.info-card h3{font-size:.875rem}.operation-btn{padding:.375rem;font-size:.65rem}.operation-btn span{font-size:.65rem}}@media(max-width:480px){.cistern-detail-page{padding-top:60px}.cistern-detail-header{padding:.5rem}.cistern-title h1{font-size:1.125rem}.action-btn{padding:.375rem .5rem;font-size:.75rem}.cistern-detail-content-compact{padding:0 .5rem;max-width:400px}.cistern-info-panel,.cistern-visual-panel{height:auto;min-height:240px}.info-card{padding:.75rem}.cistern-container-large{max-width:240px;height:200px}.current-volume-large{font-size:1.125rem}.capacity-large{font-size:.75rem}.fill-percentage-large{font-size:1.5rem}.info-card h3{font-size:.8rem}.operation-btn{padding:.25rem;font-size:.6rem}.operation-btn span{font-size:.6rem}.cistern-history-section{padding:0 .5rem}.notification{top:70px;right:5px;left:5px;padding:.75rem 1rem;font-size:.875rem}.accordion-container{padding:.25rem}.accordion-header{padding:.75rem}.accordion-title{font-size:.875rem}.accordion-content{padding:.75rem}.accordion-table-cell{padding:.5rem}}@media(max-width:360px){.cistern-detail-content-compact{padding:0 .25rem;max-width:350px}.cistern-info-panel,.cistern-visual-panel{min-height:200px}.cistern-container-large{max-width:200px;height:180px}.current-volume-large{font-size:1rem}.capacity-large{font-size:.7rem}.fill-percentage-large{font-size:1.25rem}.info-card h3{font-size:.75rem}.operation-btn{padding:.2rem;font-size:.55rem}.operation-btn span{font-size:.55rem}.info-card{padding:.5rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{height:100%;scrollbar-gutter:stable;overflow-y:scroll}body{min-height:100vh;color:#e2e8f0;overflow-x:hidden!important;background-color:#000!important;scrollbar-gutter:stable}#root{background:#000!important;min-height:100vh;overflow-x:hidden!important}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;overflow-y:auto;position:relative;overflow-x:hidden!important;background-color:#000!important;pointer-events:auto!important;z-index:1}.main-content *{pointer-events:auto!important}.main-content button,.main-content input,.main-content select,.main-content textarea,.main-content a,.main-content [role=button],.main-content [tabindex]{pointer-events:auto!important;z-index:10}.room-cards-container,.room-card,.room-card *,.cistern-page-header,.cistern-page-header *,.room-controls,.room-controls *{pointer-events:auto!important;z-index:1000}.page-content{padding:1rem;padding-top:90px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-3{bottom:-.75rem}.-bottom-4{bottom:-1rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-top-10{top:-2.5rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-24{bottom:6rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[-70px\]{left:-70px}.right-0{right:0}.right-14{right:3.5rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[1px\]{right:1px}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[-8px\]{top:-8px}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000000\]{z-index:1000000}.z-\[10000\]{z-index:10000}.z-\[14000\]{z-index:14000}.z-\[999998\]{z-index:999998}.z-\[999999\]{z-index:999999}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-1{margin-left:-.25rem}.-mt-2{margin-top:-.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.ms-1{margin-inline-start:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[-75px\]{margin-top:-75px}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[105px\]{height:105px}.h-\[30px\]{height:30px}.h-\[72vh\]{height:72vh}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-52{max-height:13rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[calc\(90vh-80px\)\]{max-height:calc(90vh - 80px)}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-64{min-height:16rem}.min-h-96{min-height:24rem}.min-h-\[300px\]{min-height:300px}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[105px\]{width:105px}.w-\[280px\]{width:280px}.w-\[30px\]{width:30px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[280px\]{min-width:280px}.min-w-\[78px\]{min-width:78px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[90vw\]{max-width:90vw}.max-w-\[95vw\]{max-width:95vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-bottom-left{transform-origin:bottom left}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-6{--tw-translate-y: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_1fr_88px\]{grid-template-columns:1fr 1fr 88px}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(75 85 99 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-blue-600\/20{border-color:#2563eb33}.border-blue-800{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-500\/50{border-color:#6b728080}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-600\/50{border-color:#4b556380}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-700\/60{border-color:#37415199}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-gray-800\/60{border-color:#1f293799}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-green-800{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.border-purple-600\/20{border-color:#9333ea33}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-red-500\/50{border-color:#ef444480}.border-red-500\/70{border-color:#ef4444b3}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-red-600\/20{border-color:#dc262633}.border-red-600\/30{border-color:#dc26264d}.border-red-600\/60{border-color:#dc262699}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-red-700\/60{border-color:#b91c1c99}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/40{border-color:#fff6}.border-white\/5{border-color:#ffffff0d}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-600{--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.border-yellow-700{--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.border-yellow-800{--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-red-500{--tw-border-opacity: 1;border-top-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-opacity-30{--tw-border-opacity: .3}.border-opacity-50{--tw-border-opacity: .5}.bg-\[rgb\(220\,38\,38\)\]{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-\[rgb\(34\,197\,94\)\]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-\[rgb\(35\,35\,35\)\]{--tw-bg-opacity: 1;background-color:rgb(35 35 35 / var(--tw-bg-opacity, 1))}.bg-\[rgb\(45\,45\,45\)\]{--tw-bg-opacity: 1;background-color:rgb(45 45 45 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/30{background-color:#3741514d}.bg-gray-700\/50{background-color:#37415180}.bg-gray-700\/80{background-color:#374151cc}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-800\/10{background-color:#1f29371a}.bg-gray-800\/20{background-color:#1f293733}.bg-gray-800\/30{background-color:#1f29374d}.bg-gray-800\/40{background-color:#1f293766}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-800\/60{background-color:#1f293799}.bg-gray-800\/70{background-color:#1f2937b3}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/20{background-color:#11182733}.bg-gray-900\/40{background-color:#11182766}.bg-gray-900\/50{background-color:#11182780}.bg-gray-900\/60{background-color:#11182799}.bg-gray-900\/70{background-color:#111827b3}.bg-gray-900\/80{background-color:#111827cc}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.bg-green-900\/20{background-color:#14532d33}.bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-orange-900\/50{background-color:#7c2d1280}.bg-pink-900\/50{background-color:#83184380}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-900\/20{background-color:#581c8733}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/30{background-color:#ef44444d}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-600\/20{background-color:#dc262633}.bg-red-600\/30{background-color:#dc26264d}.bg-red-600\/90{background-color:#dc2626e6}.bg-red-700\/10{background-color:#b91c1c1a}.bg-red-800{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-red-900\/50{background-color:#7f1d1d80}.bg-red-950\/60{background-color:#450a0a99}.bg-red-950\/80{background-color:#450a0acc}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-yellow-900{--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/10{background-color:#713f121a}.bg-yellow-900\/20{background-color:#713f1233}.bg-yellow-900\/50{background-color:#713f1280}.bg-opacity-10{--tw-bg-opacity: .1}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-30{--tw-bg-opacity: .3}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-75{--tw-bg-opacity: .75}.bg-opacity-80{--tw-bg-opacity: .8}.bg-opacity-90{--tw-bg-opacity: .9}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black{--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/20{--tw-gradient-from: rgb(0 0 0 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-900{--tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-900{--tw-gradient-from: #14532d var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900{--tw-gradient-from: #581c87 var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-900{--tw-gradient-from: #7f1d1d var(--tw-gradient-from-position);--tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-900{--tw-gradient-from: #713f12 var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/60{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-800{--tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1e40af var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-800{--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-900{--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-950{--tw-gradient-to: rgb(3 7 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #030712 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-green-800{--tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #166534 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-800{--tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #991b1b var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-800{--tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #854d0e var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-black{--tw-gradient-to: #000 var(--tw-gradient-to-position)}.to-black\/80{--tw-gradient-to: rgb(0 0 0 / .8) var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.to-gray-950{--tw-gradient-to: #030712 var(--tw-gradient-to-position)}.to-green-900{--tw-gradient-to: #14532d var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.to-red-900{--tw-gradient-to: #7f1d1d var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-yellow-900{--tw-gradient-to: #713f12 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-wide{letter-spacing:.025em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-pink-300{--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-200\/80{color:#fecacacc}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-500\/50{color:#ef444480}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-600\/50{color:#dc262680}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(220\,38\,38\,0\.35\)\]{--tw-shadow: 0 10px 30px rgba(220,38,38,.35);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_45px_rgba\(0\,0\,0\,0\.65\)\]{--tw-shadow: 0 20px 45px rgba(0,0,0,.65);--tw-shadow-colored: 0 20px 45px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_60px_rgba\(0\,0\,0\,0\.65\)\]{--tw-shadow: 0 30px 60px rgba(0,0,0,.65);--tw-shadow-colored: 0 30px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/40{--tw-shadow-color: rgb(0 0 0 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/30{--tw-shadow-color: rgb(239 68 68 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-900\/40{--tw-shadow-color: rgb(127 29 29 / .4);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-red-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-opacity-50{--tw-ring-opacity: .5}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}::-webkit-scrollbar{width:12px!important;height:12px!important}::-webkit-scrollbar-track{background:#0000001a!important;border-radius:6px!important}::-webkit-scrollbar-thumb{background:#1a1a1a!important;border-radius:6px!important;border:2px solid rgba(0,0,0,.1)!important;-webkit-transition:background .3s ease!important;transition:background .3s ease!important}::-webkit-scrollbar-thumb:hover{background:#2a2a2a!important}::-webkit-scrollbar-corner{background:#0000001a!important}*{scrollbar-width:auto!important;scrollbar-color:#1a1a1a rgba(0,0,0,.1)!important}.scrollable-container::-webkit-scrollbar,.table-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.elevator-room-list::-webkit-scrollbar,.oenotheque-drag-container::-webkit-scrollbar,.wine-table-scrollable-container::-webkit-scrollbar,.bottled-wine-table-scrollable-container::-webkit-scrollbar,.mobile-elevator-list::-webkit-scrollbar{width:12px!important;height:12px!important}.scrollable-container::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track,.elevator-room-list::-webkit-scrollbar-track,.oenotheque-drag-container::-webkit-scrollbar-track,.wine-table-scrollable-container::-webkit-scrollbar-track,.bottled-wine-table-scrollable-container::-webkit-scrollbar-track,.mobile-elevator-list::-webkit-scrollbar-track{background:#0000001a!important;border-radius:6px!important}.scrollable-container::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb,.elevator-room-list::-webkit-scrollbar-thumb,.oenotheque-drag-container::-webkit-scrollbar-thumb,.wine-table-scrollable-container::-webkit-scrollbar-thumb,.bottled-wine-table-scrollable-container::-webkit-scrollbar-thumb,.mobile-elevator-list::-webkit-scrollbar-thumb{background:#1a1a1a!important;border-radius:6px!important;border:2px solid rgba(0,0,0,.1)!important}.scrollable-container::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover,.elevator-room-list::-webkit-scrollbar-thumb:hover,.oenotheque-drag-container::-webkit-scrollbar-thumb:hover,.wine-table-scrollable-container::-webkit-scrollbar-thumb:hover,.bottled-wine-table-scrollable-container::-webkit-scrollbar-thumb:hover,.mobile-elevator-list::-webkit-scrollbar-thumb:hover{background:#2a2a2a!important}.cistern-elevator,.elevator-toggle{position:fixed!important;z-index:999999!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;display:block!important}body,html,#root,.main-content{overflow-x:hidden!important;overflow-y:visible!important}html,body{scrollbar-gutter:stable}#global-page-loading-spinner{width:100vw;width:100dvw;left:0;right:0;margin-left:0;margin-right:0}@keyframes labIconGlow{0%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}50%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(120%) contrast(110%)}to{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}}@keyframes labListIconPulse{0%,to{transform:scale(1);filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}50%{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(120%) contrast(110%)}}@keyframes labListIconGlow{0%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);box-shadow:0 0 5px #ef44444d}50%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(120%) contrast(110%);box-shadow:0 0 15px #ef444499}to{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);box-shadow:0 0 5px #ef44444d}}@keyframes labDetailIconPulse{0%,to{transform:scale(1);filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}50%{transform:scale(1.05);filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(120%) contrast(110%)}}@keyframes labDetailIconGlow{0%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);box-shadow:0 0 8px #ef444466}50%{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(120%) contrast(110%);box-shadow:0 0 20px #ef4444b3}to{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);box-shadow:0 0 8px #ef444466}}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-red-600::file-selector-button{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:py-3::file-selector-button{padding-top:.75rem;padding-bottom:.75rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-semibold::file-selector-button{font-weight:600}.file\:text-white::file-selector-button{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.last\:border-b-0:last-child{border-bottom-width:0px}.autofill\:bg-black:-webkit-autofill{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.autofill\:bg-black:autofill{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.autofill\:text-white:-webkit-autofill{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.autofill\:text-white:autofill{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-gray-400\/50:hover{border-color:#9ca3af80}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:border-red-500\/50:hover{border-color:#ef444480}.hover\:border-red-500\/60:hover{border-color:#ef444499}.hover\:bg-black\/55:hover{background-color:#0000008c}.hover\:bg-black\/60:hover{background-color:#0009}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600\/30:hover{background-color:#4b55634d}.hover\:bg-gray-600\/50:hover{background-color:#4b556380}.hover\:bg-gray-600\/80:hover{background-color:#4b5563cc}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700\/30:hover{background-color:#3741514d}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-gray-700\/80:hover{background-color:#374151cc}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600\/20:hover{background-color:#dc262633}.hover\:bg-red-600\/30:hover{background-color:#dc26264d}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700\/20:hover{background-color:#b91c1c33}.hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-yellow-500:hover{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:bg-opacity-100:hover{--tw-bg-opacity: 1}.hover\:bg-opacity-30:hover{--tw-bg-opacity: .3}.hover\:from-red-700:hover{--tw-gradient-from: #b91c1c var(--tw-gradient-from-position);--tw-gradient-to: rgb(185 28 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-red-800:hover{--tw-gradient-to: #991b1b var(--tw-gradient-to-position)}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-red-200:hover{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-red-500\/40:hover{--tw-shadow-color: rgb(239 68 68 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:file\:bg-red-700::file-selector-button:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.focus\:border-red-400:focus{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-gray-800:focus{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500\/70:focus{--tw-ring-color: rgb(239 68 68 / .7)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus\:ring-offset-gray-900:focus{--tw-ring-offset-color: #111827}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:border-red-500:active{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-70{opacity:.7}.group:hover .group-hover\:opacity-80{opacity:.8}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:inline{display:inline}.sm\:h-11{height:2.75rem}.sm\:h-28{height:7rem}.sm\:h-4{height:1rem}.sm\:h-8{height:2rem}.sm\:h-9{height:2.25rem}.sm\:max-h-\[88vh\]{max-height:88vh}.sm\:w-11{width:2.75rem}.sm\:w-28{width:7rem}.sm\:w-4{width:1rem}.sm\:w-8{width:2rem}.sm\:w-9{width:2.25rem}.sm\:w-\[340px\]{width:340px}.sm\:w-auto{width:auto}.sm\:min-w-\[140px\]{min-width:140px}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-sm{max-width:24rem}.sm\:flex-initial{flex:0 1 auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media(min-width:768px){.md\:col-span-12{grid-column:span 12 / span 12}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-8{grid-column:span 8 / span 8}.md\:hidden{display:none}.md\:h-32{height:8rem}.md\:h-96{height:24rem}.md\:h-\[560px\]{height:560px}.md\:h-\[76vh\]{height:76vh}.md\:w-32{width:8rem}.md\:w-\[380px\]{width:380px}.md\:w-auto{width:auto}.md\:max-w-3xl{max-width:48rem}.md\:max-w-xl{max-width:36rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:border-b-0{border-bottom-width:0px}.md\:border-r{border-right-width:1px}.md\:p-4{padding:1rem}.md\:pt-28{padding-top:7rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-4{top:1rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:h-\[600px\]{height:600px}.lg\:h-\[80vh\]{height:80vh}.lg\:max-w-2xl{max-width:42rem}.lg\:max-w-md{max-width:28rem}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}}@media(min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}input[type=number]::-ms-clear,input[type=number]::-ms-expand{display:none!important}input[type=number],input[type=number]:focus,input[type=number]:hover,input[type=number]:active{-webkit-appearance:none!important;-moz-appearance:textfield!important;appearance:textfield!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-clear-button,input[type=number]::-webkit-search-cancel-button{-webkit-appearance:none!important;appearance:none!important;display:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;right:-9999px!important;top:-9999px!important}:root{--color-primary: #e53e3e;--color-primary-dark: #dc2626;--color-primary-light: #f56565;--color-background: #1a1a1a;--color-background-light: #2a2a2a;--color-background-dark: #0a0a0a;--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-text-dark: #374151;--color-border: #404040;--color-border-light: #525252;--color-border-dark: #262626;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #e53e3e;--color-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-background);overflow-x:visible!important}html{overflow-x:visible!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slideInFromRight{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes wave{0%,to{transform:translate(0) scaleY(1)}25%{transform:translate(5px) scaleY(1.1)}50%{transform:translate(10px) scaleY(.9)}75%{transform:translate(5px) scaleY(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes resizeGlow{0%,to{box-shadow:0 0 20px #dc26264d,0 0 40px #dc262633,0 0 60px #dc26261a}50%{box-shadow:0 0 30px #dc262680,0 0 60px #dc26264d,0 0 90px #dc262633}}@keyframes sizeIndicatorFade{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes guidelinePulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes cornerIndicatorPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes resizeHandleHover{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.2)}}.cistern-item{transition:width .1s ease-out,height .1s ease-out,transform var(--transition-fast)}.cistern-item.resizing{transition:none}.resize-handle.right{top:50%;right:-6px;width:6px;height:40px;transform:translateY(-50%);cursor:col-resize}.resize-handle.bottom{left:50%;bottom:-6px;width:40px;height:6px;transform:translate(-50%);cursor:row-resize}.resize-handle.corner{bottom:-8px;right:-8px;width:16px;height:16px;cursor:nwse-resize;border-radius:0 0 6px}.resize-handle-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px;background:#ffffffb3;border-radius:50%;opacity:.8;transition:all .15s ease-out}.resize-handle:hover .resize-handle-indicator{transform:translate(-50%,-50%) scale(1.3);background:#fff}.size-indicator{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500;z-index:30;pointer-events:none;white-space:nowrap;box-shadow:0 2px 6px #0003;transition:all .2s ease-out}.corner-indicator{animation:cornerIndicatorPulse 1s ease-in-out infinite}.wine-fill.liquid-resize{animation:liquidResize .5s ease-out}@keyframes liquidResize{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:1}}.wine-fill.resizing .wave{animation-duration:1.5s;animation-timing-function:ease-in-out}.resize-preview{position:absolute;top:0;left:0;border:2px dashed rgba(220,38,38,.5);border-radius:var(--radius-lg);pointer-events:none;z-index:15;animation:resizePreviewPulse 1.5s ease-in-out infinite}@keyframes resizePreviewPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.cistern-container,.resize-handle,.operations-btn{transition:all var(--transition-fast)}.resize-handle:focus,.operations-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.cistern-item,.resize-handle,.wine-fill,.wave{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes resizeHandleGlow{0%,to{box-shadow:0 0 4px #dc26264d}50%{box-shadow:0 0 12px #dc2626b3}}.cistern-resize-container{position:relative;transition:all .2s ease-in-out;will-change:width,height}.cistern-resize-container.resizing{transition:none}.resize-handles{position:absolute;inset:0;pointer-events:none;z-index:10}.resize-handle{position:absolute;background:transparent;pointer-events:auto;transition:all .2s ease;z-index:20}.resize-handle:hover{background:#dc262633;animation:resizeHandleGlow 1.5s infinite}.resize-handle-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#dc2626b3;border-radius:50%;opacity:.8;transition:all .2s ease}.resize-handle:hover .resize-handle-indicator{transform:translate(-50%,-50%) scale(1.5);background:#dc2626}.size-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:30;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px #0003}.cistern-error-container{min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);border-radius:12px;margin:2rem 0;padding:3rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.cistern-error-content{text-align:center;max-width:400px}.cistern-error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#dc26261a,#dc26260d);border:2px solid rgba(220,38,38,.3);box-shadow:0 0 20px #dc262633;margin:0 auto 1.5rem}.cistern-error-bottle{font-size:2rem;color:#dc2626;filter:drop-shadow(0 0 10px rgba(220,38,38,.5))}.cistern-error-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cistern-error-message{font-size:1rem;color:#a3a3a3;line-height:1.5;margin-bottom:1.5rem}.cistern-error-retry{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.cistern-error-retry:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.cistern-error-retry:active{transform:translateY(0);box-shadow:0 2px 8px #dc26264d}@keyframes cisternLoadingPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(max-width:768px){.cistern-loading-container,.cistern-error-container{margin:1rem 0;padding:2rem 1rem}.cistern-loading-icon{width:80px;height:80px}.cistern-loading-bottle{font-size:2rem}.cistern-loading-pulse{width:100px;height:100px}.cistern-loading-title,.cistern-error-title{font-size:1.5rem}.cistern-loading-subtitle,.cistern-error-message{font-size:.9rem}.cistern-error-icon{width:60px;height:60px}.cistern-error-bottle{font-size:1.5rem}}.cistern-page{min-height:100vh;background:#030303;color:var(--color-text);position:relative;overflow-x:visible;overflow-y:auto;padding-top:80px;z-index:1}.cistern-main-content{padding:2rem;min-height:100vh;width:100%;position:relative;z-index:1}.cistern-list-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:2}.cistern-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,38,38,.4);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0006}.cistern-page-title{display:flex;align-items:center;gap:1rem}.cistern-page-icon{width:2rem;height:2rem;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) drop-shadow(0 0 15px rgba(220,38,38,.5));animation:cisternPageIconPulse 3s ease-in-out infinite;position:relative;z-index:2}.cistern-page-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(220,38,38,.2) 0%,transparent 70%);border-radius:50%;animation:cisternPageIconGlow 3s ease-in-out infinite;z-index:1}@keyframes cisternPageIconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes cisternPageIconGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.cistern-page-title h1{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.5)}.cistern-page-actions{display:flex;align-items:center;gap:1rem}.view-toggle-btn{display:flex;align-items:center;gap:.5rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.view-toggle-btn:hover{background:#dc262633;border-color:#dc262680;transform:translateY(-1px)}.view-toggle-btn.active{background:#dc26264d;border-color:#dc262699;box-shadow:0 4px 12px #dc26264d}.view-toggle-btn svg{font-size:1rem}@media(max-width:768px){.cistern-page-header{flex-direction:column;gap:1rem;text-align:center}.cistern-page-title h1{font-size:2rem}.cistern-page-icon{width:1.75rem;height:1.75rem}.cistern-page-icon-glow{width:70px;height:70px}.view-toggle-btn{padding:.6rem .8rem;font-size:.85rem}.view-toggle-btn span{display:none}}@media(max-width:480px){.cistern-page-header{padding:1rem}.cistern-page-title h1{font-size:1.75rem}.cistern-page-icon{width:1.5rem;height:1.5rem}.cistern-page-icon-glow{width:60px;height:60px}.view-toggle-btn{padding:.5rem;font-size:.8rem}}.cistern-loading,.cistern-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-background);color:var(--color-text)}.loading-spinner{text-align:center}.loading-icon{font-size:3rem;color:var(--color-primary);animation:spin 2s linear infinite;margin-bottom:1rem}.error-content{text-align:center;max-width:500px}.retry-button{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;margin-top:1rem;transition:background var(--transition-normal)}.retry-button:hover{background:var(--color-primary-dark)}.all-rooms-container{display:flex;flex-direction:column;gap:2rem;overflow:visible}.room-section{position:relative}.room-header{display:flex;justify-content:space-between;align-items:center;background:#1a1a1acc;border:1px solid rgba(220,38,38,.2);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem}.room-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.room-stats{color:#ffffffb3;font-size:.9rem}.room-cards-container{transition:max-height .3s ease,opacity .3s ease}.room-section.current-room{border-left:4px solid var(--color-primary);padding-left:1rem}.room-divider{height:2px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:2rem 0}.room-drag-area-container{overflow:visible;transition:all .5s cubic-bezier(.4,0,.2,1)}.room-drag-area-container.visible{max-height:2000px;opacity:1;transform:translateY(0)}.room-drag-area-container.hidden{max-height:0;opacity:0;transform:translateY(-10px);margin:0;padding:0}@media(max-width:768px){.room-drag-area-container.visible{max-height:1500px}}@media(max-width:480px){.room-drag-area-container.visible{max-height:1200px}}@media(max-width:1024px){.cistern-main-content{padding:3.5rem 1.5rem 1.5rem}}@media(max-width:768px){.cistern-main-content{padding:3rem 1rem 1rem}.room-section.current-room{padding-left:.5rem}}@media(max-width:480px){.cistern-main-content{padding:2.5rem .5rem .5rem}}.room-section.room-minimized{min-height:80px}.room-section.room-minimized .room-drag-area-container{max-height:0!important;opacity:0!important;visibility:hidden}.room-drag-area-container{transition:max-height .3s ease,opacity .3s ease,visibility .3s ease}.room-section{position:relative;overflow:visible}.oenotheque-elevator-container{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9999;pointer-events:auto;width:auto;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.oenotheque-elevator-container.open{opacity:1;visibility:visible;pointer-events:auto}.elevator-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:10000;background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#0a0a0a);color:#fff;width:35px;height:50px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible;pointer-events:auto;border-radius:0 12px 12px 0;box-shadow:0 4px 15px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;border-right:3px solid #e53e3e}.oenotheque-elevator-container.open .elevator-toggle{left:300px;border-radius:0 12px 12px 0;border-right:3px solid #e53e3e;border-left:none}.elevator-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(229,62,62,.1),transparent);opacity:0;transition:opacity .3s ease}.elevator-toggle:hover{background:linear-gradient(135deg,#2a2a2a,#1a1a1a,#0a0a0a);opacity:1;transform:translateY(-50%) scale(1.05);box-shadow:0 8px 25px #00000080,0 4px 12px #0006,inset 0 1px #fff3;border-right-color:#dc2626}.oenotheque-elevator-container.open .elevator-toggle:hover{border-right-color:#dc2626;border-left-color:transparent}.elevator-toggle:hover:before{opacity:1}.elevator-toggle:active{transform:translateY(-50%) scale(.95);box-shadow:0 2px 8px #0006,0 1px 4px #0000004d,inset 0 1px #ffffff1a}.oenotheque-elevator{position:absolute;left:0;top:50%;transform:translate(-100%,-50%);width:300px;max-height:70vh;background:linear-gradient(135deg,#1a1a1af2,#2a2a2af2);border:1px solid rgba(64,64,64,.3);border-radius:0 12px 12px 0;box-shadow:0 20px 40px #00000080,0 8px 16px #0000004d,inset 0 1px #ffffff0d;opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;border-right:3px solid #e53e3e;pointer-events:none;display:flex;flex-direction:column;box-sizing:border-box}.oenotheque-elevator.open{transform:translateY(-50%);opacity:1;visibility:visible;pointer-events:auto}.elevator-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#2a2a2acc,#1a1a1acc);border-bottom:1px solid rgba(64,64,64,.3);position:relative;flex-shrink:0;min-height:60px;box-sizing:border-box}.elevator-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e53e3e,#dc2626,#b91c1c);border-radius:0 12px 0 0}.elevator-header h3{margin:0;font-size:1rem;color:#f9fafb;font-weight:600;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.elevator-close{background:#e53e3e1a;border:1px solid rgba(229,62,62,.2);color:#e53e3e;cursor:pointer;transition:all .3s ease;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;position:relative;overflow:hidden}.elevator-close:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;border-radius:50%}.elevator-close:hover{background:#e53e3e33;border-color:#e53e3e66;transform:scale(1.1)}.elevator-close:hover:before{opacity:1}.elevator-collection-list{flex:1;max-height:400px;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(229,62,62,.5) rgba(0,0,0,.2);min-height:0;overflow-y:scroll!important;box-sizing:border-box}.elevator-collection-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f9fafb;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.elevator-collection-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(229,62,62,.1),transparent);opacity:0;transition:opacity .3s ease;border-radius:8px}.elevator-collection-button:hover:before{opacity:1}.elevator-collection-button:hover{background:#ffffff1a;border-color:#e53e3e4d;transform:translate(4px)}.elevator-collection-button.active{background:#e53e3e33;border-color:#e53e3e80;box-shadow:0 4px 12px #e53e3e4d}.elevator-collection-button.active:before{opacity:1}.collection-info{display:flex;align-items:center;gap:.75rem}.collection-number{background:#e53e3e33;color:#e53e3e;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;min-width:24px;text-align:center}.collection-number:before{content:"#";opacity:.7}.collection-name{font-weight:500;color:#f9fafb}.collection-stats{font-size:.75rem;color:#9ca3af;background:#0003;padding:.25rem .5rem;border-radius:4px}.elevator-add-section{padding:1rem;border-top:1px solid rgba(64,64,64,.3);background:#0003;flex-shrink:0;min-height:80px;box-sizing:border-box}.add-collection-trigger{width:100%;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden}.add-collection-trigger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease;border-radius:8px}.add-collection-trigger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #dc262666}.add-collection-trigger:hover:before{opacity:1}.add-collection-trigger:active{transform:translateY(0);box-shadow:0 4px 12px #dc26264d}.elevator-collection-list::-webkit-scrollbar{width:8px;display:block!important}.elevator-collection-list::-webkit-scrollbar-track{background:#0000004d;border-radius:4px;display:block!important}.elevator-collection-list::-webkit-scrollbar-thumb{background:#e53e3eb3;border-radius:4px;display:block!important;min-height:40px}.elevator-collection-list::-webkit-scrollbar-thumb:hover{background:#e53e3ee6}.elevator-collection-list{scrollbar-gutter:stable}@media(max-width:768px){.oenotheque-elevator-container,.elevator-toggle,.oenotheque-elevator{display:none}}@media(max-width:480px){.oenotheque-elevator{width:280px}.elevator-toggle{width:30px;height:45px}}.cistern-search-bar{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:0 20px 40px #0000004d;max-width:100%;margin-left:auto;margin-right:auto}.search-container{display:flex;flex-direction:row;gap:1rem}.cistern-search-container{display:flex;flex-direction:row;gap:1rem;width:100%}.search-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.search-title{display:flex;align-items:center;gap:.75rem}.title-icon{color:var(--color-primary);font-size:1.5rem}.search-title h1{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0}.search-stats{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-stats .stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.search-stats .stat-icon{color:var(--color-primary)}.search-stats .stat-value{font-weight:600;color:var(--color-text)}.search-stats .stat-label{color:var(--color-text-muted)}.search-stats .stat-separator{color:var(--color-border)}.search-input-wrapper{position:relative;width:100%}.search-input-container{position:relative;display:flex;width:100%!important;align-items:center;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-normal)}.search-icon{position:absolute;left:1rem;color:var(--color-text-muted);font-size:1.125rem;pointer-events:none}.search-input{width:100%!important;padding:1rem 1rem 1rem 3rem;min-height:44px;background:transparent;border:none;color:var(--color-text);font-size:1.125rem;outline:none;border-radius:var(--radius-md)}.cistern-search-input{width:100%!important;padding:1rem 1rem 1rem 3rem;min-height:48px;font-size:1.125rem}.cistern-clear-search{position:absolute;right:1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem}.search-input:focus{outline:none}.search-input:focus+.search-icon{color:var(--color-primary)}.search-input::-moz-placeholder{color:var(--color-text-muted)}.search-input::placeholder{color:var(--color-text-muted)}.clear-search{position:absolute;right:1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.clear-search:hover{color:var(--color-primary);background:#dc26261a}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-background-light);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;overflow-y:auto}.results-list{padding:.5rem 0}.result-group{border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.result-group:last-child{border-bottom:none}.result-room-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc26261a;color:var(--color-primary);font-weight:600;font-size:.875rem}.result-room-header .room-icon{font-size:.75rem}.result-room-header .room-name{flex:1}.result-room-header .cistern-count{background:var(--color-primary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem}.result-cistern{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background var(--transition-fast);border-left:3px solid transparent}.result-cistern:hover{background:#dc26261a;border-left-color:var(--color-primary)}.result-cistern .cistern-icon{color:var(--color-primary);font-size:1rem;width:1.5rem;text-align:center}.result-cistern .cistern-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.result-cistern .cistern-name{font-weight:600;color:var(--color-text)}.result-cistern .wine-info{font-size:.875rem;color:var(--color-text-muted)}.result-cistern .cistern-number{background:var(--color-background);color:var(--color-text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;border:1px solid var(--color-border)}.no-results{padding:2rem;text-align:center;color:var(--color-text-muted)}.no-results-icon{font-size:2rem;color:var(--color-border);margin-bottom:1rem}.search-status{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#3b82f61a;border-radius:var(--radius-sm);margin-top:.5rem}.search-query{font-size:.875rem;color:var(--color-text-muted)}.search-query strong{color:var(--color-primary)}.search-count{font-size:.875rem;color:var(--color-info);font-weight:600}@media(max-width:1024px){.cistern-search-bar{max-width:700px}}@media(max-width:768px){.cistern-search-bar{max-width:600px}.search-header{flex-direction:column;align-items:flex-start}.search-stats{justify-content:flex-start}.search-input-wrapper{width:100%}.filter-toggle{align-self:flex-end}.search-status{flex-direction:column;gap:.5rem;align-items:flex-start}}@media(max-width:480px){.cistern-search-bar{padding:1rem;max-width:100%;margin-left:.5rem;margin-right:.5rem}.search-title h1{font-size:1.5rem}.search-stats{gap:.5rem}.search-stats .stat-item{font-size:.75rem}}.room-cards-container{width:100%;margin-bottom:1.5rem;padding-left:3rem;position:relative;z-index:1000;pointer-events:auto!important}.page-transition-container .room-cards-container,.page-transition-container .room-card,.page-transition-container .room-card *,.cistern-page-header,.cistern-page-header *,.room-controls,.room-controls *,.room-controls button,.room-controls input,.room-controls select,.page-transition-container .cistern-page-header,.page-transition-container .cistern-page-header *,.page-transition-container .room-controls,.page-transition-container .room-controls *{pointer-events:auto!important;z-index:1000!important}.no-rooms{background-color:#191919;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;padding:1.5rem;text-align:center}.no-rooms-icon{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.no-rooms h3{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.no-rooms p{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.add-first-room{background-color:#991b1b;display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform:scale(1);box-shadow:0 4px 6px #0000001a}.add-first-room:hover{background-color:#7f1d1d;transform:scale(1.05);box-shadow:0 6px 12px #0003}.room-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.room-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.room-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.room-cards-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1280px){.room-cards-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.room-cards-grid{position:relative;z-index:1001;pointer-events:auto}.room-card{position:relative;cursor:pointer;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.room-card:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.room-card{min-height:140px;max-height:160px;position:relative;z-index:1002;pointer-events:auto;background-color:#1f293733}.room-card:nth-child(2n){background-color:#1f29371a}.room-card:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:#3741514d}.room-card.active{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:2px;--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.room-card.collapsed{opacity:.6;transform:scale(.95);filter:grayscale(50%);max-height:100px;overflow:hidden;transition:all .3s ease}.room-card-content{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);position:relative;z-index:1003;pointer-events:auto}.room-card.collapsed .room-card-content{opacity:.7}.room-card.collapsed .room-card-main-stats,.room-card.collapsed .room-card-secondary-stats{display:none}.room-card-background{position:absolute;inset:0;background-position:center;opacity:.2;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;pointer-events:none;z-index:1;background-size:100% 100%!important;background-repeat:no-repeat!important}.room-card:hover .room-card-background{opacity:.3}.room-card-content{position:relative;z-index:10;display:flex;height:100%;flex-direction:column;justify-content:space-between;padding:.75rem}.room-card-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.room-icon{flex-shrink:0;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.room-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.room-card-main-stats{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.room-card-secondary-stats{display:flex;align-items:center;justify-content:space-between}.stat-item{display:flex;align-items:center;gap:.25rem}.stat-item.primary,.stat-item.secondary{font-size:.875rem;line-height:1.25rem}.stat-item.compact{font-size:.75rem;line-height:1rem}.stat-content{display:flex;flex-direction:column}.stat-icon{flex-shrink:0;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.stat-item.primary .stat-icon{font-size:1rem;line-height:1.5rem}.stat-item.secondary .stat-icon{font-size:.875rem;line-height:1.25rem}.stat-item.compact .stat-icon{font-size:.75rem;line-height:1rem}.stat-value{font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.stat-item.primary .stat-value{font-size:1rem;line-height:1.5rem}.stat-item.secondary .stat-value{font-size:.875rem;line-height:1.25rem}.stat-item.compact .stat-value{font-size:.75rem;line-height:1rem}.stat-label{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.stat-item.primary .stat-label,.stat-item.secondary .stat-label,.stat-item.compact .stat-label{font-size:.75rem;line-height:1rem}.active-indicator{height:.5rem;width:.5rem;flex-shrink:0;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.room-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .2;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;pointer-events:none;z-index:1004}.room-card:hover .room-card-overlay{opacity:1}.room-card-overlay span{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.add-room-card{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;min-height:140px;max-height:160px;position:relative;z-index:1002;pointer-events:auto;background-color:#1f293733}.add-room-card:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background-color:#3741514d}.add-room-content{padding:1rem;text-align:center}.add-room-icon{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.add-room-content h3{margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.add-room-content p{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.room-card .collapse-indicator{display:flex;align-items:center;color:#ffffff80;transition:color .3s ease;font-size:.75rem;pointer-events:auto;z-index:1005}.room-card .collapse-indicator:hover{color:#fff}@media(max-width:1280px){.room-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.room-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.room-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.room-cards-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}}@media(max-width:1024px){.room-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.room-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.room-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}}@media(max-width:768px){.room-cards-container{padding-left:2.5rem}.room-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.room-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.room-card{min-height:120px;max-height:140px}.room-name{font-size:.75rem;line-height:1rem}.stat-item.primary .stat-value{font-size:.875rem;line-height:1.25rem}.stat-item.secondary .stat-value{font-size:.75rem;line-height:1rem}}@media(max-width:480px){.room-cards-container{padding-left:2rem}.room-cards-grid{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.room-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.room-card{min-height:100px;max-height:120px}.room-card-content{padding:.5rem}.room-name,.stat-item{font-size:.75rem;line-height:1rem}}.room-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:1rem;flex-wrap:wrap}@media(min-width:640px){.room-controls-bar{flex-wrap:nowrap;padding:1rem 1.5rem}}.room-info{display:flex;align-items:center;gap:1rem;flex:1}.room-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}@media(min-width:640px){.room-title{font-size:1.25rem}}.cistern-count{color:var(--color-text-muted);font-size:.875rem}.room-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.control-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.control-btn.visibility-btn{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.control-btn.visibility-btn:hover{background:var(--color-success);color:#fff}.control-btn.edit-btn{background:#3b82f61a;border-color:var(--color-info);color:var(--color-info)}.control-btn.edit-btn:hover{background:var(--color-info);color:#fff}.control-btn.background-btn{background:#a855f71a;border-color:#a855f7;color:#a855f7}.control-btn.background-btn:hover{background:#a855f7;color:#fff}.control-btn.reset-btn{background:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.control-btn.reset-btn:hover{background:var(--color-warning);color:#fff}.control-btn.delete-btn{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.control-btn.delete-btn:hover{background:var(--color-error);color:#fff}@media(max-width:1024px){.room-controls-bar{padding:.75rem;gap:.75rem}.room-info{gap:.75rem}.room-title{font-size:1rem}.control-btn{width:32px;height:32px;font-size:.75rem}}@media(max-width:768px){.room-controls-bar{padding:.75rem;gap:.75rem;flex-wrap:wrap}.room-info{gap:.75rem;flex:1;min-width:0}.room-title{font-size:1rem}.control-btn{width:32px;height:32px;font-size:.75rem}.room-controls-bar>div:nth-child(2){order:3;width:100%;justify-content:center;margin-top:.5rem;gap:2rem}.room-controls-bar>div:nth-child(3){order:2}}@media(max-width:480px){.room-controls-bar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem}.room-info{justify-content:center;flex-direction:column;gap:.5rem}.room-actions{justify-content:center;gap:.25rem}.control-btn{width:28px;height:28px;font-size:.75rem}.room-controls-bar>div:nth-child(2){order:2;width:100%;justify-content:center;gap:1.5rem;margin-top:.5rem}.room-controls-bar>div:nth-child(3){order:3;justify-content:center}.room-controls-bar>div:nth-child(2)>div{font-size:.75rem}.room-controls-bar>div:nth-child(2)>div>svg{width:.875rem;height:.875rem}}.cistern-item{position:absolute;background:#111827b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;min-width:100px;min-height:80px;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 12px #0000001a;will-change:transform,left,top;backface-visibility:hidden;perspective:1000px;touch-action:none;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none}.cistern-item:active{cursor:grabbing}.cistern-item.collapsed{height:40px!important;width:60px!important;overflow:hidden;background:#111827cc}.cistern-item.collapsed .cistern-detail,.cistern-item.collapsed .resize-handle{display:none}.cistern-controls{position:absolute;top:-40px;right:-40px;display:flex;gap:4px;z-index:100;transition:all .3s ease}.minimize-btn,.operations-btn{background:#dc2626e6;border:none;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease-out;cursor:pointer;font-size:10px;box-shadow:0 2px 6px #0000004d}.minimize-btn:hover,.operations-btn:hover{background:#3b82f6;border:none;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0006}.minimize-btn:active,.operations-btn:active{transform:scale(.95)}.cistern-item:hover{box-shadow:0 6px 16px #00000026}.cistern-item.dragging{transition:none;z-index:1000;opacity:.9;box-shadow:0 10px 20px #0003;cursor:grabbing!important;pointer-events:none}.cistern-item.dragging *{cursor:grabbing!important;pointer-events:none}.cistern-item.dragging .minimize-btn,.cistern-item.dragging .operations-btn{pointer-events:auto;cursor:pointer}.cistern-item.resizing{z-index:1000;cursor:nw-resize;transition:none!important;box-shadow:0 0 40px #dc262666}.cistern-item.resizing *{pointer-events:none;transition:none!important}.cistern-item.resizing .resize-handle,.cistern-item.resizing .minimize-btn,.cistern-item.resizing .operations-btn{pointer-events:auto}.cistern-item.resizing .cistern-container{border:none;box-shadow:0 0 20px #dc26264d;transition:none!important}.cistern-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:8px;border-radius:8px;background:transparent;will-change:transform;transform:translateZ(0);border:none}.cistern-item:hover .cistern-container{box-shadow:0 0 20px #dc26264d}.cistern-background-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,8vw,6rem);opacity:.15;color:#fff;transition:all var(--transition-normal);z-index:1}.cistern-item:hover .cistern-background-icon{opacity:.25;transform:translate(-50%,-50%) scale(1.1)}.cistern-item[style*="width: 8%"] .cistern-background-icon,.cistern-item[style*="width: 10%"] .cistern-background-icon,.cistern-item[style*="width: 12%"] .cistern-background-icon{font-size:clamp(1.5rem,4vw,2.5rem);opacity:.4}.cistern-item[style*="width: 14%"] .cistern-background-icon,.cistern-item[style*="width: 16%"] .cistern-background-icon{font-size:clamp(2rem,5vw,3.5rem);opacity:.3}.cistern-item[style*="width: 18%"] .cistern-background-icon,.cistern-item[style*="width: 20%"] .cistern-background-icon{font-size:clamp(2.5rem,6vw,4.5rem);opacity:.25}.cistern-item[style*="width: 22%"] .cistern-background-icon,.cistern-item[style*="width: 24%"] .cistern-background-icon{font-size:clamp(3rem,7vw,5.5rem);opacity:.2}.cistern-item[style*="width: 26%"] .cistern-background-icon,.cistern-item[style*="width: 28%"] .cistern-background-icon{font-size:clamp(3.5rem,8vw,6rem);opacity:.18}.cistern-item[style*="width: 30%"] .cistern-background-icon,.cistern-item[style*="width: 32%"] .cistern-background-icon{font-size:clamp(4rem,9vw,7rem);opacity:.16}.cistern-item[style*="width: 34%"] .cistern-background-icon,.cistern-item[style*="width: 36%"] .cistern-background-icon{font-size:clamp(4.5rem,10vw,8rem);opacity:.14}.cistern-item[style*="width: 38%"] .cistern-background-icon,.cistern-item[style*="width: 40%"] .cistern-background-icon{font-size:clamp(5rem,11vw,9rem);opacity:.12}.cistern-item[style*="width: 8%"]:hover .cistern-background-icon,.cistern-item[style*="width: 10%"]:hover .cistern-background-icon,.cistern-item[style*="width: 12%"]:hover .cistern-background-icon{opacity:.6}.cistern-item[style*="width: 14%"]:hover .cistern-background-icon,.cistern-item[style*="width: 16%"]:hover .cistern-background-icon{opacity:.5}.cistern-item[style*="width: 18%"]:hover .cistern-background-icon,.cistern-item[style*="width: 20%"]:hover .cistern-background-icon{opacity:.4}.cistern-item[style*="width: 22%"]:hover .cistern-background-icon,.cistern-item[style*="width: 24%"]:hover .cistern-background-icon{opacity:.35}.cistern-item[style*="width: 26%"]:hover .cistern-background-icon,.cistern-item[style*="width: 28%"]:hover .cistern-background-icon{opacity:.3}.cistern-item[style*="width: 30%"]:hover .cistern-background-icon,.cistern-item[style*="width: 32%"]:hover .cistern-background-icon{opacity:.28}.cistern-item[style*="width: 34%"]:hover .cistern-background-icon,.cistern-item[style*="width: 36%"]:hover .cistern-background-icon{opacity:.26}.cistern-item[style*="width: 38%"]:hover .cistern-background-icon,.cistern-item[style*="width: 40%"]:hover .cistern-background-icon{opacity:.24}.cistern-item[style*="width: 8%"] .cistern-controls,.cistern-item[style*="width: 10%"] .cistern-controls,.cistern-item[style*="width: 12%"] .cistern-controls,.cistern-item[style*="width: 14%"] .cistern-controls,.cistern-item[style*="width: 16%"] .cistern-controls{top:-25px;right:-25px;gap:2px}.cistern-item[style*="width: 8%"] .minimize-btn,.cistern-item[style*="width: 8%"] .operations-btn,.cistern-item[style*="width: 10%"] .minimize-btn,.cistern-item[style*="width: 10%"] .operations-btn,.cistern-item[style*="width: 12%"] .minimize-btn,.cistern-item[style*="width: 12%"] .operations-btn,.cistern-item[style*="width: 14%"] .minimize-btn,.cistern-item[style*="width: 14%"] .operations-btn,.cistern-item[style*="width: 16%"] .minimize-btn,.cistern-item[style*="width: 16%"] .operations-btn{width:16px;height:16px;font-size:8px}.cistern-item[style*="width: 18%"] .cistern-controls,.cistern-item[style*="width: 20%"] .cistern-controls,.cistern-item[style*="width: 22%"] .cistern-controls,.cistern-item[style*="width: 24%"] .cistern-controls,.cistern-item[style*="width: 26%"] .cistern-controls,.cistern-item[style*="width: 28%"] .cistern-controls{top:-32px;right:-32px;gap:3px}.cistern-item[style*="width: 18%"] .minimize-btn,.cistern-item[style*="width: 18%"] .operations-btn,.cistern-item[style*="width: 20%"] .minimize-btn,.cistern-item[style*="width: 20%"] .operations-btn,.cistern-item[style*="width: 22%"] .minimize-btn,.cistern-item[style*="width: 22%"] .operations-btn,.cistern-item[style*="width: 24%"] .minimize-btn,.cistern-item[style*="width: 24%"] .operations-btn,.cistern-item[style*="width: 26%"] .minimize-btn,.cistern-item[style*="width: 26%"] .operations-btn,.cistern-item[style*="width: 28%"] .minimize-btn,.cistern-item[style*="width: 28%"] .operations-btn{width:18px;height:18px;font-size:9px}.cistern-item[style*="width: 30%"] .cistern-controls,.cistern-item[style*="width: 32%"] .cistern-controls,.cistern-item[style*="width: 34%"] .cistern-controls,.cistern-item[style*="width: 36%"] .cistern-controls{top:-36px;right:-36px;gap:3px}.cistern-item[style*="width: 30%"] .minimize-btn,.cistern-item[style*="width: 30%"] .operations-btn,.cistern-item[style*="width: 32%"] .minimize-btn,.cistern-item[style*="width: 32%"] .operations-btn,.cistern-item[style*="width: 34%"] .minimize-btn,.cistern-item[style*="width: 34%"] .operations-btn,.cistern-item[style*="width: 36%"] .minimize-btn,.cistern-item[style*="width: 36%"] .operations-btn{width:19px;height:19px;font-size:10px}.cistern-item[style*="width: 38%"] .cistern-controls,.cistern-item[style*="width: 40%"] .cistern-controls{top:-40px;right:-40px;gap:4px}.cistern-item[style*="width: 38%"] .minimize-btn,.cistern-item[style*="width: 38%"] .operations-btn,.cistern-item[style*="width: 40%"] .minimize-btn,.cistern-item[style*="width: 40%"] .operations-btn{width:20px;height:20px;font-size:10px}.cistern-progress-background{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 50%,transparent 100%);z-index:2;pointer-events:none}.wine-fill{position:absolute;bottom:0;left:0;right:0;background-color:#dc2626!important;transition:height var(--transition-slow) cubic-bezier(.4,0,.2,1);z-index:0;overflow:hidden;border-radius:0 0 8px 8px;border:none;outline:none}.cistern-item.resizing .wine-fill{transition:none!important}.wine-fill.liquid-filling{transition:height 1.2s ease-out;animation:liquidFill 1.2s ease-out}.wine-fill.liquid-removing{transition:height 1.2s ease-out;animation:liquidRemove 1.2s ease-out}.wine-fill.liquid-transferring{transition:height 1.2s ease-out;animation:liquidTransfer 1.2s ease-out}@keyframes liquidFill{0%{transform:scaleY(.95)}to{transform:scaleY(1)}}@keyframes liquidRemove{0%{transform:scaleY(1.05)}to{transform:scaleY(1)}}@keyframes liquidTransfer{0%{transform:scaleY(.98)}50%{transform:scaleY(1.02)}to{transform:scaleY(1)}}.liquid-surface{position:absolute;top:0;left:0;right:0;height:20px;overflow:hidden}.wave{position:absolute;top:0;left:0;right:0;height:100%;background:inherit;border-radius:50% 50% 0 0;animation:waveMotion 3s ease-in-out infinite}.wave-1{animation-delay:0s;opacity:.8}.wave-2{animation-delay:1s;opacity:.6}.wave-3{animation-delay:2s;opacity:.4}@keyframes waveMotion{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.resize-handle{position:absolute;background:#dc262666;border:1px solid rgba(255,255,255,.2);pointer-events:auto;transition:all .15s ease-out;z-index:20;border-radius:3px;box-shadow:0 1px 4px #0000001a}.resize-handle:hover{background:#dc262699;transform:scale(1.05);box-shadow:0 2px 8px #0003}.resize-handle.right{top:50%;right:-3px;width:6px;height:40px;transform:translateY(-50%);cursor:col-resize}.resize-handle.bottom{left:50%;bottom:-3px;width:40px;height:6px;transform:translate(-50%);cursor:row-resize}.resize-handle.corner{bottom:-4px;right:-4px;width:16px;height:16px;cursor:nwse-resize;border-radius:0 0 6px}.size-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;z-index:30;pointer-events:none;white-space:nowrap;box-shadow:0 2px 6px #0003;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cistern-content{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;padding:.5rem;pointer-events:none}.cistern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;pointer-events:auto;border-bottom:transparent}.cistern-name{font-size:.75rem;font-weight:600;color:var(--color-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);max-width:60%;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.cistern-info{margin-top:auto;pointer-events:auto}.volume-info{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.25rem}.current-volume{font-size:.875rem;font-weight:700;color:var(--color-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.capacity{font-size:.625rem;color:var(--color-text-muted);text-shadow:1px 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.fill-percentage{font-size:.625rem;color:var(--color-text-muted);text-shadow:1px 1px 2px rgba(0,0,0,.8);margin-bottom:.25rem}.wine-info{display:flex;align-items:center;gap:.25rem;font-size:.625rem;color:var(--color-text-muted);text-shadow:1px 1px 2px rgba(0,0,0,.8);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wine-icon{color:var(--color-primary);font-size:.5rem;flex-shrink:0}.cistern-drag-area.transfer-mode-active{position:relative}.cistern-drag-area.transfer-mode-active:before{content:"";position:fixed;inset:0;background:#0000001a;z-index:40;pointer-events:none}.transfer-mode-active .cistern-item:not(.transfer-selectable):not(.transfer-source){opacity:.7;filter:grayscale(30%);pointer-events:none}.cistern-item.transfer-selectable{cursor:pointer;transition:all .2s ease;z-index:45}.cistern-item.transfer-selectable:hover{transform:translateY(-2px);filter:brightness(1.1)}.cistern-item.transfer-selectable .cistern-container{border:none;transition:all .2s ease}.cistern-item.transfer-selectable:hover .cistern-container{border:none;box-shadow:0 0 15px #dc262633}.cistern-item.transfer-source{z-index:45;position:relative}.cistern-item.transfer-source .cistern-container{border:none;box-shadow:0 0 20px #dc26264d}.transfer-selection-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:.75rem;border-radius:.5rem;text-align:center;color:#fff;font-size:.875rem;z-index:46;pointer-events:none;opacity:0;transition:opacity .2s ease;white-space:nowrap}.cistern-item.transfer-selectable:hover .transfer-selection-indicator{opacity:1}.transfer-mode-instructions{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;z-index:45;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 6px #0000001a;pointer-events:none}.transfer-mode-instructions .transfer-icon{margin-right:.5rem;color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transfer-mode-active *{animation:fadeIn .3s ease forwards}@media(max-width:768px){.cistern-item[style*="width: 120px"] .cistern-header,.cistern-item[style*="width: 100px"] .cistern-header{flex-direction:column;gap:.25rem;align-items:flex-start}.cistern-item[style*="width: 120px"] .cistern-name,.cistern-item[style*="width: 100px"] .cistern-name{font-size:.625rem;max-width:100%}.minimize-btn,.operations-btn{width:16px;height:16px;font-size:8px}.resize-handle.right,.resize-handle.bottom{width:8px;height:8px}.resize-handle.corner{width:12px;height:12px}.cistern-controls{top:-20px!important;right:-20px!important;gap:2px!important}.cistern-item[style*="width: 8%"] .minimize-btn,.cistern-item[style*="width: 8%"] .operations-btn,.cistern-item[style*="width: 10%"] .minimize-btn,.cistern-item[style*="width: 10%"] .operations-btn,.cistern-item[style*="width: 12%"] .minimize-btn,.cistern-item[style*="width: 12%"] .operations-btn,.cistern-item[style*="width: 14%"] .minimize-btn,.cistern-item[style*="width: 14%"] .operations-btn,.cistern-item[style*="width: 16%"] .minimize-btn,.cistern-item[style*="width: 16%"] .operations-btn,.cistern-item[style*="width: 18%"] .minimize-btn,.cistern-item[style*="width: 18%"] .operations-btn,.cistern-item[style*="width: 20%"] .minimize-btn,.cistern-item[style*="width: 20%"] .operations-btn,.cistern-item[style*="width: 22%"] .minimize-btn,.cistern-item[style*="width: 22%"] .operations-btn,.cistern-item[style*="width: 24%"] .minimize-btn,.cistern-item[style*="width: 24%"] .operations-btn,.cistern-item[style*="width: 26%"] .minimize-btn,.cistern-item[style*="width: 26%"] .operations-btn,.cistern-item[style*="width: 28%"] .minimize-btn,.cistern-item[style*="width: 28%"] .operations-btn,.cistern-item[style*="width: 30%"] .minimize-btn,.cistern-item[style*="width: 30%"] .operations-btn,.cistern-item[style*="width: 32%"] .minimize-btn,.cistern-item[style*="width: 32%"] .operations-btn,.cistern-item[style*="width: 34%"] .minimize-btn,.cistern-item[style*="width: 34%"] .operations-btn,.cistern-item[style*="width: 36%"] .minimize-btn,.cistern-item[style*="width: 36%"] .operations-btn,.cistern-item[style*="width: 38%"] .minimize-btn,.cistern-item[style*="width: 38%"] .operations-btn,.cistern-item[style*="width: 40%"] .minimize-btn,.cistern-item[style*="width: 40%"] .operations-btn{width:14px!important;height:14px!important;font-size:7px!important}}.cistern-item.position-saved{transition:all .3s ease;box-shadow:0 0 15px #10b98180;animation:positionSavedPulse .5s ease-out}@keyframes positionSavedPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.wave.animate-wave{animation:waveMotion 2s ease-in-out infinite}.wave-1.animate-wave{animation-delay:0s}.wave-2.animate-wave{animation-delay:.5s}.wave-3.animate-wave{animation-delay:1s}@keyframes waveMotion{0%,to{transform:translate(0) scaleY(1)}25%{transform:translate(5px) scaleY(1.1)}50%{transform:translate(10px) scaleY(.9)}75%{transform:translate(5px) scaleY(1.1)}}.operations-menu{position:fixed!important;top:var(--menu-top)!important;left:var(--menu-left)!important;background:#111827f2!important;border:1px solid rgba(75,85,99,.4)!important;border-radius:8px!important;padding:.5rem!important;min-width:160px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:999999999!important;transform-origin:top right!important;animation:dropdownSlideIn .2s ease-out!important;pointer-events:auto!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.operation-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.5rem .75rem!important;width:100%!important;background:transparent!important;border:none!important;color:#e5e7eb!important;cursor:pointer!important;transition:all .2s ease!important;border-radius:6px!important}.operation-item:last-of-type{border-bottom:none!important}.operation-item:hover:not(.disabled){background:#ffffff1a!important}.operation-item.disabled{opacity:.5!important;cursor:not-allowed!important}.operation-item.fill:hover:not(.disabled){background:#3b82f61a!important;color:var(--color-info, #3b82f6)!important}.operation-item.transfer:hover:not(.disabled){background:#10b9811a!important;color:var(--color-success, #10b981)!important}.operation-item.bottle:hover:not(.disabled){background:#a855f71a!important;color:#a855f7!important}.operation-item.remove:hover:not(.disabled){background:#ef44441a!important;color:var(--color-error, #ef4444)!important}.operation-icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;color:currentColor!important}.operation-title{font-size:.875rem!important;font-weight:500!important;flex:1!important;white-space:nowrap!important}.operations-divider{height:1px!important;background:#4b556333!important;margin:4px 0!important}.operation-close{position:absolute!important;top:-8px!important;right:-8px!important;background:#374151!important;border:none!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#9ca3af!important;cursor:pointer!important;transition:all .2s ease!important}.operation-close:hover{background:#4b5563!important;color:#f3f4f6!important}@media(max-width:768px){.operations-menu{min-width:160px!important}.operation-item{padding:6px 12px!important;font-size:.8125rem!important}.operation-icon-wrapper{width:20px!important;height:20px!important}}@media(max-width:480px){.operations-menu{min-width:140px!important}.operation-item{padding:6px 10px!important;font-size:.75rem!important}.operation-icon-wrapper{width:18px!important;height:18px!important}.operation-title{font-size:.75rem!important}}.modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999999!important;padding:1rem!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;overflow:hidden!important}.modal-container{background:#232323!important;border:1px solid #374151!important;border-radius:.75rem!important;box-shadow:0 25px 50px -12px #00000040!important;max-width:28rem!important;width:100%!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;animation:modalSlideIn .3s ease-out!important;position:relative!important;z-index:999999999!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;margin:auto!important}body .modal-backdrop,html .modal-backdrop,#root .modal-backdrop,div .modal-backdrop{position:fixed!important;inset:0!important;z-index:999999999!important;display:flex!important;align-items:center!important;justify-content:center!important}body .modal-container,html .modal-container,#root .modal-container,div .modal-container{position:relative!important;z-index:999999999!important;display:flex!important;flex-direction:column!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .15s;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.modal-close-btn:hover{background:#ef44441a;color:#ef4444}.modal-header{background-color:#dc2626;display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #374151}.modal-header h4,.modal-header h3{margin:0;color:#f9fafb;font-size:1.125rem;font-weight:600}.modal-body{padding:1rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;border-top:1px solid #374151;background:#111827;border-radius:0 0 .75rem .75rem}.modal-title{display:flex;align-items:center;gap:.75rem}.modal-icon{color:#ef4444;font-size:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;color:#e5e7eb;font-weight:500;font-size:.875rem}.form-input{width:100%;padding:.5rem .75rem;background:#2d2d2d;border:1px solid #374151;border-radius:.5rem;color:#f9fafb;font-size:.875rem;transition:border-color .15s}.form-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.form-select{width:100%;padding:.5rem .75rem;background:#2d2d2d;border:1px solid #374151;border-radius:.5rem;color:#f9fafb;font-size:.875rem;transition:border-color .15s;cursor:pointer}.form-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.form-select.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.btn-primary,.btn-secondary,.btn-danger{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.5rem;text-decoration:none;justify-content:center;min-width:80px}.btn-primary{background:#ef4444;color:#fff}.btn-primary:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-primary:disabled{background:#6b7280;cursor:not-allowed;transform:none}.btn-secondary{background:#373737;color:#f9fafb;border:1px solid #4b5563}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#ef4444;color:#ef4444}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.error-message{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.75rem;margin-top:.25rem;padding:.5rem;background:#ef44441a;border-radius:.375rem;border-left:3px solid #ef4444}.error-message.submit-error{margin-top:.75rem;padding:.75rem;font-weight:500;font-size:.875rem}.warning-content{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f59e0b1a;border-radius:.5rem;border-left:4px solid #f59e0b}.warning-icon{color:#f59e0b;font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.warning-text p{margin:0;color:#f9fafb;line-height:1.5;font-size:.875rem}.warning-note{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.form-section{margin-bottom:1.5rem}.form-section h4{color:#f9fafb;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid #374151}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.form-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:.75rem;border-top:1px solid #374151}@media(max-width:768px){.modal-container{max-width:95vw;max-height:95vh;margin:.5rem}.modal-body{padding:.75rem}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media(max-width:480px){.modal-backdrop{padding:.5rem}.modal-container{max-width:98vw;max-height:98vh}.modal-header{padding:.75rem}.modal-body{padding:.5rem}.modal-footer{padding:.75rem}.modal-header h3{font-size:1rem}.form-section h4{font-size:.875rem}.warning-content{flex-direction:column;text-align:center}}.room-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:10000}.room-modal-container .modal-content{background:var(--color-background-light);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:1.5rem;border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.room-modal-container .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.room-modal-container .modal-header h2{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0}.room-modal-container .modal-header button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}.room-modal-container .modal-header button:hover{color:var(--color-primary)}.room-modal-container .modal-body{margin-bottom:1.5rem}.room-modal-container .form-input{width:100%;padding:.75rem;background:#2d2d2d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem}.room-modal-container .modal-footer{display:flex;justify-content:flex-end;gap:1rem}.room-modal-container .btn-secondary,.room-modal-container .btn-primary{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-normal)}.room-modal-container .btn-secondary{background:#373737;color:var(--color-text);border:1px solid var(--color-border)}.room-modal-container .btn-secondary:hover{background:var(--color-background);border-color:var(--color-primary)}.room-modal-container .btn-primary{background:var(--color-primary);color:#fff;border:none}.room-modal-container .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.type-option{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.type-option:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.type-option.selected{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.transfer-handler{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;max-width:600px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;position:relative;z-index:999999999;pointer-events:auto;visibility:visible;opacity:1;margin:auto;filter:drop-shadow(0 0 20px rgba(229,62,62,.5))}.transfer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border);background:#0000001a}.transfer-title{display:flex;align-items:center;gap:.75rem}.transfer-icon{color:var(--color-primary);font-size:1.25rem}.transfer-title h3{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.transfer-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:1.125rem}.transfer-close-btn:hover{background:#ef44441a;color:var(--color-error)}.transfer-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.source-cistern-info{flex-shrink:0}.source-cistern-info h4{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.cistern-info-card{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.cistern-info-card .cistern-name{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.cistern-info-card .cistern-details{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.cistern-info-card .current-amount{font-weight:600;color:var(--color-primary)}.cistern-info-card .capacity{color:var(--color-text-muted)}.cistern-info-card .wine-info{font-size:.875rem;color:var(--color-text-muted)}.transfer-amount-section{flex-shrink:0}.transfer-amount-section h4{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.amount-input-group{display:flex;align-items:center;gap:.5rem}.amount-input{flex:1;padding:.75rem;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;transition:border-color var(--transition-normal)}.amount-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #dc26261a}.amount-input::-moz-placeholder{color:var(--color-text-muted)}.amount-input::placeholder{color:var(--color-text-muted)}.unit{color:var(--color-text-muted);font-weight:500;min-width:20px}.destination-selection{flex:1;display:flex;flex-direction:column;min-height:0}.destination-selection h4{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:1rem;flex-shrink:0}.destination-cisterns{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.destination-cistern{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative}.destination-cistern:hover{border-color:var(--color-primary);background:#dc26260d}.destination-cistern.selected{border-color:var(--color-primary);background:#dc26261a;box-shadow:0 0 0 1px var(--color-primary)}.destination-cistern .cistern-info{flex:1}.destination-cistern .cistern-name{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.destination-cistern .cistern-details{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.destination-cistern .current-amount{font-weight:600;color:var(--color-primary)}.destination-cistern .capacity{color:var(--color-text-muted)}.destination-cistern .wine-info{font-size:.875rem;color:var(--color-text-muted)}.selection-check{color:var(--color-primary);font-size:1.125rem;margin-left:1rem}.no-destinations{text-align:center;padding:2rem;color:var(--color-text-muted);background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--radius-md)}.transfer-error{display:flex;align-items:center;gap:.5rem;color:var(--color-error);font-size:.875rem;margin-bottom:1rem;padding:.75rem;background:#ef44441a;border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}.transfer-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--color-border);background:#0000001a;flex-shrink:0}.transfer-actions button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:center}.transfer-actions .btn-secondary{background:var(--color-background-light);color:var(--color-text);border:1px solid var(--color-border)}.transfer-actions .btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.transfer-actions .btn-primary{background:var(--color-primary);color:#fff}.transfer-actions .btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.transfer-actions .btn-primary:disabled{background:var(--color-border);cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.transfer-handler{margin:1rem;max-width:none}.transfer-content{padding:1rem}.destination-cisterns{max-height:250px}.transfer-actions{flex-direction:column}.transfer-actions button{width:100%}}@media(max-width:480px){.transfer-header{padding:1rem}.transfer-title h3{font-size:1.125rem}.transfer-content,.destination-cistern{padding:.75rem}.destination-cistern .cistern-name{font-size:.875rem}}.auth-modal-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#0006;width:100vw;height:100vh}.auth-modal-container{background-color:#232323;border:2px solid black;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a;width:100%;max-width:28rem;margin:0 auto;max-height:85vh;overflow-y:auto}.auth-modal-container-large{max-width:42rem;max-height:90vh;overflow-y:auto}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid black;background-color:#dc2626;color:#fff;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.auth-modal-login-required{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:#dc2626;color:#fff;border-bottom:1px solid black;font-weight:500;text-align:center}.auth-modal-login-required .auth-modal-warning-icon{color:#fff;font-size:1rem;flex-shrink:0}.auth-modal-security-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:#22c55e;color:#fff;border-bottom:1px solid black;font-weight:500;text-align:center}.auth-modal-security-status .auth-modal-security-icon{color:#fff;font-size:1rem;flex-shrink:0}.auth-modal-security-warnings{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background-color:#fcdcdc;border-bottom:1px solid rgb(180,20,20)}.auth-modal-security-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#641414;font-size:.875rem;text-align:center}.auth-modal-security-warning .auth-modal-warning-icon{color:#dc2626;font-size:.875rem;flex-shrink:0}.auth-modal-blocked-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:#641414;color:#fff;border-bottom:1px solid black;text-align:center}.auth-modal-blocked-status .auth-modal-blocked-icon{color:#fff;font-size:1rem;flex-shrink:0}.auth-modal-blocked-timer{font-size:.875rem;font-weight:600;color:#fcdcdc}.auth-modal-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:#fff;margin:0}.auth-modal-close{color:#fff;transition:color .15s ease-in-out;background:none;border:none;cursor:pointer;padding:.25rem}.auth-modal-close:hover{color:#dc2626}.auth-modal-form{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.auth-modal-form-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:768px){.auth-modal-form-grid{grid-template-columns:1fr 1fr}}.auth-modal-form-compact{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.auth-modal-form-compact{grid-template-columns:1fr 1fr}}.auth-modal-form-field{color:#000;display:flex;flex-direction:column}.auth-modal-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.auth-modal-label-icon{color:#dc2626;font-size:.875rem}.auth-modal-input{width:100%;padding:.5rem .75rem;border:1px solid rgb(0,0,0);border-radius:.25rem;outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;background-color:#000!important;color:#fff!important}.auth-modal-backdrop .auth-modal-container .auth-modal-input,.auth-modal-backdrop .auth-modal-container input.auth-modal-input,.auth-modal-backdrop .auth-modal-container input[type=email],.auth-modal-backdrop .auth-modal-container input[type=password],.auth-modal-backdrop .auth-modal-container input[type=text],.auth-modal-backdrop .auth-modal-container input[type=tel],.auth-modal-backdrop .auth-modal-container input[type=url],.auth-modal-backdrop .auth-modal-container input[type=number]{background-color:#000!important;color:#fff!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.auth-modal-input:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262640;background-color:#000!important;color:#fff!important}.auth-modal-backdrop .auth-modal-container .auth-modal-input:focus,.auth-modal-backdrop .auth-modal-container input.auth-modal-input:focus,.auth-modal-backdrop .auth-modal-container input[type=email]:focus,.auth-modal-backdrop .auth-modal-container input[type=password]:focus,.auth-modal-backdrop .auth-modal-container input[type=text]:focus,.auth-modal-backdrop .auth-modal-container input[type=tel]:focus,.auth-modal-backdrop .auth-modal-container input[type=url]:focus,.auth-modal-backdrop .auth-modal-container input[type=number]:focus{background-color:#000!important;color:#fff!important}.auth-modal-input-error{border-color:#dc2626}.auth-modal-input-password{padding-right:2.5rem}.auth-modal-password-container{position:relative}.auth-modal-password-toggle{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .15s ease-in-out;z-index:10}.auth-modal-password-toggle:hover{color:#4b5563}.auth-modal-password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-modal-error{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:#dc2626}.auth-modal-help-text{margin-top:.25rem;font-size:.75rem;line-height:1rem;color:#fff}.auth-modal-error-container{background-color:#fcdcdc;border:1px solid rgb(180,20,20);border-radius:.25rem;padding:.75rem}.auth-modal-error-text{font-size:.875rem;line-height:1.25rem;color:#641414}.auth-modal-submit-btn{width:100%;background-color:#dc2626;color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:1px solid rgb(220,38,38);outline:none;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center;font-weight:500;cursor:pointer}.auth-modal-submit-btn:hover{background-color:#b41414;border-color:#b41414}.auth-modal-submit-btn:focus{box-shadow:0 0 0 2px #dc262640}.auth-modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal-submit-btn-loading{display:flex;align-items:center;gap:.5rem}.auth-modal-spinner{animation:spin 1s linear infinite;margin-right:.5rem}.auth-modal-footer{padding:1rem;border-top:1px solid black;background-color:#000;border-radius:0 0 .25rem .25rem}.auth-modal-footer-text{background-color:#000;font-size:.875rem;line-height:1.25rem;color:#fff;text-align:center}.auth-modal-switch-btn{color:#dc2626;background:none;border:none;font-weight:500;cursor:pointer;transition:color .15s ease-in-out}.auth-modal-switch-btn:hover{color:#b41414}.auth-modal-switch-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal-optional-section{display:flex;flex-direction:column;gap:1rem}.auth-modal-optional-header{font-size:.875rem;line-height:1.25rem;font-weight:500;color:#fff;border-top:1px solid rgb(229 231 235);padding-top:1rem}.auth-modal-textarea{width:100%;padding:.5rem .75rem;border:1px solid rgb(209 213 219);border-radius:.375rem;outline:none;transition:all .15s ease-in-out;resize:vertical;min-height:6rem}.auth-modal-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef4444}@media(max-width:640px){.auth-modal-backdrop{padding:.5rem}.auth-modal-container{max-width:none;margin:0}.auth-modal-container-large{max-height:95vh}.auth-modal-form-grid{grid-template-columns:1fr}.auth-modal-header,.auth-modal-form,.auth-modal-footer{padding:1rem}}.auth-modal-close:focus,.auth-modal-password-toggle:focus,.auth-modal-switch-btn:focus{outline:2px solid rgb(239 68 68);outline-offset:2px}@media(prefers-contrast:high){.auth-modal-backdrop{background-color:#000c}.auth-modal-container{border:2px solid rgb(17 24 39)}.auth-modal-input{border-width:2px}.auth-modal-submit-btn{border:2px solid rgb(220 38 38)}}@media(prefers-reduced-motion:reduce){.auth-modal-backdrop,.auth-modal-container,.auth-modal-input,.auth-modal-submit-btn,.auth-modal-close,.auth-modal-password-toggle,.auth-modal-switch-btn{transition:none}.auth-modal-spinner{animation:none}}.auth-modal-backdrop .auth-modal-container form .auth-modal-form-field .auth-modal-input,.auth-modal-backdrop .auth-modal-container form .auth-modal-form-field input,.auth-modal-backdrop .auth-modal-container form input[type=email],.auth-modal-backdrop .auth-modal-container form input[type=password],.auth-modal-backdrop .auth-modal-container form input[type=text],.auth-modal-backdrop .auth-modal-container form input[type=tel],.auth-modal-backdrop .auth-modal-container form input[type=url],.auth-modal-backdrop .auth-modal-container form input[type=number],.auth-modal-backdrop input,.auth-modal-container input,.auth-modal-form input{background-color:#000!important;color:#fff!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.auth-modal-backdrop input,.auth-modal-container input,.auth-modal-form input,.auth-modal-backdrop .auth-modal-input,.auth-modal-container .auth-modal-input,.auth-modal-form .auth-modal-input{background-color:#000!important;color:#fff!important;transition:none!important;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important}.auth-modal-backdrop input:-webkit-autofill,.auth-modal-container input:-webkit-autofill,.auth-modal-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px black inset!important;-webkit-text-fill-color:white!important;background-color:#000!important;color:#fff!important}.auth-modal-backdrop input:-webkit-autofill:focus,.auth-modal-container input:-webkit-autofill:focus,.auth-modal-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px black inset!important;-webkit-text-fill-color:white!important;background-color:#000!important;color:#fff!important}.auth-modal-backdrop input,.auth-modal-container input,.auth-modal-form input{--input-bg: black !important;--input-color: white !important;background-color:var(--input-bg)!important;color:var(--input-color)!important}.auth-modal-backdrop input[style*=background],.auth-modal-container input[style*=background],.auth-modal-form input[style*=background]{background-color:#000!important;color:#fff!important}.user-loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#111827}.user-loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;height:4rem;width:4rem;border-bottom:2px solid rgb(220 38 38);margin:0 auto;margin-bottom:1rem}.user-loading-text{color:#fff;font-size:1.125rem;line-height:1.75rem}.user-btn{padding:.5rem 1rem;border-radius:.375rem;border:none;outline:none;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center;font-weight:500;cursor:pointer;text-decoration:none}.user-btn-primary{background-color:#dc2626;color:#fff}.user-btn-primary:hover{background-color:#b91c1c}.user-btn-secondary{background-color:#4b5563;color:#fff}.user-btn-secondary:hover{background-color:#374151}.user-btn-success{background-color:#16a34a;color:#fff}.user-btn-success:hover{background-color:#15803d}.user-btn:disabled{opacity:.5;cursor:not-allowed}.user-form-field{display:flex;flex-direction:column;margin-bottom:1rem}.user-form-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#374151;margin-bottom:.5rem}.user-form-input{width:100%;padding:.5rem .75rem;border:1px solid rgb(209 213 219);border-radius:.375rem;outline:none;transition:all .15s ease-in-out}.user-form-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef4444}.user-form-input-error{border-color:#fca5a5}.user-error{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:#dc2626}.user-error-container{background-color:#fef2f2;border:1px solid rgb(254 202 202);border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.user-error-text{font-size:.875rem;line-height:1.25rem;color:#dc2626}.user-success{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;color:#16a34a}.user-success-container{background-color:#f0fdf4;border:1px solid rgb(187 247 208);border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.user-success-text{font-size:.875rem;line-height:1.25rem;color:#16a34a}.user-grid,.user-grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.user-grid-2{grid-template-columns:1fr 1fr}}.user-space-y>*+*{margin-top:1rem}.user-space-y-2>*+*{margin-top:.5rem}.user-space-y-4>*+*{margin-top:1rem}.user-space-y-6>*+*{margin-top:1.5rem}.user-text-sm{font-size:.875rem;line-height:1.25rem}.user-text-base{font-size:1rem;line-height:1.5rem}.user-text-lg{font-size:1.125rem;line-height:1.75rem}.user-text-xl{font-size:1.25rem;line-height:1.75rem}.user-text-2xl{font-size:1.5rem;line-height:2rem}.user-font-medium{font-weight:500}.user-font-semibold{font-weight:600}.user-font-bold{font-weight:700}.user-text-gray-300{color:#d1d5db}.user-text-gray-600{color:#4b5563}.user-text-gray-700{color:#374151}.user-text-gray-900{color:#111827}.user-text-red-500{color:#ef4444}.user-text-red-600{color:#dc2626}.user-text-white{color:#fff}.user-bg-gray-50{background-color:#f9fafb}.user-bg-gray-700{background-color:#374151}.user-bg-gray-800{background-color:#1f2937}.user-bg-gray-900{background-color:#111827}.user-bg-red-600{background-color:#dc2626}.user-border{border:1px solid rgb(209 213 219)}.user-border-gray-200{border:1px solid rgb(229 231 235)}.user-border-gray-600{border:1px solid rgb(75 85 99)}.user-border-gray-700{border:1px solid rgb(55 65 81)}.user-border-red-200{border:1px solid rgb(254 202 202)}.user-border-red-300{border:1px solid rgb(252 165 165)}.user-rounded{border-radius:.375rem}.user-rounded-lg{border-radius:.5rem}.user-rounded-full{border-radius:9999px}.user-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.user-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.user-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.user-shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.user-flex{display:flex}.user-flex-col{flex-direction:column}.user-items-center{align-items:center}.user-justify-center{justify-content:center}.user-justify-between{justify-content:space-between}.user-gap-2{gap:.5rem}.user-gap-4{gap:1rem}.user-space-x-2>*+*{margin-left:.5rem}.user-space-x-4>*+*{margin-left:1rem}.user-p-4{padding:1rem}.user-p-6{padding:1.5rem}.user-px-4{padding-left:1rem;padding-right:1rem}.user-px-6{padding-left:1.5rem;padding-right:1.5rem}.user-py-2{padding-top:.5rem;padding-bottom:.5rem}.user-py-4{padding-top:1rem;padding-bottom:1rem}.user-py-8{padding-top:2rem;padding-bottom:2rem}.user-m-0{margin:0}.user-mb-2{margin-bottom:.5rem}.user-mb-4{margin-bottom:1rem}.user-mb-6{margin-bottom:1.5rem}.user-mb-8{margin-bottom:2rem}.user-mt-1{margin-top:.25rem}.user-mt-4{margin-top:1rem}.user-mt-6{margin-top:1.5rem}.user-mx-auto{margin-left:auto;margin-right:auto}.user-w-full{width:100%}.user-max-w-md{max-width:28rem}.user-max-w-lg{max-width:32rem}.user-max-w-xl{max-width:36rem}.user-max-w-2xl{max-width:42rem}.user-max-w-4xl{max-width:56rem}.user-min-h-screen{min-height:100vh}.user-relative{position:relative}.user-absolute{position:absolute}.user-fixed{position:fixed}.user-inset-0{inset:0}.user-z-50{z-index:50}.user-z-999999{z-index:999999}.user-transition{transition:all .15s ease-in-out}.user-transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.user-focus\:outline-none:focus{outline:none}.user-focus\:ring-2:focus{box-shadow:0 0 0 2px #ef4444}.user-focus\:ring-red-500:focus{box-shadow:0 0 0 2px #ef4444}.user-hover\:bg-red-700:hover{background-color:#b91c1c}.user-hover\:bg-gray-700:hover{background-color:#374151}.user-hover\:text-gray-600:hover{color:#4b5563}.user-hover\:text-red-700:hover{color:#b91c1c}.user-disabled\:opacity-50:disabled{opacity:.5}.user-disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@media(max-width:640px){.user-loading-spinner{height:3rem;width:3rem}.user-loading-text{font-size:1rem;line-height:1.5rem}.user-p-4{padding:.75rem}.user-p-6{padding:1rem}.user-px-4{padding-left:.75rem;padding-right:.75rem}.user-px-6{padding-left:1rem;padding-right:1rem}}@media(prefers-reduced-motion:reduce){.user-transition,.user-transition-colors{transition:none}.user-loading-spinner{animation:none}}@media(prefers-contrast:high){.user-border{border-width:2px}.user-btn{border:2px solid currentColor}}.user-profile-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#111827}.user-profile-loading-content{text-align:center}.user-profile-loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;height:4rem;width:4rem;border-bottom:2px solid rgb(220 38 38);margin:0 auto;margin-bottom:1rem}.user-profile-loading-text{color:#fff;font-size:1.125rem;line-height:1.75rem}.user-profile-container{min-height:100vh;background-color:#000;padding-top:6rem!important;padding:1rem 0 2rem}.user-profile-content{max-width:56rem;margin:0 auto;padding:0 1rem}.user-profile-header{background-color:#232323;border:2px solid black;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a;padding:1rem;margin-bottom:1rem}.user-profile-header-content{display:flex;align-items:center;justify-content:space-between}.user-profile-header-left{display:flex;align-items:center;gap:1rem}.user-profile-avatar{background-color:#dc2626;border-radius:9999px;padding:.75rem}.user-profile-avatar-icon{color:#fff;font-size:1.5rem;line-height:2rem}.user-profile-info h1{font-size:1.5rem;line-height:2rem;font-weight:700;color:#fff;margin:0}.user-profile-info p{color:#d1d5db;margin:0}.user-profile-header-actions{display:flex;gap:.5rem}.user-profile-btn{padding:.5rem 1rem;border-radius:.375rem;transition:background-color .15s ease-in-out;display:flex;align-items:center;gap:.5rem;font-weight:500;border:none;cursor:pointer}.user-profile-btn-primary{background-color:#dc2626;color:#fff;transition:all .2s ease-in-out;transform:scale(1)}.user-profile-btn-primary:hover{background-color:#b91c1c;transform:scale(1.05);box-shadow:0 0 20px #dc262699}.user-profile-btn-success{background-color:#16a34a;color:#fff}.user-profile-btn-success:hover{background-color:#15803d}.user-profile-btn-secondary{background-color:#4b5563;color:#fff}.user-profile-btn-secondary:hover{background-color:#374151}.user-profile-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-section{background-color:#232323;border:2px solid black;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a;padding:1rem;margin-bottom:1rem}.user-profile-section-header{font-size:1.25rem;line-height:1.75rem;font-weight:600;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgb(55 65 81)}.user-profile-section-icon{color:#dc2626}.user-profile-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.user-profile-grid{grid-template-columns:1fr 1fr}}.user-profile-subsection{display:flex;flex-direction:column;gap:.75rem}.user-profile-subsection-header{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:#fff;border-bottom:1px solid rgb(55 65 81);padding-bottom:.5rem;margin-bottom:.5rem}.user-profile-form-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.user-profile-form-grid{grid-template-columns:1fr 1fr}}.user-profile-form-field{display:flex;flex-direction:column;gap:.25rem}.user-profile-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#fff}.user-profile-label-icon{color:#dc2626;font-size:.875rem}.user-profile-input{width:100%;padding:.5rem .75rem;background-color:#000!important;color:#fff!important;border:1px solid rgb(0,0,0);border-radius:.375rem;outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.user-profile-input:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262640;background-color:#000!important;color:#fff!important}.user-profile-input-error{border-color:#fca5a5}.user-profile-input-password{padding-right:2.5rem}.user-profile-display-field{color:#fff;background-color:#000;padding:.5rem .75rem;border-radius:.375rem;min-height:2.5rem;display:flex;align-items:center;margin:0;border:1px solid rgb(0,0,0)}.user-profile-display-field-description{min-height:4.5rem}.user-profile-link{color:#f87171;text-decoration:none}.user-profile-link:hover{color:#fca5a5}.user-profile-password-container{position:relative}.user-profile-password-toggle{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;background:none;border:none;cursor:pointer;z-index:10}.user-profile-password-toggle:hover{color:#d1d5db}.user-profile-error{margin:0;font-size:.875rem;line-height:1.25rem;color:#f87171}.user-profile-error-container{margin-top:.5rem;background-color:#fcdcdc;border:1px solid rgb(180,20,20);border-radius:.375rem;padding:.75rem}.user-profile-error-text{font-size:.875rem;line-height:1.25rem;color:#641414;margin:0}.user-profile-description-section{margin-top:1rem}.user-profile-security-content{display:flex;flex-direction:column;gap:1rem}.user-profile-security-header{display:flex;align-items:center;justify-content:space-between}.user-profile-security-info h3{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:#fff;margin:0}.user-profile-security-info p{color:#d1d5db;font-size:.875rem;line-height:1.25rem;margin:.25rem 0 0}.user-profile-password-form{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid rgb(55 65 81);padding-top:1rem}.user-profile-password-actions{display:flex;justify-content:flex-end}@media(max-width:640px){.user-profile-content{padding:0 .5rem}.user-profile-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.user-profile-header-actions{width:100%;justify-content:flex-end}.user-profile-security-header{flex-direction:column;gap:1rem;align-items:flex-start}.user-profile-password-actions{justify-content:stretch}.user-profile-btn{width:100%;justify-content:center}}.user-profile-container .user-profile-input,.user-profile-container input.user-profile-input,.user-profile-container input[type=text],.user-profile-container input[type=email],.user-profile-container input[type=tel],.user-profile-container input[type=url],.user-profile-container input[type=number],.user-profile-container textarea{background-color:#000!important;color:#fff!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.user-profile-container .user-profile-input,.user-profile-container input.user-profile-input,.user-profile-container input[type=text],.user-profile-container input[type=email],.user-profile-container input[type=tel],.user-profile-container input[type=url],.user-profile-container input[type=number],.user-profile-container textarea{background-color:#000!important;color:#fff!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;-moz-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.user-profile-container input:-webkit-autofill,.user-profile-container input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px black inset!important;-webkit-text-fill-color:white!important;background-color:#000!important;color:#fff!important}.user-profile-container input,.user-profile-container textarea{--input-bg: black !important;--input-color: white !important;background-color:var(--input-bg)!important;color:var(--input-color)!important}.user-profile-container input[style*=background],.user-profile-container textarea[style*=background]{background-color:#000!important;color:#fff!important}.user-profile-container .user-profile-display-field,.user-profile-container .user-profile-display-field-description{background-color:#000!important;color:#fff!important;border:1px solid rgb(0,0,0)!important}.user-profile-container .user-profile-display-field[style*=background],.user-profile-container .user-profile-display-field-description[style*=background]{background-color:#000!important;color:#fff!important}.protected-route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000}.protected-route-loading-content{text-align:center}.protected-route-loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;height:4rem;width:4rem;border-bottom:2px solid rgb(220 38 38);margin:0 auto;margin-bottom:1rem}.protected-route-loading-text{color:#fff;font-size:1.125rem;line-height:1.75rem}@media(max-width:640px){.protected-route-loading-spinner{height:3rem;width:3rem}.protected-route-loading-text{font-size:1rem;line-height:1.5rem}}@media(prefers-reduced-motion:reduce){.protected-route-loading-spinner{animation:none}}.admin-user-warning{position:fixed;inset:0;background:#000c;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}.admin-user-warning-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 40px #0000004d}.admin-user-warning-icon{color:#f59e0b;font-size:48px;margin-bottom:20px}.admin-user-warning-text h3{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:16px}.admin-user-warning-text p{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:24px}.admin-user-warning-actions{display:flex;justify-content:center}.admin-user-warning-logout-btn{display:inline-flex;align-items:center;gap:8px;background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.admin-user-warning-logout-btn:hover{background:#b91c1c}.admin-user-warning-logout-btn:active{transform:translateY(1px)}@media(max-width:640px){.admin-user-warning{padding:16px}.admin-user-warning-content{padding:24px}.admin-user-warning-icon{font-size:40px}.admin-user-warning-text h3{font-size:20px}.admin-user-warning-text p{font-size:14px}}.login-confirm-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#000c;width:100vw;height:100vh}.login-confirm-container{background-color:#232323;border:2px solid rgb(34,197,94);border-radius:.5rem;box-shadow:0 10px 25px -5px #0000004d;width:100%;max-width:24rem;margin:0 auto;animation:loginConfirmSlideIn .3s ease-out}.login-confirm-content{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.login-confirm-icon{color:#22c55e;font-size:3rem;margin-bottom:.5rem;animation:loginConfirmBounce .6s ease-out}.login-confirm-text h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.login-confirm-text p{color:#9ca3af;font-size:1rem;margin:0}.login-confirm-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#9ca3af;font-size:.875rem;margin-top:.5rem}.login-confirm-spinner{animation:spin 1s linear infinite;color:#22c55e}@keyframes loginConfirmSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginConfirmBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.login-confirm-backdrop{padding:.5rem}.login-confirm-container{max-width:none;margin:0}.login-confirm-content{padding:1.5rem}.login-confirm-icon{font-size:2.5rem}.login-confirm-text h2{font-size:1.25rem}}.login-confirm-backdrop:focus{outline:none}@media(prefers-contrast:high){.login-confirm-backdrop{background-color:#000000e6}.login-confirm-container{border:3px solid rgb(34,197,94)}.login-confirm-text h2{color:#fff}.login-confirm-text p{color:#d1d5db}}@media(prefers-reduced-motion:reduce){.login-confirm-container,.login-confirm-icon,.login-confirm-spinner{animation:none}}.user-management-container{max-width:1400px;margin:0 auto;padding:5.5rem 2rem 2rem;min-height:calc(100vh - 168px)}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #333}.user-management-header-left{display:flex;align-items:center;gap:1rem}.user-management-header-icon{font-size:2.5rem;color:#dc2626}.user-management-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0}.user-management-header p{color:#9ca3af;margin:.25rem 0 0;font-size:.95rem}.user-management-beta-notice{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;margin-bottom:2rem}.user-management-beta-icon{font-size:1.5rem;color:#dc2626;flex-shrink:0}.user-management-beta-notice strong{color:#dc2626;display:block;margin-bottom:.25rem}.user-management-beta-notice p{color:#d1d5db;margin:0;font-size:.9rem}.user-management-search-container{position:relative;margin-bottom:2rem}.user-management-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.1rem}.user-management-search-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#1a1a1a;border:1px solid #333;border-radius:.5rem;color:#fff;font-size:1rem;transition:all .2s}.user-management-search-input:focus{outline:none;border-color:#dc2626;background:#222}.user-management-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;color:#dc2626;margin-bottom:2rem}.user-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.user-management-loading-spinner{font-size:2.5rem;color:#dc2626;animation:user-management-spin 1s linear infinite}@keyframes user-management-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-management-loading p{color:#9ca3af;font-size:1.1rem}.user-management-table-container{background:#1a1a1a;border:1px solid #333;border-radius:.5rem;overflow-x:auto}.user-management-table{width:100%;border-collapse:collapse}.user-management-table thead{background:#222;border-bottom:2px solid #333}.user-management-table th{padding:1rem;text-align:left;color:#dc2626;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.user-management-table td{padding:1rem;color:#fff;border-bottom:1px solid #333;font-size:.95rem}.user-management-table tbody tr{transition:background .2s}.user-management-table tbody tr:hover{background:#222}.user-management-table tbody tr:last-child td{border-bottom:none}.user-management-current-user{background:#dc26260d!important}.user-management-current-user:hover{background:#dc262614!important}.user-management-no-users{text-align:center;padding:3rem 2rem!important;color:#6b7280;font-size:1.05rem}.user-management-user-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.user-management-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:.25rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.user-management-badge-you{background:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.user-management-badge-active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.user-management-badge-inactive{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.user-management-badge-superuser{background:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.user-management-badge-staff{background:#fb923c33;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.user-management-badge-user{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.user-management-actions{display:flex;gap:.5rem}.user-management-action-btn{padding:.5rem .75rem;background:#222;border:1px solid #333;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s;font-size:.95rem}.user-management-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.user-management-action-btn:disabled{opacity:.5;cursor:not-allowed}.user-management-action-btn-edit:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6}.user-management-action-btn-password:hover:not(:disabled){background:#fb923c;border-color:#fb923c}.user-management-action-btn-delete:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.user-management-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.user-management-btn:disabled{opacity:.5;cursor:not-allowed}.user-management-btn-primary{background:#dc2626;color:#fff}.user-management-btn-primary:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.user-management-access-denied{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px)}.user-management-access-denied-content{text-align:center;padding:3rem;background:#1a1a1a;border:1px solid #333;border-radius:.5rem;max-width:500px}.user-management-access-denied-icon{font-size:4rem;color:#dc2626;margin-bottom:1.5rem}.user-management-access-denied-content h2{font-size:1.75rem;color:#fff;margin-bottom:.75rem}.user-management-access-denied-content p{color:#9ca3af;font-size:1.05rem;margin:0}@media(max-width:1024px){.user-management-table-container{overflow-x:scroll}.user-management-table{min-width:900px}}@media(max-width:768px){.user-management-container{padding:5rem 1rem 1rem;min-height:calc(100vh - 160px)}.user-management-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-management-header-left{flex-direction:column;align-items:flex-start}.user-management-btn{width:100%;justify-content:center}}.user-modal-backdrop{position:fixed;inset:0;z-index:999999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.user-modal-container{background:#1a1a1a;border:1px solid #333;border-radius:.75rem;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.user-modal-container-small{max-width:500px}.user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.user-modal-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.user-modal-close{padding:.5rem;background:transparent;border:none;border-radius:.375rem;color:#9ca3af;cursor:pointer;font-size:1.25rem;transition:all .2s}.user-modal-close:hover:not(:disabled){background:#222;color:#fff}.user-modal-close:disabled{opacity:.5;cursor:not-allowed}.user-modal-content,.user-modal-form{padding:1.5rem}.user-modal-section{margin-bottom:1.5rem}.user-modal-section:last-child{margin-bottom:0}.user-modal-section h3{font-size:1.1rem;font-weight:600;color:#dc2626;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.user-modal-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.user-modal-field{margin-bottom:1rem}.user-modal-row .user-modal-field{margin-bottom:0}.user-modal-field label{display:flex;align-items:center;gap:.5rem;color:#d1d5db;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.user-modal-field label svg{color:#dc2626;font-size:.95rem}.user-modal-field input,.user-modal-field textarea,.user-modal-field select{width:100%;padding:.75rem 1rem;background:#222;border:1px solid #333;border-radius:.5rem;color:#fff;font-size:.95rem;transition:all .2s}.user-modal-field input:focus,.user-modal-field textarea:focus,.user-modal-field select:focus{outline:none;border-color:#dc2626;background:#1a1a1a}.user-modal-field input:disabled,.user-modal-field textarea:disabled,.user-modal-field select:disabled{opacity:.6;cursor:not-allowed}.user-modal-input-error{border-color:#dc2626!important}.user-modal-field textarea{resize:vertical;min-height:80px;font-family:inherit}.user-modal-password-container{position:relative}.user-modal-password-container input{padding-right:3rem}.user-modal-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;font-size:1rem;transition:color .2s}.user-modal-password-toggle:hover:not(:disabled){color:#fff}.user-modal-password-toggle:disabled{opacity:.5;cursor:not-allowed}.user-modal-error{color:#dc2626;font-size:.85rem;margin-top:.375rem}.user-modal-error-container{padding:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;margin-bottom:1rem}.user-modal-error-text{color:#dc2626;margin:0;font-size:.9rem}.user-modal-warning{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;margin-bottom:1rem}.user-modal-warning-icon{font-size:1.5rem;color:#dc2626;flex-shrink:0}.user-modal-warning-text{color:#d1d5db;margin:0 0 .75rem;font-size:.95rem}.user-modal-warning-text:last-child{margin-bottom:0}.user-modal-user-info{color:#d1d5db;margin:.75rem 0;padding:.75rem;background:#222;border-radius:.375rem;font-size:.95rem;line-height:1.6}.user-modal-user-info strong{color:#fff}.user-modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #333}.user-modal-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.user-modal-btn:disabled{opacity:.5;cursor:not-allowed}.user-modal-btn-primary{background:#dc2626;color:#fff}.user-modal-btn-primary:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.user-modal-btn-secondary{background:#333;color:#fff}.user-modal-btn-secondary:hover:not(:disabled){background:#444;transform:translateY(-2px)}.user-modal-btn-danger{background:#dc2626;color:#fff}.user-modal-btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.user-modal-spinner{animation:user-modal-spin 1s linear infinite}@keyframes user-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.user-modal-container{max-width:100%;max-height:100vh;border-radius:0}.user-modal-row{grid-template-columns:1fr}.user-modal-actions{flex-direction:column}.user-modal-actions button{width:100%}}