: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;-ms-touch-action:none;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:-ms-flexbox;display:flex;-ms-flex-pack:justify;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;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;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;-ms-flex-item-align:start;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)}}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8fafc;padding:1rem}.loginPanel{width:100%;max-width:400px;padding:2rem;background-color:#fff;border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;opacity:0;transform:translateY(-20px);animation:fadeInSlideDown .6s ease-out forwards}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff;font-size:1rem;color:#1e293b;transition:all .2s ease}.login-form input[type=text]:focus,.login-form input[type=password]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-form input::placeholder{color:#94a3b8}.login-button{padding:.75rem 1.5rem;border-radius:.5rem;background-color:#2563eb;color:#fff;font-weight:500;font-size:1rem;border:none;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.error-message{color:#dc2626;font-size:.875rem;margin-top:-.5rem;text-align:center;padding:.5rem;border-radius:.375rem;background-color:#fee2e2;border:1px solid #fecaca}@media (max-width: 480px){.loginPanel{padding:1.5rem}.login-form{gap:1rem}.login-form input[type=text],.login-form input[type=password]{padding:.625rem .875rem}.login-button{padding:.625rem 1.25rem}}:root{--primary-color: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--error-color: #dc2626;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--global-border-radius: .5rem;--global-margin: .4rem;--global-padding: .25rem;--font-med: 1.3rem}body{background-color:var(--background-color);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);line-height:1.5;overflow-y:hidden;margin:0;padding:0}h1{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-md)}p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.global-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);font-size:var(--font-size-base);transition:all .2s ease;color:var(--text-primary)}.global-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a;outline:none}.global-input::placeholder{color:var(--text-secondary)}.global-textarea{resize:none}.form-actions{display:flex;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-base);transition:all .2s ease;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer}.button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed}.logo-container{text-align:center;margin-bottom:1rem}.logo{max-width:100%;height:50%}.info-tab-container{display:flex;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none;padding-bottom:1rem;-ms-overflow-style:none;justify-content:center}.info-tab-container::-webkit-scrollbar{display:none}.info-tab{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:2px solid transparent}.info-tab:hover{color:var(--primary-color)}.info-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.info-row{display:flex;justify-content:space-between}.info-title{font-size:2.25rem;text-align:center}.info-description{text-align:center}.global-input{padding:.5rem;font-size:16px;background-color:#fff;width:100%;box-sizing:border-box;margin:8px 0;transition:border-color .3s ease;border-radius:.5rem}.global-input:focus{border-color:#00f;outline:none}.row{display:flex}.no-data{color:#191970;font-size:1.2rem;text-align:center;margin-top:2rem}.date-group{background-color:var(--border-color)}.arrival-list{background-color:transparent;border-radius:var(--radius-lg);max-height:20rem;overflow-y:auto;padding-right:var(--spacing-md)}.arrival-item{background-color:transparent;border:3px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all .2s ease}.arrival-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.arrival-list::-webkit-scrollbar{width:6px}.arrival-list::-webkit-scrollbar-track{background:var(--background-color);border-radius:var(--radius-sm)}.arrival-list::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-sm)}.table-action-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--primary-color);font-weight:500;transition:all .2s ease;max-width:5rem;cursor:pointer;flex-shrink:0}.table-action-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.logout{background-color:#fff;color:var(--error-color);border:1px solid var(--error-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;transition:all .2s ease;cursor:pointer}.logout:hover{background-color:var(--error-color);color:#fff}.sidebar-item{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-lg);font-weight:700;background-color:var(--surface-color);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all .2s ease;color:#000;text-decoration:none}.sidebar-item:hover{background-color:var(--primary-light);color:#fff}.sidebar-item.active{color:#fff;background:var(--primary-light)}.sidebar-item.logout:hover{background:red;cursor:pointer}.sidebar-icon{margin-right:var(--spacing-md)}.flex-end{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.space-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.checkbox-wrapper{display:flex;align-items:center;width:16rem!important;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--surface-color)}.mr-1{margin-right:1rem}.member-actions{display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.button,.table-action-button{width:100%}.space-between{flex-direction:column;gap:var(--spacing-md)}.checkbox-wrapper{width:100%}.info-tab{padding:var(--spacing-sm) var(--spacing-md)}}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:320px}.search-input{background-color:#fff;border:2px solid #e2e8f0;padding:.75rem 2.5rem .75rem 1rem;border-radius:.75rem;width:100%;font-size:1rem;font-weight:500;color:#1e293b;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;flex:1}.search-input:hover{border-color:#cbd5e1}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:#94a3b8;font-weight:400;opacity:1}.clear-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:.5rem;cursor:pointer;transition:all .2s ease;height:1rem;width:1rem;box-shadow:0 1px 2px #0000000d}.clear-button:hover{background-color:#fef2f2;border-color:#b91c1c}.clear-button svg{width:1rem;height:1rem;color:#dc2626}.clear-button:hover svg{color:#b91c1c}.clear-button-subtle{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;border:none;cursor:pointer;transition:all .2s ease;height:32px;width:32px}.clear-button-subtle:hover{background-color:#f1f5f9}.clear-button-subtle svg{width:1rem;height:1rem;color:#64748b}.clear-button-subtle:hover svg{color:#dc2626}.search-actions-container{display:flex;justify-content:space-between;align-items:center}.action-row{display:flex;gap:.5rem}.row-action .button{flex-shrink:0}@media (max-width: 640px){.search-input{font-size:.875rem;padding:.625rem 2.5rem .625rem .875rem}}@media (max-width: 768px){.search-actions-container{flex-direction:column;align-items:stretch}.action-row{justify-content:flex-start;margin-top:.5rem}}.table-container{display:flex;flex-direction:column;height:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:1rem;overflow:hidden}.header{display:grid;align-items:center;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;border-radius:1rem 1rem 0 0;padding:1rem .75rem;font-weight:600}.header .td{text-align:center;font-weight:600;color:#334155;padding:0 .5rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.table{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-radius:0 0 1rem 1rem;background-color:#fff;height:600px}.body{height:100%;overflow-y:auto;padding:.5rem;background-color:#fff;border-radius:0 0 1rem 1rem}.body::-webkit-scrollbar{width:8px}.body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.body::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.body::-webkit-scrollbar-thumb:hover{background:#64748b}.tr{display:grid;align-items:center;padding:.75rem;margin-bottom:.5rem;border-radius:.375rem;border:1px solid #e2e8f0;background-color:#fff;transition:all .2s ease;box-shadow:0 1px 2px #00000008;position:relative}.table-container .header,.table-container .tr{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.table-container.members.has-checkbox .header,.table-container.members.has-checkbox .tr{grid-template-columns:40px minmax(100px,1fr) minmax(200px,2fr) minmax(80px,1fr) minmax(120px,1.5fr) minmax(160px,auto);gap:.5rem}.table-container.members:not(.has-checkbox) .header,.table-container.members:not(.has-checkbox) .tr{grid-template-columns:minmax(100px,1fr) minmax(200px,2fr) minmax(80px,1fr) minmax(120px,1.5fr) minmax(160px,auto);gap:.5rem}.table-container.arrivals.has-checkbox .header,.table-container.arrivals.has-checkbox .tr{grid-template-columns:40px minmax(120px,1.5fr) minmax(160px,2fr) minmax(120px,1.5fr) minmax(100px,1fr);gap:.5rem}.table-container.arrivals:not(.has-checkbox) .header,.table-container.arrivals:not(.has-checkbox) .tr{grid-template-columns:minmax(120px,1.5fr) minmax(160px,2fr) minmax(120px,1.5fr) minmax(100px,1fr);gap:.5rem}.table-container.sales.has-checkbox .header,.table-container.sales.has-checkbox .tr{grid-template-columns:40px minmax(160px,2fr) minmax(120px,1.5fr) minmax(100px,1fr) minmax(80px,1fr) 40px;gap:.5rem}.table-container.sales:not(.has-checkbox) .header,.table-container.sales:not(.has-checkbox) .tr{grid-template-columns:minmax(160px,2fr) minmax(120px,1.5fr) minmax(100px,1fr) minmax(80px,1fr) 40px;gap:.5rem}.table-container.membership.has-checkbox .header,.table-container.membership.has-checkbox .tr{grid-template-columns:40px minmax(120px,1.5fr) minmax(160px,2fr) minmax(80px,1fr) minmax(160px,2fr);gap:.5rem}.table-container.membership:not(.has-checkbox) .header,.table-container.membership:not(.has-checkbox) .tr{grid-template-columns:minmax(120px,1.5fr) minmax(160px,2fr) minmax(80px,1fr) minmax(160px,2fr);gap:.5rem}.tr:last-child{margin-bottom:.5rem}.tr.selectable{cursor:pointer}.tr.selected{background-color:#e0f2fe!important;border-color:#0ea5e9}.tr:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a;border-top-color:#cbd5e1;border-right-color:#cbd5e1;border-bottom-color:#cbd5e1}.tr:nth-child(2n){background-color:#f9fafb}.tr:nth-child(2n):hover{border-top-color:#cbd5e1;border-right-color:#cbd5e1;border-bottom-color:#cbd5e1}.td{padding:.75rem .5rem;text-align:center;font-size:.875rem;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500}.td.checkbox-cell{width:40px;padding:0}.td.action-cell{padding:0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-cell button,.table-action-button{padding:.5rem .75rem;border:1px solid #e2e8f0;background-color:#fff;color:#2563eb;font-size:.75rem;font-weight:600;border-radius:.375rem;cursor:pointer;transition:all .2s ease;min-width:70px;white-space:nowrap;letter-spacing:.02em;box-shadow:0 1px 2px #0000000d;text-transform:uppercase}.action-cell button:hover,.table-action-button:hover{background-color:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-cell button:active,.table-action-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.table-action-button.disabled,.action-cell button:disabled{background-color:#f8fafc;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed;opacity:.7;box-shadow:none}.table-action-button.disabled:hover,.action-cell button:disabled:hover{transform:none;background-color:#f8fafc;border-color:#e2e8f0;color:#94a3b8;box-shadow:none}.table-print-button{padding:.375rem!important;min-width:unset!important;width:32px;height:32px;border:1px solid #e2e8f0;background-color:#fff;color:#475569;cursor:pointer;opacity:.75;transition:all .2s ease;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.table-print-button:hover{opacity:1;background-color:#f1f5f9;border-color:#cbd5e1}.table-print-button svg{width:18px;height:18px}.table-print-button:focus{outline:none;background-color:#e2e8f0}.td.name-cell{display:flex;align-items:center;justify-content:center;gap:.5rem}.td.membership-cell{position:relative}.membership-group{display:flex;align-items:center;justify-content:center;gap:.5rem}.expand-button{border:none;background:transparent;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease;flex-shrink:0;height:24px;width:24px;margin-left:.25rem}.expand-button:hover{background-color:#e2e8f0;color:#1e293b}.expand-button svg{width:16px;height:16px}.tr-items{background-color:#f8fafc;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin:-.75rem 0 .75rem;padding:.5rem;border-radius:0 0 .75rem .75rem}.tr-item{display:grid;grid-template-columns:minmax(160px,1fr) 100px 40px;align-items:center;gap:1rem;padding:.5rem 1rem;margin:.25rem 0;border-radius:.375rem;background-color:#fff;transition:all .2s ease}.tr-item:hover{background-color:#f1f5f9}.tr-item:first-child{margin-top:0}.tr-item:last-child{margin-bottom:0}.tr-item .item-name{text-align:left;color:#475569;font-size:.875rem;padding-left:1.5rem}.tr-item .item-price{text-align:right;font-weight:500;color:#1e293b}.tr.has-items{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.tr.has-items:not(.expanded){border-radius:.75rem;margin-bottom:.75rem}.tr.has-items.expanded{background-color:#fff;border-bottom-color:#e2e8f0}.td.total-price{font-weight:600;color:#2563eb}.items-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background-color:#e2e8f0;color:#475569;border-radius:1rem;font-size:.75rem;font-weight:500}.status-badge{padding:4px 10px;border-radius:12px;font-weight:600;font-size:11px;display:inline-block;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 1px 2px #0000000d}.status-active{background-color:#10b9811a;color:#047857;border:1px solid rgba(16,185,129,.2)}.status-paused{background-color:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.2)}.status-unpaid{background-color:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.status-inactive{background-color:#9ca3af1a;color:#4b5563;border:1px solid rgba(156,163,175,.2)}.status-vip{background-color:#8e44ad1a;color:#8e44ad;border:1px solid rgba(142,68,173,.2);font-weight:700}.tr-status-active{border-left:3px solid #10b981;background-color:#10b98105}.tr-status-paused{border-left:3px solid #f59e0b;background-color:#f59e0b05}.tr-status-unpaid{border-left:3px solid #ef4444;background-color:#ef444405}.tr-status-inactive{border-left:3px solid #9ca3af;background-color:#9ca3af05}.tr-status-vip{border-left:3px solid #8E44AD;background-color:#8e44ad05}@media (max-width: 768px){.tr{padding:.5rem}.td{font-size:.813rem;padding:.5rem}.tr-items{margin-left:0;margin-right:0;padding:.5rem}.tr-item{padding:.375rem .75rem;grid-template-columns:1fr auto}.item-name,.item-price{font-size:.813rem}.table-container .header,.table-container .tr{grid-template-columns:1fr!important;gap:.25rem}.td{text-align:left;padding:.375rem .75rem}.td.checkbox-cell,.td.action-cell{justify-content:flex-start;width:auto}.header .td:not(:first-child){display:none}}.delete-item-button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease;opacity:.75}.delete-item-button:hover{opacity:1;background-color:#fee2e2}.delete-item-button:active{transform:translateY(1px)}.printer-button{padding:6px;border-radius:6px;border:none;background:transparent;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:0}.printer-button:hover{background-color:#e5e7eb;color:#374151}.printer-button:disabled{opacity:.5;cursor:not-allowed}.printer-button svg{width:20px;height:20px}.modal{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:#0f172a00;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;transition:all .3s ease-out}.modal-visible{background-color:#0f172a4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}.modal-main{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.9));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;width:min(800px,90vw);height:min(800px,90vh);overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 30px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 0 20px #ffffff80,0 0 15px #3b82f61a;transform:scale(.95);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.modal-visible .modal-main{transform:scale(1);opacity:1}.modal-content-wrapper{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;width:100%;padding-right:8px;box-sizing:border-box}.modal-content{position:relative;width:100%;height:auto;min-height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);display:grid;grid-template-rows:1fr;max-width:100%;color:#1e293b;box-sizing:border-box}.modal-content-wrapper::-webkit-scrollbar{width:6px}.modal-content-wrapper::-webkit-scrollbar-track{background:rgba(255,255,255,.3);border-radius:8px}.modal-content-wrapper::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:8px;transition:all .2s ease}.modal-content-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.modal-content>*{animation:contentFade .3s ease-out forwards}@keyframes contentFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal{padding:1rem}.modal-main{padding:1.5rem;width:95vw;height:90vh;border-radius:1rem}}@media (max-width: 480px){.modal-main{padding:1.25rem;width:100vw;height:100vh;border-radius:0}}.edit-membership-container{width:100%;max-width:800px;margin:0 auto}.membership-timeline-button-container{display:flex;justify-content:flex-end;margin-bottom:16px}.membership-timeline-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f8fafc;background-image:linear-gradient(to bottom,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;color:#4b5563;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.membership-timeline-button:hover{background-color:#f1f5f9;background-image:linear-gradient(to bottom,#ffffff,#f1f5f9);color:#1f2937;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.edit-membership-accordion{margin-bottom:16px;border-radius:8px;overflow:hidden;transition:all .3s ease}.edit-membership-accordion.expanded{box-shadow:0 4px 6px -1px #0000001a}.edit-membership-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.edit-membership-header:hover{background-color:#f1f5f9}.edit-membership-header.active{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0}.edit-membership-header.new-header{background-color:#fff;border:1px dashed #cbd5e1}.edit-membership-header.new-header:hover{background-color:#f8fafc;border-color:#94a3b8}.edit-membership-status-container{display:flex;flex-direction:column;align-items:flex-start;margin-right:16px}.edit-membership-status{font-size:13px;padding:4px 12px;border-radius:12px;background-color:#def7ec;color:#057a55;font-weight:500;margin-bottom:4px}.edit-membership-status.unpaid{background-color:#fee2e2;color:#dc2626}.edit-membership-info{flex:1;margin:0 16px}.edit-membership-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.edit-membership-title{font-size:15px;font-weight:500;color:#1f2937}.edit-membership-subtitle{color:#6b7280;font-size:14px}.edit-membership-new-text{font-size:15px;font-weight:500;color:#6b7280}.edit-membership-dates{font-size:13px;color:#6b7280}.edit-membership-actions{display:flex;align-items:center;gap:8px}.edit-membership-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.edit-membership-action-btn:hover{background-color:#f1f5f9;color:#1f2937}.edit-membership-action-btn svg{width:20px;height:20px}.edit-membership-action-btn.delete-btn{color:#dc3545;background-color:transparent;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-membership-action-btn.delete-btn:hover{color:#c82333;background-color:#dc35451a;border-radius:4px}.edit-membership-action-btn.delete-btn svg{width:1.25rem;height:1.25rem}.edit-membership-content{padding:20px;background-color:#fff;border:1px solid #e2e8f0;border-top:none}.edit-membership-form-row{display:flex;gap:16px;margin-bottom:16px}.edit-membership-checkbox-wrapper{display:flex;gap:8px;align-items:center;margin:8px 0}.edit-membership-payment-status{margin-top:8px;font-size:14px}.edit-membership-payment-status.unpaid{color:#dc2626}.edit-membership-date-inputs{display:flex;gap:16px;margin:16px 0}.edit-membership-divider{height:1px;background-color:#e2e8f0;border:none;margin:20px 0}.edit-membership-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.edit-membership-history-header{display:flex;align-items:center;gap:12px;width:100%}.edit-membership-history-wrapper{padding:12px;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.edit-membership-history-content{display:flex;justify-content:space-between;align-items:center}.edit-membership-history-info{flex:1;text-align:center}.edit-membership-history-title{display:flex;justify-content:center;align-items:center;gap:4px;color:#4b5563;font-size:.95em;font-weight:500}.edit-membership-history-dates,.edit-membership-history-payment{margin-top:4px;font-size:13px;color:#6b7280}.edit-membership-history-payment .unpaid{color:#dc3545;font-weight:700}.edit-membership-created{display:block;color:#6b7280;margin-top:4px;font-size:.875rem}.edit-membership-history-dates{display:flex;flex-direction:column;gap:2px}.edit-membership-history-tabs{margin-top:1rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;max-height:400px}.edit-membership-tab-buttons{display:flex;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;flex-shrink:0}.edit-membership-tab-button{flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;transition:all .2s;text-align:center}.edit-membership-tab-button:hover{color:#374151;background-color:#f3f4f6}.edit-membership-tab-button.active{color:#111827;background-color:#fff}.edit-membership-tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#3b82f6}.edit-membership-tab-content{padding:1rem;overflow-y:auto;flex:1;min-height:0}.edit-membership-item{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.edit-membership-item:last-child{margin-bottom:0}.edit-membership-item-header{padding:1rem;background-color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.edit-membership-item-content{padding:1rem;background-color:#f9fafb;border-top:1px solid #e5e7eb}.edit-membership-form-row{display:flex;gap:1rem;margin-bottom:1rem}.edit-membership-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.edit-membership-date-inputs{display:flex;gap:1rem}.edit-membership-checkbox-wrapper{margin:1rem 0}.edit-membership-payment-status{font-size:.875rem;color:#6b7280}.edit-membership-payment-status.unpaid{color:#dc2626;font-weight:500}.edit-membership-divider{border:none;border-top:1px solid #e5e7eb;margin:1rem 0}.edit-membership-actions{display:flex;gap:.5rem}.edit-membership-action-btn{padding:.5rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s}.edit-membership-action-btn:hover{background-color:#f3f4f6;color:#374151}.edit-membership-info{flex:1}.edit-membership-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.edit-membership-title{font-weight:500;color:#111827}.edit-membership-subtitle{color:#6b7280}.edit-membership-dates{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:#6b7280}.edit-membership-created{font-size:.875rem;color:#9ca3af}.edit-membership-history-payment{margin-top:.5rem;font-size:.875rem;color:#059669}.unpaid-count{color:#dc2626;font-weight:600}.cart-container{position:fixed;bottom:0;right:20px;width:400px;background:white;border:1px solid #e5e7eb;border-radius:8px 8px 0 0;box-shadow:0 -4px 6px -1px #0000001a;z-index:9999;transition:transform .3s ease}.cart-container.collapsed{transform:translateY(calc(100% - 48px))}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;cursor:pointer;background:#f9fafb}.cart-header:hover{background:#f3f4f6}.cart-header-content{display:flex;align-items:center;gap:12px;flex:1}.cart-header h3{margin:0;font-size:1rem;font-weight:600}.cart-collapse-icon{color:#6b7280}.cart-clear-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px 8px;font-size:.875rem;margin-left:auto}.cart-clear-button:hover{color:#ef4444}.cart-items{max-height:400px;overflow-y:auto}.cart-section-header{padding:12px 16px 8px;color:#4b5563;font-size:.875rem;font-weight:600;background:#f3f4f6;position:sticky;top:0;z-index:1;border-bottom:1px solid #e5e7eb;margin-top:-1px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;background:white}.cart-item.suggestion{background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.cart-item.suggestion:hover{background-color:#f1f5f9}.cart-item:last-child{border-bottom:none}.cart-item-details{flex-grow:1;margin-right:12px}.cart-item-title{font-weight:500;margin-bottom:4px;color:#1f2937}.cart-item-description{color:#6b7280;margin-left:4px}.cart-item-info{display:flex;justify-content:space-between;color:#6b7280;font-size:.875rem}.cart-item-price{border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-size:.875rem;color:#6b7280;background:white}.cart-item-price:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.cart-item-remove,.cart-item-add{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.cart-item-remove{color:#6b7280}.cart-item-remove:hover{color:#ef4444;background-color:#fee2e2}.cart-item-add{color:#059669}.cart-item-add:hover{color:#047857;background-color:#d1fae5}.cart-empty{padding:24px 16px;text-align:center;color:#6b7280;font-size:.875rem;background:white}.cart-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb}.cart-total{display:flex;justify-content:space-between;font-weight:600;margin-bottom:12px;color:#1f2937}.cart-checkout-button{width:100%}.membership-timeline-container{margin:20px 0;padding:20px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:relative;z-index:1}.membership-timeline-modal-body .membership-timeline-container{margin:0;padding:0;border:none;box-shadow:none}.membership-timeline-title{font-size:16px;font-weight:500;color:#1f2937;margin-bottom:16px}.membership-timeline-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px}.timeline-control-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background-color:#fff;color:#64748b;cursor:pointer;transition:all .2s ease}.timeline-control-button:hover{background-color:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.timeline-control-button:active{background-color:#e2e8f0}.timeline-control-button:disabled{opacity:.5;cursor:not-allowed}.timeline-navigation{display:flex;gap:4px;margin-left:8px}.timeline-zoom-indicator{margin-left:8px;font-size:12px;color:#64748b;background-color:#f1f5f9;padding:4px 8px;border-radius:4px;font-weight:500;transition:opacity .3s ease;min-width:40px;text-align:center}.membership-timeline{position:relative;height:200px;background-color:#f8fafc;background-image:linear-gradient(to bottom,rgba(255,255,255,.8) 0%,rgba(248,250,252,.8) 100%);border-radius:8px;padding:20px 0;overflow-x:auto;overflow-y:visible;margin-bottom:16px;min-width:500px;box-shadow:inset 0 1px 3px #0000000d}.membership-timeline.detailed-view{height:280px;padding:30px 0;background-image:linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(248,250,252,.9) 100%)}.membership-timeline-dates{position:absolute;top:0;left:0;right:0;height:100%}.membership-timeline-date-marker{position:absolute;top:0;height:100%}.membership-timeline-date-marker.month .membership-timeline-date-line{position:absolute;top:0;bottom:0;width:1px;background-color:#94a3b8}.membership-timeline-date-marker.mid-month .membership-timeline-date-line{position:absolute;top:0;bottom:0;width:1px;background-color:transparent;border-left:1px dashed #cbd5e1}.membership-timeline-date-marker.week-marker .membership-timeline-date-line{position:absolute;top:0;bottom:0;width:1px;background-color:transparent;border-left:1px dotted #e2e8f0}.membership-timeline-date-label{position:absolute;top:4px;left:4px;font-size:11px;color:#6b7280;white-space:nowrap}.membership-timeline-date-label.mid-month{font-size:10px;color:#94a3b8}.membership-timeline-weeks{position:absolute;top:0;left:0;right:0;height:100%}.membership-timeline-week-marker{position:absolute;top:0;height:100%}.membership-timeline-week-line{position:absolute;top:0;bottom:0;width:1px;border-left:1px dotted #e2e8f0;opacity:.6}.membership-timeline-today-marker{position:absolute;top:0;height:100%;z-index:10}.membership-timeline-today-line{position:absolute;top:0;bottom:0;width:2px;background-color:#ef4444;box-shadow:0 0 8px #ef444480}.membership-timeline-today-label{position:absolute;top:4px;left:4px;font-size:11px;font-weight:500;color:#ef4444;white-space:nowrap}.membership-timeline-items{position:relative;height:140px;margin-top:30px;overflow:visible}.detailed-view .membership-timeline-items{height:200px;margin-top:40px}.membership-timeline-item{position:absolute;height:30px;border-radius:15px;top:0;cursor:pointer;transition:all .2s ease;min-width:80px}.membership-timeline-active{background-color:#10b981;background-image:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #059669;box-shadow:0 2px 6px #10b9814d}.membership-timeline-future{background-color:#60a5fa;background-image:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);border:1px solid #3b82f6;box-shadow:0 2px 6px #3b82f64d}.membership-timeline-used{background-color:#9ca3af;background-image:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);border:1px solid #6b7280;box-shadow:0 2px 6px #6b72804d}.membership-timeline-item-content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,0,0,.1)}.membership-timeline-item-title{font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.membership-timeline-item-dates{font-size:10px;color:#ffffffe6}.membership-timeline-legend{display:flex;gap:16px;margin-top:8px}.membership-timeline-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.membership-timeline-legend-color{width:16px;height:16px;border-radius:4px;box-shadow:0 1px 3px #0000001a}.membership-timeline-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;z-index:10!important}.membership-timeline-tooltip{position:absolute;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:20;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:180px;text-align:left;top:100%;margin-top:8px}.tooltip-description{opacity:.8;font-size:11px}.tooltip-dates{margin-top:6px;display:flex;align-items:center;gap:4px;font-size:11px}.tooltip-date-icon{font-size:12px}.tooltip-payment-status{margin-top:6px;display:flex;align-items:center;gap:4px;font-size:11px}.tooltip-status-icon{font-size:12px}.membership-timeline-tooltip:after{content:"";position:absolute;left:50%;margin-left:-5px;border-width:5px;border-style:solid;bottom:100%;border-color:transparent transparent #1f2937 transparent}.membership-timeline-tooltip.tooltip-top{bottom:100%;top:auto;margin-bottom:8px;margin-top:0}.membership-timeline-tooltip.tooltip-top:after{top:100%;bottom:auto;border-color:#1f2937 transparent transparent transparent}.membership-timeline-item:hover .membership-timeline-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 640px){.membership-timeline-container{overflow-x:auto}.membership-timeline{height:240px}.membership-timeline.detailed-view{height:320px}.membership-timeline-items{height:180px}.detailed-view .membership-timeline-items{height:240px}}.membership-timeline-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.membership-timeline-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out;border:1px solid rgba(0,0,0,.1);overflow:visible}.membership-timeline-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;background-image:linear-gradient(to bottom,#ffffff,#f9fafb)}.membership-timeline-modal-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}.membership-timeline-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.membership-timeline-modal-close:hover{color:#1f2937;background-color:#f3f4f6;transform:rotate(90deg)}.membership-timeline-modal-body{padding:24px;overflow-y:visible;background-color:#fff;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.membership-timeline-modal-content{width:95%;max-height:95vh}.membership-timeline-modal-header{padding:12px 16px}.membership-timeline-modal-body{padding:16px}}.member-arrivals-container{display:flex;flex-direction:column;gap:.75rem}.view-mode-toggle{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.25rem}.view-mode-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.75rem;color:#374151;cursor:pointer;transition:background-color .2s,border-color .2s}.view-mode-button:hover{background-color:#f3f4f6}.view-mode-button.active{background-color:#dbeafe;border-color:#2563eb;color:#2563eb}.empty-state{padding:1rem;text-align:center;color:#6b7280}.empty-state-icon{margin:0 auto;height:3rem;width:3rem;opacity:.5}.arrival-list{display:flex;flex-direction:column;gap:.5rem}.date-group{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.date-header{background-color:#f9fafb;padding:.75rem 1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom:1px solid #e5e7eb}.date-header.clickable{cursor:pointer;transition:background-color .2s}.date-header.clickable:hover{background-color:#f3f4f6}.date-header-content{display:flex;align-items:center;color:#374151;justify-content:space-between}.date-header-icon{height:1.25rem;width:1.25rem;margin-right:.5rem}.date-header-text{font-weight:500;flex-grow:1;display:flex;align-items:center}.expand-icon{color:#6b7280;margin-left:.5rem;display:flex;align-items:center}.arrivals-list{display:flex;flex-direction:column}.arrivals-list>*:not(:last-child){border-bottom:1px solid #e5e7eb}.arrival-item{padding:.75rem 1rem}.arrival-item:hover{background-color:#f9fafb}.icon-circle{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#dbeafe;display:flex;align-items:center;justify-content:center}.arrivals-calendar-container{display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.calendar-title h2{margin:0;font-size:1rem;font-weight:600;color:#374151;text-transform:capitalize}.calendar-navigation{display:flex;gap:.5rem;align-items:center}.month-navigation{display:flex;gap:.25rem}.today-button{margin-right:.5rem;font-size:.75rem}.calendar-nav-button{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.375rem .5rem;font-size:.75rem;color:#374151;cursor:pointer;transition:background-color .2s}.calendar-nav-button:hover{background-color:#f3f4f6}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e5e7eb}.calendar-day-name{padding:.375rem 0;text-align:center;font-weight:500;font-size:.75rem;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.calendar-day{position:relative;height:2.75rem;padding:.25rem;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background-color:#f9fafb}.day-number{font-weight:500;color:#374151}.other-month .day-number{color:#9ca3af}.today{background-color:#f0f9ff}.today .day-number{color:#2563eb;font-weight:600}.selected{background-color:#dbeafe}.has-arrivals{position:relative}.arrival-indicator{position:absolute;top:.5rem;right:.5rem;background-color:#2563eb;color:#fff;border-radius:9999px;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.selected-day-details{padding:.75rem;border-top:1px solid #e5e7eb;max-height:200px;overflow-y:auto;min-height:100px}.selected-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.selected-day-header h3{margin:0;font-size:.875rem;font-weight:600;color:#111827}.arrival-count-badge{background-color:#dbeafe;color:#2563eb;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.arrivals-list{display:flex;flex-direction:column;gap:.5rem}.arrival-item{padding:.5rem;border-radius:.375rem;background-color:#f9fafb;transition:background-color .2s}.arrival-item:hover{background-color:#f3f4f6}.arrival-content{display:flex;align-items:center;justify-content:space-between}.arrival-info{display:flex;align-items:center;gap:.75rem}.icon-container{flex-shrink:0}.icon-circle{width:2rem;height:2rem;border-radius:9999px;background-color:#dbeafe;display:flex;align-items:center;justify-content:center}.arrival-icon{height:1.25rem;width:1.25rem;color:#2563eb}.text-container{display:flex;flex-direction:column}.service-name{font-weight:500;color:#111827}.arrival-time{font-size:.875rem;color:#6b7280}.no-arrivals-message,.no-selection-message{text-align:center;color:#6b7280;padding:.5rem;font-size:.875rem}.empty-state{padding:2rem;text-align:center;color:#6b7280;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.empty-state-icon{margin:0 auto 1rem;height:3rem;width:3rem;opacity:.5}@media (max-width: 640px){.calendar-day{height:2.25rem;padding:.125rem}.arrival-indicator{top:.125rem;right:.125rem;width:1rem;height:1rem;font-size:.625rem}.selected-day-details{max-height:200px}}.member-breaks-container{width:100%;max-width:800px;margin:0 auto}.member-breaks-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.member-breaks-header.new-break{background-color:#fff;border:1px dashed #cbd5e1;transition:all .2s ease}.member-breaks-header.new-break:hover{background-color:#f8fafc;border-color:#94a3b8}.member-breaks-info{display:flex;flex-direction:column;gap:8px}.member-breaks-status{font-size:13px;padding:4px 12px;border-radius:12px;background-color:#def7ec;color:#057a55;font-weight:500;display:inline-flex;align-self:flex-start}.member-breaks-title{font-size:15px;font-weight:500;color:#1f2937}.member-breaks-date-input{padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#4b5563;background-color:#fff}.member-breaks-actions{display:flex;align-items:center;gap:8px}.member-breaks-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background-color:#f1f5f9;color:#1f2937;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.member-breaks-button:hover{background-color:#e2e8f0}.member-breaks-button svg{width:20px;height:20px}.member-breaks-stop-button{background-color:#fee2e2;color:#dc2626}.member-breaks-stop-button:hover{background-color:#fecaca}.breaks-history-section{margin-top:16px}.breaks-history-header{margin-bottom:12px}.breaks-history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease}.breaks-history-toggle:hover{background-color:#f1f5f9;border-color:#cbd5e1}.breaks-history-arrow{width:20px;height:20px;transition:transform .2s ease}.breaks-history-arrow.expanded{transform:rotate(180deg)}.breaks-history-loading,.breaks-history-empty{padding:16px;text-align:center;color:#6b7280;font-size:14px;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.breaks-history-list{display:flex;flex-direction:column;gap:8px}.breaks-history-item{padding:12px 16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.breaks-history-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.breaks-history-dates{display:flex;align-items:center;gap:8px;margin-bottom:4px}.breaks-history-period{font-size:14px;font-weight:500;color:#374151}.breaks-history-duration{font-size:13px;color:#6b7280;font-style:italic}.breaks-history-note{font-size:13px;color:#6b7280;margin-top:4px;padding-top:8px;border-top:1px solid #f3f4f6}.member-cards-container{width:100%;max-width:800px;margin:0 auto}.member-cards-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.member-cards-header.add-new{background-color:#fff;border:1px dashed #cbd5e1;transition:all .2s ease}.member-cards-header.add-new:hover{background-color:#f8fafc;border-color:#94a3b8}.member-cards-header-info{display:flex;align-items:center;gap:12px}.member-cards-status{font-size:13px;padding:4px 12px;border-radius:12px;background-color:#def7ec;color:#057a55;font-weight:500}.member-cards-title{font-size:15px;font-weight:500;color:#1f2937}.member-cards-add-text{font-size:15px;font-weight:500;color:#6b7280}.member-cards-actions{display:flex;align-items:center;gap:8px}.member-cards-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.member-cards-action-btn:hover{background-color:#f1f5f9;color:#1f2937}.member-cards-action-btn svg{width:20px;height:20px}.member-details{display:flex;gap:1rem;margin-top:.5rem;justify-content:center}.member-id{color:#666}.member-state{display:flex;gap:.5rem}.state-indicator{padding:2px 8px;border-radius:4px;font-size:.9em}.state-indicator.active{background-color:#4caf50;color:#fff}.state-indicator.paused{background-color:#ffc107;color:#000}.state-indicator.unpaid{background-color:#f44336;color:#fff}.state-indicator.inactive{background-color:#9e9e9e;color:#fff}.state-indicator.vip{background-color:#8e44ad;color:#fff;font-weight:700}.prijava-wrapper{width:100%;max-width:800px;margin:0 auto;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;background-color:transparent}.prijava-loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#4a5568}.prijava-info-button{padding:6px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-size:14px}.prijava-info-button:hover{background-color:#2563eb}.prijava-member-info{margin-bottom:12px}.prijava-member-name{font-size:22px;font-weight:600;color:#2d3748;margin-bottom:8px}.prijava-meta-info{display:flex;gap:16px;align-items:center;margin-bottom:8px}.prijava-member-number{font-size:15px;color:#4a5568;font-weight:500}.prijava-status-wrapper{display:flex;align-items:center;gap:8px;font-size:15px;color:#4a5568}.prijava-status-badge{padding:4px 12px;border-radius:16px;font-weight:500;font-size:14px}.prijava-status-active{background-color:#def7ec;color:#057a55}.prijava-status-paused{background-color:#fef3c7;color:#92400e}.prijava-status-unpaid{background-color:#fee2e2;color:#dc2626}.prijava-status-inactive{background-color:#e5e7eb;color:#6b7280}.prijava-status-vip{background-color:#8e44ad;color:#fff;font-weight:700}.prijava-divider{height:1px;background-color:#e2e8f0;margin:4px 0 8px;border:none;opacity:.7}.prijava-empty-state{padding:12px;background-color:#fef2f2;border-radius:6px;color:#dc2626;font-size:14px;margin:8px 0}.prijava-vip-state{padding:12px;background-color:#8e44ad1a;border-radius:6px;color:#8e44ad;font-size:14px;margin:8px 0;font-weight:700;text-align:center}.prijava-content-container{display:flex;flex-direction:column;flex:1}.prijava-memberships-title{font-size:18px;font-weight:600;color:#2d3748;margin:12px 0 8px}.prijava-scrollable-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6;padding-right:8px;margin-bottom:8px;max-height:50vh}.prijava-membership-list{display:flex;flex-direction:column;gap:10px}.prijava-membership-card{background-color:#f8fafc;border-radius:8px;padding:12px}.prijava-membership-header{margin-bottom:8px}.prijava-membership-main{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.prijava-status-dot{width:8px;height:8px;border-radius:50%;background-color:#059669;margin-top:8px;flex-shrink:0}.prijava-membership-info{flex:1}.prijava-membership-name{font-weight:600;color:#1f2937;margin-bottom:2px;font-size:16px}.prijava-membership-description{color:#6b7280;font-size:14px;line-height:1.3}.prijava-membership-validity{color:#6b7280;font-size:13px;display:block;margin-top:4px}.prijava-services-section{margin-top:8px}.prijava-services-title{font-weight:600;color:#374151;font-size:15px;margin-bottom:6px}.prijava-service-list{display:flex;flex-direction:column;gap:6px}.prijava-service-item{padding:8px 12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.prijava-service-item:hover{background-color:#f9fafb;border-color:#d1d5db}.prijava-service-selected{background-color:#ecfdf5;border-color:#059669;color:#065f46}.prijava-service-selected:hover{background-color:#d1fae5;border-color:#059669}.prijava-footer{z-index:10;margin-top:auto;padding-top:8px}.prijava-actions{display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:4px}.prijava-submit-button{padding:8px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;min-height:36px;display:flex;align-items:center;justify-content:center;font-size:15px}.prijava-submit-button:hover{background-color:#2563eb}.prijava-submit-button:disabled{opacity:.7;cursor:not-allowed}.prijava-button-success:disabled{background-color:#10b981;opacity:.9}.prijava-button-error:disabled{background-color:#ef4444;opacity:.9}.prijava-submit-button.vip-button{background-color:#8e44ad}.prijava-submit-button.vip-button:hover{background-color:#7d3c98}.prijava-footer.vip-footer{margin-top:20px}.prijava-button-loading:disabled{background-color:#3b82f6;opacity:.7}.prijava-button-loading{background-color:#3b82f6}.prijava-button-success{background-color:#10b981}.prijava-button-error{background-color:#ef4444}.prijava-button-icon{display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prijava-spinner{animation:spin 1s linear infinite}.prijava-scrollable-content::-webkit-scrollbar{width:8px}.prijava-scrollable-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.prijava-scrollable-content::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.prijava-scrollable-content::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.layout{display:flex;min-height:100vh;gap:1rem;padding:1rem;background-color:#f8fafc}.sidebar{width:10rem;background-color:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column;text-align:center;height:calc(100vh - 2rem);position:sticky;top:1rem}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;height:60px}.logo{width:auto;height:40px;object-fit:contain}.main-content{flex:1;background-color:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;height:calc(100vh - 2rem);max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column}.widget{width:280px;height:fit-content;position:sticky;top:1rem}.link{text-decoration:none;color:#000}.link:hover{color:#fff}@media (max-width: 1280px){.widget{width:240px}}@media (max-width: 1024px){.layout{gap:.5rem;padding:.5rem}.sidebar{width:200px}.widget{display:none}}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.main-content{min-height:0}.sidebar ul{flex-direction:row;flex-wrap:wrap;justify-content:center}.link:hover{transform:translateY(-2px)}}.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.card:hover{box-shadow:0 4px 6px -1px #0000001a}.card-title{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 .75rem}.stats-grid{display:flex;flex-direction:column;gap:.5rem}.stats-row{display:flex;align-items:center;min-height:2rem;gap:1rem}.stats-row>span{font-size:.875rem;color:#64748b;flex:1}.value{font-size:.875rem;font-weight:500;display:flex;gap:.75rem;align-items:center}.value:not(:has(.qty)){background:#f8fafc;padding:.375rem .75rem;border-radius:.375rem;color:#1e293b;min-width:3rem;text-align:right;justify-content:flex-end}.qty{background:#f8fafc;padding:.375rem .75rem;border-radius:.375rem;color:#1e293b;min-width:3rem;text-align:right}.amount{background:#f8fafc;padding:.375rem .75rem;border-radius:.375rem;color:#047857;min-width:4rem;text-align:right}@media (max-width: 1024px){.card{padding:.875rem;margin-bottom:.75rem}.stats-row{min-height:1.75rem}.stats-row>span,.value{font-size:.813rem}}@media (max-width: 640px){.card{padding:.75rem;margin-bottom:.5rem}.stats-row{min-height:1.5rem}.stats-row>span,.value{font-size:.813rem}}.reports-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;background-color:#f8fafc;border-radius:.75rem;overflow:hidden;height:100%}.reports-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.reports-section{display:flex;align-items:center;gap:.5rem}.reports-divider{height:24px;width:1px;background-color:#e2e8f0;margin:0 .5rem}.reports-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.option-container{display:flex;gap:.25rem}.option{background-color:transparent;border:1px solid #e2e8f0;border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;white-space:nowrap}.option:hover{background-color:#fff;color:#1e293b}.option.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.date-range-picker{display:flex;align-items:center;gap:.5rem}.date-input{display:flex;align-items:center;gap:.25rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.25rem .5rem}.date-input label{font-size:.75rem;font-weight:500;color:#64748b}.date-input input[type=date]{border:none;font-family:inherit;font-size:.875rem;color:#1e293b;padding:0;background:transparent;cursor:pointer;width:120px}.date-input input[type=date]:focus{outline:none}.sales-controls{display:flex;align-items:center;padding:.75rem;background-color:#fff;border-bottom:1px solid #e2e8f0;gap:1rem;flex-shrink:0}.sales-info{display:flex;align-items:center;gap:2rem;color:#64748b;font-size:.875rem}.sales-info span{white-space:nowrap}.sales-actions{display:flex;gap:.5rem;margin-left:auto}.table-container{flex:1;overflow:auto;min-height:0}@media (max-width: 768px){.reports-header{flex-direction:column;align-items:stretch;gap:.5rem}.reports-section{flex-wrap:wrap}.reports-divider{display:none}.date-range-picker{flex-direction:column;width:100%}.date-input{width:100%}.sales-controls{flex-direction:column;align-items:stretch}.sales-info{flex-direction:column;gap:.5rem}.sales-actions{margin-left:0;margin-top:.5rem}}