@import"https://fonts.googleapis.com/css2?family=Jura:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+HR+Lijeva:wght@100..400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--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-container-width: fit-content;--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-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--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;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.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%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.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%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;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{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.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-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.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;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.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:1;opacity:.7;transform-origin:left}.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}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-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)}}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s,color .3s,border-color .3s}:root{--bg-light: #ffffff;--bg-dark: #1a1520;--text-light: #4a3a51;--text-dark: #ffe1f5}body{font-family:Montserrat,sans-serif;background-color:var(--bg-light);color:var(--text-light)}body.dark-theme{background-color:var(--bg-dark);color:var(--text-dark)}.light-theme{background-color:var(--bg-light);color:var(--text-light)}.dark-theme{background-color:var(--bg-dark);color:var(--text-dark)}*{font-family:Montserrat,sans-serif;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}:root{--primary-color: #896790;--secondary-color: #bfadcc;--light-accent: #ffe1f5;--tertiary-color: #dfbbda;--accent-color: #f2bae4;--sidebar-width: 240px;--mobile-header-height: 60px;--mobile-nav-height: 60px;--light-bg: #f8f9fa;--light-text: #333;--light-border: #e2e8f0;--light-sidebar: #ffe9fe;--light-sidebar-active: var(--primary-color);--light-sidebar-text: #555;--light-sidebar-active-text: #fff;--light-card-bg: #ffffff;--light-shadow: rgba(0, 0, 0, .08);--dark-bg: #1a1520;--dark-text: #e3e3e3;--dark-border: #36393f;--dark-sidebar: #342b3c;--dark-sidebar-active: var(--primary-color);--dark-sidebar-text: #b9bbbe;--dark-sidebar-active-text: #fff;--dark-card-bg: #2a2e33;--dark-shadow: rgba(0, 0, 0, .3)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}body.dark-theme{background-color:var(--bg-color);color:var(--text-color)}.app-container{display:flex;min-height:100vh}.light-theme{--bg-color: var(--light-bg);--text-color: var(--light-text);--border-color: var(--light-border);--sidebar-bg: var(--light-sidebar);--sidebar-active: var(--light-sidebar-active);--sidebar-text: var(--light-sidebar-text);--sidebar-active-text: var(--light-sidebar-active-text);--card-bg: var(--light-card-bg);--shadow: var(--light-shadow)}.dark-theme{--bg-color: var(--dark-bg);--text-color: var(--dark-text);--border-color: var(--dark-border);--sidebar-bg: var(--dark-sidebar);--sidebar-active: var(--dark-sidebar-active);--sidebar-text: var(--dark-sidebar-text);--sidebar-active-text: var(--dark-sidebar-active-text);--card-bg: var(--dark-card-bg);--shadow: var(--dark-shadow)}.app-container{display:flex;min-height:100vh;position:relative}.desktop-only{display:flex}.mobile-header{display:none;position:fixed;top:0;left:0;width:100%;height:var(--mobile-header-height);background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color);z-index:999;padding:0 1rem;box-shadow:0 2px 10px var(--shadow);align-items:center;justify-content:space-between}.mobile-logo{height:40px}.mobile-logo img{height:100%;width:100%;object-fit:contain}.side-navigation{width:var(--sidebar-width);height:100vh;position:fixed;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:1.5rem 1rem;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:2px 0 8px var(--shadow);z-index:10}.logo{height:133px}.logo img{height:100%;width:100%;object-fit:contain}.nav-links{display:flex;flex-direction:column;flex-grow:1}.nav-link{display:flex;align-items:center;padding:.8rem 1rem;margin-bottom:.5rem;border-radius:.5rem;text-decoration:none;color:var(--sidebar-text);transition:all .2s ease}.nav-link:hover{background-color:#8967901a}.nav-link.active{background-color:var(--sidebar-active);color:var(--sidebar-active-text)}.nav-link svg{margin-right:.8rem;font-size:1.2rem}.theme-toggle{background:none;border:none;color:var(--sidebar-text);font-size:1.2rem;cursor:pointer;padding:.8rem;margin-top:auto;display:flex;align-items:center;justify-content:center;border-radius:50%;align-self:center;transition:all .2s ease}.theme-toggle:hover{background-color:#8967901a}.mobile-theme-toggle{background:none;border:none;color:var(--sidebar-text);font-size:1.2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mobile-theme-toggle:hover{background-color:#8967901a}.main-content{margin-left:var(--sidebar-width);padding:2rem;width:calc(100% - var(--sidebar-width));min-height:100vh;transition:all .3s ease}.mobile-navigation{display:none;justify-content:center;position:fixed;bottom:0;left:0;width:100%;z-index:100;padding-bottom:1rem}.mobile-nav{width:95vw;display:flex;justify-content:space-around;align-items:center;background-color:var(--sidebar-bg);border-radius:50px;height:var(--mobile-nav-height);box-shadow:0 -2px 10px var(--shadow)}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sidebar-text);text-decoration:none;transition:all .2s ease;flex:1;text-align:center}.mobile-nav-link span{font-size:.7rem;margin-top:4px}.mobile-nav-link svg{font-size:1.2rem}.mobile-nav-link.active{color:var(--primary-color)}.mobile-nav .Home{height:10vh;background-color:#f4d4ff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 8px var(--shadow)}.mobile-nav .Home svg{font-size:1.5rem;color:var(--primary-color)}@media (max-width: 992px){:root{--sidebar-width: 200px}.main-content{padding:1.5rem}}@media (max-width: 768px){:root{--sidebar-width: 0;--mobile-nav-height: 60px;--mobile-padding-bottom: 80px}.desktop-only{display:none}.mobile-header{display:flex}.main-content{margin-left:0;width:100%;padding:1rem;padding-top:calc(var(--mobile-header-height) + .5rem);padding-bottom:var(--mobile-padding-bottom);min-height:100vh}.mobile-navigation{display:flex}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:20px}.auth-form-container{background-color:#ffffff38;border-radius:8px;border:1px solid white;box-shadow:0 4px 10px #0000001a;padding:30px;width:100%;max-width:450px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-logo{margin-bottom:20px}.auth-logo img{max-width:180px;height:auto}.auth-form-container h2{font-size:24px;margin-bottom:10px;color:var(--text-color)}.auth-subtitle{color:var(--text-secondary);margin-bottom:25px;font-size:14px}.auth-form{text-align:left}.auth-form .form-group{margin-bottom:20px}.auth-form label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-color)}.auth-form input{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);font-size:14px;transition:border-color .3s,box-shadow .3s}.auth-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.auth-form input.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:12px;margin-top:5px}.auth-button{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.auth-button:hover{background-color:var(--primary-hover)}.auth-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.auth-links{margin-top:20px;font-size:14px;color:var(--text-secondary)}.auth-links a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.form-footer{margin-top:25px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:var(--text-color)}.nav-link.logout-link{color:#fff;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;color:inherit;text-align:left;width:100%;display:flex;align-items:center;padding:12px 15px;margin-top:auto;text-decoration:none}.nav-link.logout-link:hover{background-color:var(--hover-bg)}.mobile-user{display:flex;align-items:center}.mobile-user a{display:flex;align-items:center;gap:8px;color:var(--text-color);text-decoration:none}.user-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.auth-form-container{padding:20px}.auth-logo img{max-width:150px}}.mobile-header-actions{display:flex;align-items:center;gap:10px}.mobile-logout-btn{background:none;border:none;color:var(--text-color);font-size:18px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:background-color .3s}.mobile-logout-btn:hover{background-color:var(--hover-bg)}.dark-theme .mobile-logout-btn{color:var(--text-color-dark)}.mobile-nav-link.Settings{background:none;border:none;font-family:inherit;font-size:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:10px;color:var(--text-color);text-decoration:none;transition:color .3s;cursor:pointer}.mobile-nav-link.Settings svg{font-size:20px;margin-bottom:5px}.mobile-nav-link.Settings span{font-size:12px}.dark-theme .mobile-nav-link.Settings{color:var(--text-color-dark)}:root{--customer-card-bg-light: #ffffff;--customer-card-bg-dark: #231b29;--customer-page-bg-light: #fdf7ff;--customer-page-bg-dark: #1a1520;--modal-bg-light: #ffffff;--modal-bg-dark: #231b29;--text-light: #4a3a51;--text-dark: #ffe1f5}.light-theme{--current-card-bg: var(--customer-card-bg-light);--current-page-bg: var(--customer-page-bg-light);--current-modal-bg: var(--modal-bg-light);--current-text: var(--text-light)}.dark-theme{--current-card-bg: var(--customer-card-bg-dark);--current-page-bg: var(--customer-page-bg-dark);--current-modal-bg: var(--modal-bg-dark);--current-text: var(--text-dark)}.customer-page{padding:2rem;background:var(--current-page-bg)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.customer-page h1{font-size:28px;font-weight:700;color:#896790;margin-bottom:0}.add-customer-btn{background:linear-gradient(45deg,#dfbbda,#f2bae4);color:#4a3a51;border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 10px #89679033}.add-customer-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #89679040}.customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.modern-card{background:var(--current-card-bg);border-radius:16px;box-shadow:0 5px 15px #8967901a;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:1px solid #ffe1f5;position:relative;overflow:hidden}.dark-theme .modern-card{border:1px solid #4a3a51}.modern-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #89679026}.top-row{display:flex;align-items:center;gap:1rem}.avatar{background:linear-gradient(45deg,#dfbbda,#f2bae4);padding:1rem;border-radius:50%;font-size:1.2rem;color:#896790;box-shadow:0 4px 8px #89679033;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.customer-det{display:flex;flex-direction:column;gap:8px}.customer-det h3{font-size:18px;font-weight:600;color:#4a3a51}.customer-det p{font-size:14px;color:#896790;opacity:.8}.dark-theme .customer-det p{color:#dfbbda}.bottom-row{display:flex;justify-content:space-between;margin-top:1.5rem;font-size:.85rem;align-items:center}.status{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:12px;font-weight:600;font-size:.9rem}.status.paid{background:#2e7d321a;color:#2e7d32}.status.pending{background:#ed6c021a;color:#ed6c02}.status.new{background:#1976d21a;color:#1976d2}.items-preview{display:flex;flex-wrap:wrap;gap:.5rem}.items-preview span{background:#ffe1f5;padding:.3rem .8rem;border-radius:12px;font-size:.75rem;color:#896790;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#89679080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.dark-theme .modal-overlay{background:#000000b3}.modal-content{background:var(--current-modal-bg);padding:2rem;border-radius:16px;max-width:600px;width:90%;position:relative;max-height:85vh;overflow-y:auto;box-shadow:0 10px 30px #89679033;border:1px solid #ffe1f5}.dark-theme .modal-content{border:1px solid #4a3a51}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#896790;cursor:pointer;transition:all .3s ease;height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}.close-btn:hover{background:#ffe1f5;color:#4a3a51}.modal-content.glass{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-theme .modal-content.glass{background:#231b29cc}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;animation:slideUp .3s ease-out forwards}.modal-avatar{background:linear-gradient(45deg,#dfbbda,#f2bae4);padding:1.2rem;border-radius:50%;font-size:1.5rem;color:#896790;box-shadow:0 4px 8px #89679033;display:flex;align-items:center;justify-content:center}.modal-header-info{flex:1}.modal-header-info h2{font-size:24px;font-weight:700;color:#4a3a51;margin-bottom:.5rem}.modal-header-info p{font-size:16px;color:#896790;margin:.3rem 0}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:12px;font-weight:600;font-size:.9rem;margin-top:.5rem}.status-badge.paid{background-color:#2e7d321a;color:#2e7d32}.status-badge.pending{background-color:#ed6c021a;color:#ed6c02}.status-badge.new{background-color:#1976d21a;color:#1976d2}.modal-body{display:flex;flex-direction:column;gap:2rem;animation:slideUp .4s ease-out forwards;animation-delay:.1s}.info-section,.purchase-section{border-top:1px solid rgba(137,103,144,.1);padding-top:1.5rem}.info-section h3,.purchase-section h3{font-size:18px;font-weight:600;color:#896790;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.info-section p{display:flex;justify-content:space-between;margin:.8rem 0}.info-section p span:first-child{color:#896790;display:flex;align-items:center;gap:.5rem;font-weight:500}.info-section p span:last-child{color:#4a3a51;font-weight:500}.purchase-section ul{list-style:none;padding:0}.purchase-section ul li{padding:.8rem 0;border-bottom:1px solid rgba(137,103,144,.1);position:relative}.purchase-section ul li:before{content:"";width:6px;height:6px;background:#dfbbda;position:absolute;left:-15px;top:50%;transform:translateY(-50%);border-radius:50%}.invoice-list{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.invoice-item{padding:1rem;background:#fff;border-radius:12px;display:flex;justify-content:space-between;border:1px solid #ffe1f5}.invoice-item:last-child{margin-bottom:1rem}.invoice-date{color:#896790;font-size:.9rem}.invoice-amount{font-weight:600;color:#4a3a51}.add-invoice-btn{background:linear-gradient(45deg,#dfbbda,#f2bae4);color:#4a3a51;border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 10px #89679033}.add-invoice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #89679040}.due-amount{color:#ed6c02!important;font-weight:600!important}.dark-theme .due-amount{color:#f57c00!important}.transaction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.transaction-card{background:#fff;border-radius:12px;padding:1rem;border:1px solid #ffe1f5;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.dark-theme .transaction-card{background:#231b29;border:1px solid #4a3a51}.transaction-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #89679026}.transaction-card.selected{border:2px solid #dfbbda;box-shadow:0 6px 15px #89679033}.transaction-header{display:flex;justify-content:space-between;align-items:center}.transaction-icon{background:linear-gradient(45deg,#dfbbda,#f2bae4);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4a3a51;font-size:1rem}.transaction-amount{font-weight:700;color:#4a3a51;font-size:1.1rem}.transaction-details{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.transaction-date,.transaction-method{display:flex;align-items:center;gap:.5rem;color:#896790}.transaction-notes{margin-top:.5rem;padding:.5rem;background:#ffe1f5;border-radius:8px;font-size:.85rem;color:#4a3a51}.no-transactions{text-align:center;padding:2rem;color:#896790;background:#8967900d;border-radius:12px;font-size:1rem}.transaction-detail-card{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid #ffe1f5}.transaction-detail-content{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.detail-row{display:flex;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid rgba(137,103,144,.1)}.detail-row.notes{flex-direction:column;gap:.5rem}.detail-label{color:#896790;font-weight:500;display:flex;align-items:center;gap:.5rem}.detail-value{color:#4a3a51;font-weight:500}.detail-value.highlight{color:#2e7d32;font-weight:700}.customer-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#896790;font-weight:500;display:flex;align-items:center;gap:.5rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid rgba(137,103,144,.2);border-radius:8px;font-size:1rem;background:var(--current-modal-bg);color:var(--current-text);transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#dfbbda;outline:none;box-shadow:0 0 0 2px #dfbbda33}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.cancel-btn,.save-btn,.edit-btn,.delete-btn{padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.cancel-btn{background:#f5f5f5;color:#896790;border:1px solid rgba(137,103,144,.2)}.save-btn{background:linear-gradient(45deg,#dfbbda,#f2bae4);color:#4a3a51;border:none;box-shadow:0 4px 10px #89679033}.cancel-btn:hover,.save-btn:hover,.edit-btn:hover,.delete-btn:hover{transform:translateY(-2px)}.cancel-btn:hover{background:#eee}.save-btn:hover{box-shadow:0 6px 15px #89679040}.modal-actions{display:flex;gap:.75rem;margin-left:auto}.edit-btn{background:#f0f0f0;color:#1976d2;border:1px solid #e0e0e0}.delete-btn{background:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2}.edit-btn:hover{background:#e3f2fd}.delete-btn:hover{background:#ffebee}.empty-state{background:#8967900d;border-radius:16px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-state p{color:#896790;font-size:1.1rem;margin:0}.loading-message,.error-message{background:#8967900d;border-radius:12px;padding:1rem;text-align:center;margin:1rem 0}.loading-message{color:#896790}.error-message{color:#d32f2f;background:#d32f2f0d}:root{--dashboard-bg-light: #fdf7ff;--dashboard-bg-dark: #1a1520;--dashboard-text-light: #4a3a51;--dashboard-text-dark: #ffe1f5;--card-bg-light: #ffffff;--card-bg-dark: #231b29;--card-border-light: #ffe1f5;--card-border-dark: #4a3a51;--card-shadow-light: rgba(137, 103, 144, .15);--card-shadow-dark: rgba(0, 0, 0, .3);--icon-btn-bg-light: #ffffff;--icon-btn-bg-dark: #312437;--dropdown-bg-light: #ffffff;--dropdown-bg-dark: #231b29;--dropdown-hover-light: #ffe1f5;--dropdown-hover-dark: #312437;--dropdown-text-light: #4a3a51;--dropdown-text-dark: #ffe1f5;--progress-bg-light: #f3f3f3;--progress-bg-dark: #312437;--chart-tooltip-bg-light: #ffffff;--chart-tooltip-bg-dark: #231b29;--primary-color: #896790;--primary-color-dark: #6d5272;--success-color: #4caf50;--danger-color: #f44336;--background-card: white;--background-secondary: #f5f5f5;--background-hover: #eaeaea;--background-tooltip: #333;--text-primary: #333;--text-secondary: #666;--text-tertiary: #888;--border-color: #eee;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}.light-theme{--current-dashboard-bg: var(--dashboard-bg-light);--current-dashboard-text: var(--dashboard-text-light);--current-card-bg: var(--card-bg-light);--current-card-border: var(--card-border-light);--current-card-shadow: var(--card-shadow-light);--current-icon-btn-bg: var(--icon-btn-bg-light);--current-dropdown-bg: var(--dropdown-bg-light);--current-dropdown-hover: var(--dropdown-hover-light);--current-dropdown-text: var(--dropdown-text-light);--current-progress-bg: var(--progress-bg-light);--current-chart-tooltip-bg: var(--chart-tooltip-bg-light)}.dark-theme{--current-dashboard-bg: var(--dashboard-bg-dark);--current-dashboard-text: var(--dashboard-text-dark);--current-card-bg: var(--card-bg-dark);--current-card-border: var(--card-border-dark);--current-card-shadow: var(--card-shadow-dark);--current-icon-btn-bg: var(--icon-btn-bg-dark);--current-dropdown-bg: var(--dropdown-bg-dark);--current-dropdown-hover: var(--dropdown-hover-dark);--current-dropdown-text: var(--dropdown-text-dark);--current-progress-bg: var(--progress-bg-dark);--current-chart-tooltip-bg: var(--chart-tooltip-bg-dark);--primary-color: #a980b2;--primary-color-dark: #8e6e96;--background-card: #2d2d2d;--background-secondary: #3d3d3d;--background-hover: #4d4d4d;--background-tooltip: #555;--text-primary: #e0e0e0;--text-secondary: #aaa;--text-tertiary: #888;--border-color: #444;--card-shadow: 0 2px 8px rgba(0, 0, 0, .2);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .3)}.dashboard{max-width:1200px;margin:0 auto;padding:20px;font-family:Montserrat,sans-serif;background-color:var(--current-dashboard-bg);color:var(--current-dashboard-text)}.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-title{font-size:24px;margin-bottom:4px;color:var(--text-primary)}.dashboard-subtitle{color:var(--text-secondary);font-size:14px}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:36px;height:36px;border-radius:50%;background-color:var(--background-secondary);color:var(--text-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.icon-button:hover{background-color:var(--background-hover)}.icon-button.primary-light{background-color:#8967901a;color:#896790}.primary-button{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:5px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s}.primary-button:hover{background-color:var(--primary-color-dark)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:45px;right:0;background-color:var(--current-dropdown-bg);border-radius:12px;box-shadow:0 5px 15px var(--current-card-shadow);min-width:150px;z-index:100;border:1px solid var(--current-card-border)}.dropdown-item{display:block;width:100%;padding:10px 15px;text-align:left;border:none;background:none;cursor:pointer;color:var(--current-dropdown-text);transition:all .3s}.dropdown-item:hover{background-color:var(--current-dropdown-hover);color:#896790}.profile-link{margin-left:10px;text-decoration:none}.profile-button{background-color:var(--background-secondary);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #8967904d;border:2px solid #f2bae4;transition:all .3s ease}.profile-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #89679066;border-color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-text{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-item{background-color:var(--background-card);border-radius:8px;box-shadow:var(--card-shadow);overflow:hidden}.grid-item.large{grid-column:span 2}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:space-between}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.grid-item.large{grid-column:span 1}.actions-grid{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.header-actions{width:100%;justify-content:space-between}.button-text{display:none}.primary-button{padding:8px;height:36px;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.grid-item.large{grid-column:span 1}.stat-card-value{font-size:20px}.revenue-card-amount{font-size:24px}.chart-container{height:150px;gap:4px;margin-bottom:12px}.chart-bar{margin:0 2px}.chart-label{font-size:10px}.activity-item{gap:8px;padding:8px 0}.activity-icon{width:32px;height:32px}.activity-label,.activity-value{font-size:12px}.action-button{padding:8px;min-height:70px}.action-button svg{font-size:16px;margin-bottom:5px}.action-button .action-text{font-size:10px}.quick-actions-title{font-size:16px;margin-bottom:12px}.actions-grid{gap:8px}}@media (min-width: 481px) and (max-width: 768px){.dashboard{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.grid-item.large{grid-column:span 1}}@media (max-width: 768px){.mobile-navigation{position:fixed;bottom:0;left:0;right:0;z-index:1000}.mobile-nav{display:flex;justify-content:space-around;padding:10px 0}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-secondary);font-size:12px;gap:4px}.mobile-nav-link.active{color:var(--primary-color)}.dashboard{padding-bottom:80px}}.chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:200px;margin-bottom:10px;position:relative}.stat-card,.revenue-card,.performance-card,.quick-actions-card,.activities-card{background-color:var(--current-card-bg);border-radius:16px;padding:20px;box-shadow:0 4px 15px var(--current-card-shadow);border:1px solid var(--current-card-border);transition:all .3s ease;position:relative;overflow:hidden}.stat-card{min-height:160px}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--current-card-shadow)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.stat-card-title{font-size:16px;color:#e6aff2;opacity:.8}.stat-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.stat-card-value{font-size:26px;font-weight:700;margin-bottom:15px;color:#b881d0}.stat-card-footer{display:flex;justify-content:space-between;align-items:center}.stat-card-change{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;padding:5px 10px;border-radius:12px}.stat-card-change.positive{color:#2e7d32;background-color:#2e7d321a}.stat-card-change.negative{color:#d32f2f;background-color:#d32f2f1a}.stat-card-change i{font-size:12px}.stat-card-period{font-size:13px;color:#896790;opacity:.7}.circular-progress-container{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.circular-progress{transform:rotate(-90deg)}.circular-progress-background{fill:none;stroke:#ffe1f5}.circular-progress-value{fill:none;stroke-linecap:round;transition:all .3s}.circular-progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:#896790}.revenue-card{padding:20px}.revenue-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.revenue-card-title{font-size:18px;margin-bottom:4px;color:var(--text-primary)}.revenue-card-subtitle{color:var(--text-secondary);font-size:12px}.revenue-card-actions{display:flex;gap:8px}.revenue-card-amount{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.revenue-card-change{display:flex;align-items:center;gap:8px;margin-bottom:24px}.change-indicator{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500}.change-indicator.positive{color:var(--success-color)}.change-indicator.negative{color:var(--danger-color)}.change-period{font-size:14px;color:var(--text-tertiary)}.chart-bar{flex:1;background-color:#8967904d;border-radius:4px 4px 0 0;position:relative;transition:all .3s;margin:0 6px}.dark-theme .chart-bar{background-color:#89679066}.chart-bar.active,.chart-bar:hover{background-color:#896790}.chart-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:var(--background-tooltip);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .2s;z-index:1}.chart-labels{display:flex;justify-content:space-between;padding:0 6px}.chart-label{flex:1;text-align:center;font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-actions-card{padding:20px}.quick-actions-title{font-size:18px;margin-bottom:20px;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background-color:transparent;border:1px solid;border-radius:8px;cursor:pointer;transition:all .2s;min-height:80px}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.dark-theme .action-button:hover{box-shadow:0 4px 10px #0000004d}.action-button svg{font-size:20px;margin-bottom:8px}.action-button .action-text{font-size:12px;text-align:center}.activities-card{padding:20px}.activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.activities-title{font-size:18px;color:var(--text-primary)}.activities-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:12px;padding:12px 0}.activity-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-content{flex:1}.activity-header{display:flex;justify-content:space-between;margin-bottom:4px}.activity-label{font-size:14px;color:var(--text-primary)}.activity-time{font-size:12px;color:var(--text-tertiary)}.activity-value{font-size:14px;font-weight:500;color:var(--text-secondary)}.activity-divider{height:1px;background-color:var(--border-color);margin:0}.view-all-button{width:100%;padding:10px;margin-top:16px;background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.view-all-button:hover{background-color:var(--background-hover)}.period-selector{padding:8px 12px;border-radius:5px;border:1px solid var(--border-color);background-color:var(--background-card);color:var(--text-primary);font-size:14px;cursor:pointer}.connection-status{margin:1rem 0;padding:1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.connection-status.loading{background-color:#f5f5f5;color:#666;border:1px solid #ddd}.connection-status.success{background-color:#e6f4ea;color:#1e7e34;border:1px solid #c3e6cb}.connection-status.error{background-color:#fbe9e7;color:#d32f2f;border:1px solid #ffcdd2}.warning-banner{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.warning-icon{font-size:1.25rem;color:#856404}.warning-message{margin:0}:root{--primary-color: #896790;--primary-light: #bfadcc;--primary-lighter: #dfbbda;--primary-lightest: #f2bae4;--primary-bg: #ffe1f5;--success-color: #4caf50;--error-color: #f44336;--text-dark: #333;--text-light: #666;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 8px;--profile-bg-light: #fdf7ff;--profile-bg-dark: #1a1520;--card-bg-light: #ffffff;--card-bg-dark: #231b29;--text-color-light: #4a3a51;--text-color-dark: #ffe1f5;--input-bg-light: #ffffff;--input-bg-dark: #312437;--input-border-light: #e0e0e0;--input-border-dark: #4a3a51;--shadow-light: 0 4px 6px rgba(0, 0, 0, .1);--shadow-dark: 0 4px 8px rgba(0, 0, 0, .3)}.profile-container.light-theme{background-color:var(--profile-bg-light);color:var(--text-color-light)}.light-theme .profile-card{background-color:var(--card-bg-light);box-shadow:var(--shadow-light)}.light-theme .back-button{background-color:#fff;color:var(--primary-color)}.light-theme .profile-header h1{color:var(--text-color-light)}.light-theme .profile-header p{color:var(--text-light)}.light-theme .profile-form input,.light-theme .profile-form textarea{background-color:var(--input-bg-light);border-color:var(--input-border-light);color:var(--text-color-light)}.profile-container.dark-theme{background-color:var(--profile-bg-dark);color:var(--text-color-dark)}.dark-theme .profile-card{background-color:var(--card-bg-dark);box-shadow:var(--shadow-dark);border:1px solid #4a3a51}.dark-theme .back-button{background-color:#312437;color:#ffe1f5}.dark-theme .profile-header h1{color:var(--text-color-dark)}.dark-theme .profile-header p{color:var(--primary-lighter)}.dark-theme .profile-form input,.dark-theme .profile-form textarea{background-color:var(--input-bg-dark);border-color:var(--input-border-dark);color:var(--text-color-dark)}.dark-theme .input-icon,.dark-theme .profile-upload-hint{color:var(--primary-lighter)}.dark-theme .profile-image-placeholder{background-color:#312437}.dark-theme .profile-image-placeholder svg{color:var(--primary-lighter)}.dark-theme .profile-image-container{border-color:var(--primary-light)}.dark-theme .update-profile-btn{background-color:var(--primary-color)}.dark-theme .update-profile-btn:hover{background-color:#775980}.dark-theme .update-profile-btn:disabled{background-color:#4a3a51}.dark-theme .profile-message.success{background-color:#4caf5033}.dark-theme .profile-message.error{background-color:#f4433633}.dark-theme .profile-form input:focus,.dark-theme .profile-form textarea:focus{border-color:var(--primary-lighter);box-shadow:0 0 0 2px #dfbbda4d}.profile-loading.light-theme{background-color:var(--profile-bg-light);color:var(--text-color-light)}.profile-loading.dark-theme{background-color:var(--profile-bg-dark);color:var(--text-color-dark)}.light-theme .loading-icon{color:var(--primary-color)}.dark-theme .loading-icon{color:var(--primary-lighter)}.light-theme .profile-loading p{color:var(--text-light)}.dark-theme .profile-loading p{color:var(--primary-lighter)}.profile-container{max-width:1100px;margin:40px auto;padding:0 20px}.profile-header{margin-bottom:30px}.profile-header-left{display:flex;align-items:center;gap:15px}.back-button{height:40px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);transition:all .3s ease}.back-button:hover{background-color:var(--primary-bg);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.profile-header h1{color:var(--text-dark);font-size:28px;margin-bottom:5px}.profile-header p{color:var(--text-light);font-size:16px}.profile-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:40px;display:flex;flex-direction:column;gap:40px}@media (min-width: 768px){.profile-card{flex-direction:row;align-items:flex-start}}.profile-image-section{display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 768px){.profile-image-section{width:30%}}.profile-image-container{width:200px;height:200px;border-radius:50%;position:relative;overflow:hidden;cursor:pointer;border:4px solid var(--primary-light);box-shadow:var(--shadow);margin-bottom:15px;transition:transform .3s ease}.profile-image-container:hover{transform:scale(1.02)}.profile-image{width:100%;height:100%;object-fit:cover}.profile-image-placeholder{width:100%;height:100%;background-color:var(--primary-bg);display:flex;align-items:center;justify-content:center}.profile-image-placeholder svg{font-size:80px;color:var(--primary-color);opacity:.7}.profile-image-overlay{position:absolute;bottom:0;left:0;right:0;height:50px;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.profile-image-container:hover .profile-image-overlay{opacity:1}.image-input{display:none}.profile-upload-hint{color:var(--text-light);font-size:14px;margin-top:5px}.profile-form-section{flex:1}.profile-message{padding:12px 16px;border-radius:var(--border-radius);margin-bottom:20px;display:flex;align-items:center;gap:10px}.profile-message.success{background-color:#4caf501a;color:var(--success-color);border:1px solid var(--success-color)}.profile-message.error{background-color:#f443361a;color:var(--error-color);border:1px solid var(--error-color)}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.input-icon{position:absolute;left:-26px;top:50%;transform:translateY(-50%);color:var(--primary-color)}.textarea-icon{top:24px;transform:none}.profile-form input,.profile-form textarea{width:100%;padding:15px 15px 15px 45px;border:1px solid #e0e0e0;border-radius:var(--border-radius);font-size:16px;transition:border-color .3s,box-shadow .3s}.profile-form textarea{min-height:120px;resize:vertical}.profile-form input:focus,.profile-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #89679033}.update-profile-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:15px;font-size:16px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;text-transform:uppercase;font-weight:500}.update-profile-btn:hover{background-color:#775980}.update-profile-btn:disabled{background-color:var(--primary-light);cursor:not-allowed}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:20px}.loading-icon{font-size:40px;color:var(--primary-color)}.profile-loading p{color:var(--text-light);font-size:18px}.profile-section-divider{display:flex;align-items:center;margin:30px 0 20px;color:var(--text-light)}.profile-section-divider:before,.profile-section-divider:after{content:"";flex:1;height:1px;background-color:var(--input-border-light)}.dark-theme .profile-section-divider:before,.dark-theme .profile-section-divider:after{background-color:var(--input-border-dark)}.profile-section-divider span{padding:0 15px;font-size:14px;font-weight:500}.dark-theme .profile-section-divider{color:var(--primary-lighter)}.toggle-password-section{display:flex;align-items:center;gap:10px;background:none;border:1px solid var(--input-border-light);border-radius:4px;padding:12px 15px;width:100%;color:var(--text-color-light);font-size:14px;cursor:pointer;transition:all .3s;text-align:left}.dark-theme .toggle-password-section{border-color:var(--input-border-dark);color:var(--text-color-dark)}.toggle-password-section:hover{background-color:var(--profile-bg-light);border-color:var(--primary-color)}.dark-theme .toggle-password-section:hover{background-color:var(--input-bg-dark);border-color:var(--primary-lighter)}.toggle-password-section svg{color:var(--primary-color)}.dark-theme .toggle-password-section svg{color:var(--primary-lighter)}.password-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--input-border-light)}.dark-theme .password-form{border-top-color:var(--input-border-dark)}.error-message{color:var(--error-color);font-size:12px;margin-top:5px}input.error,.dark-theme input.error{border-color:var(--error-color)!important}:root{--invoice-bg-light: #ffffff;--invoice-bg-dark: #1a1520;--table-bg-light: #ffffff;--table-bg-dark: #231b29;--table-header-bg-light: #fdf7ff;--table-header-bg-dark: #312437;--table-hover-bg-light: #fdf7ff;--table-hover-bg-dark: #3c2a45;--table-border-light: #ffe1f5;--table-border-dark: #4a3a51;--modal-bg-light: #ffffff;--modal-bg-dark: #231b29;--modal-overlay-light: rgba(137, 103, 144, .5);--modal-overlay-dark: rgba(0, 0, 0, .7);--input-bg-light: #ffffff;--input-bg-dark: #312437;--input-border-light: #dfbbda;--input-border-dark: #4a3a51;--total-section-bg-light: #fdf7ff;--total-section-bg-dark: #312437;--bill-bg-light: #ffffff;--bill-bg-dark: #1a1520;--bill-accent-light: #896790;--bill-accent-dark: #dfbbda}.light-theme{--current-invoice-bg: var(--invoice-bg-light);--current-table-bg: var(--table-bg-light);--current-table-header-bg: var(--table-header-bg-light);--current-table-hover-bg: var(--table-hover-bg-light);--current-table-border: var(--table-border-light);--current-modal-bg: var(--modal-bg-light);--current-modal-overlay: var(--modal-overlay-light);--current-input-bg: var(--input-bg-light);--current-input-border: var(--input-border-light);--current-total-section-bg: var(--total-section-bg-light);--current-bill-bg: var(--bill-bg-light);--current-bill-accent: var(--bill-accent-light)}.dark-theme{--current-invoice-bg: var(--invoice-bg-dark);--current-table-bg: var(--table-bg-dark);--current-table-header-bg: var(--table-header-bg-dark);--current-table-hover-bg: var(--table-hover-bg-dark);--current-table-border: var(--table-border-dark);--current-modal-bg: var(--modal-bg-dark);--current-modal-overlay: var(--modal-overlay-dark);--current-input-bg: var(--input-bg-dark);--current-input-border: var(--input-border-dark);--current-total-section-bg: var(--total-section-bg-dark);--current-bill-bg: var(--bill-bg-dark);--current-bill-accent: var(--bill-accent-dark)}.invoices-container{padding:2rem;width:100%;height:100%;background-color:var(--current-invoice-bg);border-radius:16px;overflow:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--current-table-border)}.page-header h1{font-size:1.8rem;font-weight:600;color:#896790;display:flex;align-items:center;gap:.5rem;margin:0}.header-icon{color:#896790}.add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(90deg,#896790,#dfbbda);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #89679026}.add-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #89679040}.loading-state,.empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#896790}.empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:#896790}.empty-state p{margin-bottom:1.5rem;color:#896790;opacity:.8}.invoice-list{overflow-x:auto}.invoice-table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #8967901a}.invoice-table th,.invoice-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--current-table-border)}.invoice-table th{background-color:var(--current-table-header-bg);font-weight:600;color:#896790}.invoice-table tr{background-color:var(--current-table-bg);cursor:pointer;transition:background-color .2s}.invoice-table tr:hover{background-color:var(--current-table-hover-bg)}.invoice-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.3rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center;color:#fff}.status-badge.unpaid{background-color:#ff9800}.status-badge.paid{background-color:#4caf50}.status-badge.partial{background-color:#2196f3}.status-badge.overdue{background-color:#f44336}.action-btn{background:none;border:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;cursor:pointer;transition:all .2s}.edit-btn{color:#2196f3}.edit-btn:hover{background-color:#2196f31a}.view-btn{color:#896790}.view-btn:hover{background-color:#8967901a}.delete-btn{color:#f44336}.delete-btn:hover{background-color:#f443361a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--current-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.invoice-modal{background-color:var(--current-modal-bg);border-radius:12px;width:90%;max-width:900px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000026;animation:modalFadeIn .3s ease-in-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--current-table-border)}.modal-header h2{font-size:1.5rem;font-weight:600;color:#896790;margin:0}.close-btn{background:none;border:none;color:#896790;font-size:1.2rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#8967901a}.invoice-form{padding:1.5rem}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--current-table-border)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;color:#896790}.form-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.form-row>div{flex:1;min-width:250px}.form-row label{display:flex;align-items:center;margin-bottom:.5rem;font-weight:500;color:#896790}.form-row input,.form-row select,.form-row textarea{width:100%;padding:.75rem;border:1px solid var(--current-input-border);border-radius:8px;background-color:var(--current-input-bg);transition:all .2s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#896790;box-shadow:0 0 0 2px #89679033}.form-row textarea{min-height:80px;resize:vertical}.items-container{margin-bottom:1.5rem}.items-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.items-table th,.items-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--current-table-border)}.items-table th{background-color:var(--current-table-header-bg);font-weight:500;color:#896790}.items-table input,.items-table select{width:100%;padding:.5rem;border:1px solid var(--current-input-border);border-radius:6px;background-color:var(--current-input-bg)}.remove-item-btn{background:none;border:none;color:#f44336;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.remove-item-btn:hover{background-color:#f443361a}.add-item-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#8967901a;color:#896790;border:1px dashed var(--current-input-border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.add-item-btn:hover{background-color:#89679033}.total-section{background-color:var(--current-total-section-bg);padding:1.5rem;border-radius:10px;margin-bottom:1.5rem}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.total-row:last-child{margin-bottom:0}.total-row span{font-weight:500}.total-row input{width:150px;padding:.5rem;border:1px solid var(--current-input-border);border-radius:6px;background-color:var(--current-input-bg);text-align:right}.grand-total{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--current-table-border);font-weight:600;font-size:1.1rem;color:#896790}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-btn{padding:.75rem 1.5rem;background-color:transparent;color:#896790;border:1px solid var(--current-input-border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#8967901a}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(90deg,#896790,#dfbbda);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #89679026}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #89679040}.bill-preview-modal{background-color:var(--current-modal-bg);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000026;animation:modalFadeIn .3s ease-in-out}.bill-actions{display:flex;align-items:center;gap:1rem}.print-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(90deg,#896790,#dfbbda);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #89679026}.print-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #89679040}.new-invoice-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#8967901a;color:#896790;border:1px solid var(--current-input-border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.new-invoice-button:hover{background-color:#89679033;transform:translateY(-2px)}.bill-content{padding:0;background-color:var(--current-bill-bg)}.bill-container{max-width:800px;margin:0 auto;background:var(--current-bill-bg);padding:2rem;box-shadow:0 5px 15px #0000000d;color:var(--text-color, #333)}.dark-theme .bill-container{color:#e6e6e6}.bill-header{display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--current-table-border)}.company-details h1{color:var(--current-bill-accent);font-size:1.8rem;margin:0 0 .5rem}.company-details p{margin:.25rem 0;font-size:.9rem}.bill-info{text-align:right}.bill-info h2{color:var(--current-bill-accent);font-size:1.5rem;margin:0 0 1rem}.bill-info table{margin-left:auto}.bill-info td{padding:.25rem 0 .25rem 1rem;text-align:left}.bill-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff}.bill-status.unpaid{background-color:#ff9800}.bill-status.paid{background-color:#4caf50}.bill-status.partial{background-color:#2196f3}.bill-customer-details{display:flex;justify-content:space-between;margin-bottom:2rem}.bill-to,.ship-to{flex:1}.bill-to h3,.ship-to h3{color:var(--current-bill-accent);font-size:1rem;margin:0 0 .5rem;font-weight:600}.bill-to p,.ship-to p{margin:.25rem 0;font-size:.9rem}.bill-items{margin-bottom:2rem}.bill-items table{width:100%;border-collapse:collapse}.bill-items th{background-color:var(--current-table-header-bg);padding:.75rem;text-align:left;font-weight:600;color:var(--current-bill-accent);border-bottom:2px solid #eee}.bill-items td{padding:.75rem;border-bottom:1px solid #eee}.bill-items tfoot td{border-top:2px solid #eee;font-weight:500}.text-right{text-align:right}.bill-footer{display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid #eee}.payment-info,.bill-notes{flex:1}.payment-info h3,.bill-notes h3{color:var(--current-bill-accent);font-size:1rem;margin:0 0 .5rem;font-weight:600}.payment-info p,.bill-notes p{margin:.25rem 0;font-size:.9rem}@media (max-width: 768px){.invoices-container{padding:1rem;border-radius:0}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.5rem}.form-row{flex-direction:column;gap:1rem}.form-row>div{min-width:100%}.invoice-modal,.bill-preview-modal{width:95%}.total-row{flex-direction:column;align-items:flex-start;gap:.5rem}.total-row input{width:100%}.bill-header,.bill-customer-details,.bill-footer{flex-direction:column;gap:1.5rem}.bill-info{text-align:left}.bill-info table{margin-left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;animation:fadeIn .3s ease;color:#896790;font-size:1.2rem}@media print{@page{size:A4;margin:.5cm}body *{visibility:hidden}.bill-container,.bill-container *{visibility:visible!important;color:#000!important}.bill-container{position:absolute;left:0;top:0;width:100%;background:#fff!important;padding:1cm!important;margin:0!important;box-shadow:none!important}.print-button,.close-btn,.new-invoice-button{display:none!important}.bill-items th,.bill-items td,.bill-items table{border-color:#ddd!important;color:#000!important;background:#fff!important}.bill-items th{background-color:#f8f8f8!important}.company-details h1,.bill-info h2{color:#333!important}.bill-status{border:1px solid!important;background-color:#fff!important;color:#000!important}}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.invoice-card{background-color:var(--current-table-bg);border-radius:16px;box-shadow:0 5px 15px #8967901a;overflow:hidden;transition:all .3s ease;border:1px solid var(--current-table-border);display:flex;flex-direction:column;cursor:pointer}.dark-theme .invoice-card{box-shadow:0 5px 15px #0003}.invoice-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #89679026}.invoice-card-header{padding:1.25rem;border-bottom:1px solid var(--current-table-border);background:linear-gradient(to right,#8967900d,#dfbbda0d)}.invoice-number{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.invoice-number h3{margin:0;font-size:1.1rem;color:#896790;font-weight:600}.invoice-date{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#896790cc}.invoice-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1}.invoice-customer,.invoice-amount{display:flex;align-items:center;gap:.75rem}.invoice-amount{font-weight:600;font-size:1.1rem;color:#896790}.card-icon{color:#896790;opacity:.7;width:16px}.invoice-card-footer{display:flex;justify-content:space-evenly;padding:1rem;border-top:1px solid var(--current-table-border);background-color:#89679008}.card-action-btn{background:none;border:none;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.card-action-btn.edit-btn{color:#2196f3}.card-action-btn.edit-btn:hover{background-color:#2196f31a}.card-action-btn.view-btn{color:#896790}.card-action-btn.view-btn:hover{background-color:#8967901a}.card-action-btn.delete-btn{color:#f44336}.card-action-btn.delete-btn:hover{background-color:#f443361a}@media (max-width: 768px){.invoice-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.invoices-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.add-button{width:100%;justify-content:center}}@media (max-width: 480px){.invoice-grid{grid-template-columns:1fr}.invoice-card-header,.invoice-card-body,.invoice-card-footer{padding:1rem}}@media print{.invoice-grid,.page-header,.add-button{display:none!important}}.filters-container{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-bar{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#896790;opacity:.7}.search-bar input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--current-input-border);border-radius:10px;background-color:var(--current-input-bg);font-size:.95rem;transition:all .2s}.search-bar input:focus{outline:none;border-color:#896790;box-shadow:0 0 0 2px #89679033}.status-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.6rem 1rem;border:1px solid var(--current-input-border);background-color:var(--current-input-bg);border-radius:8px;color:#896790;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{background-color:#8967901a}.filter-btn.active{background:linear-gradient(90deg,#896790,#dfbbda);border-color:transparent;color:#fff}.empty-search-result{text-align:center;padding:3rem 1rem;color:#896790}.empty-search-result h3{margin-bottom:.5rem;font-size:1.2rem}.empty-search-result p{margin-bottom:1.5rem;opacity:.8}.filter-reset-btn{padding:.75rem 1.5rem;background:#8967901a;color:#896790;border:1px solid var(--current-input-border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.filter-reset-btn:hover{background:#89679033}@media (max-width: 768px){.filters-container{flex-direction:column;align-items:stretch}.search-bar{width:100%}.status-filters{width:100%;justify-content:space-between}.filter-btn{flex:1;text-align:center;padding:.6rem .5rem;font-size:.9rem}}@keyframes highlight-field{0%{background-color:#3fbb831a;border-color:#3fbb83}to{background-color:transparent;border-color:inherit}}.autofill-highlight{animation:highlight-field 1.5s ease-out}.invoice-form input:not([type=checkbox]),.invoice-form select,.invoice-form textarea{transition:background-color .3s,border-color .3s}:root{--item-bg-light: #ffffff;--item-bg-dark: #231b29;--item-border-light: #ffe1f5;--item-border-dark: #4a3a51;--item-text-light: #4a3a51;--item-text-dark: #ffe1f5;--item-header-bg-light: #fdf7ff;--item-header-bg-dark: #312437;--item-card-shadow-light: rgba(137, 103, 144, .1);--item-card-shadow-dark: rgba(0, 0, 0, .3);--item-icon-bg-light: #ffffff;--item-icon-bg-dark: #312437;--item-hover-bg-light: #fdf7ff;--item-hover-bg-dark: #312437;--item-input-bg-light: #ffffff;--item-input-bg-dark: #312437;--item-input-border-light: #dfbbda;--item-input-border-dark: #4a3a51;--item-modal-overlay-light: rgba(137, 103, 144, .5);--item-modal-overlay-dark: rgba(0, 0, 0, .7)}.light-theme{--current-item-bg: var(--item-bg-light);--current-item-border: var(--item-border-light);--current-item-text: var(--item-text-light);--current-item-header-bg: var(--item-header-bg-light);--current-item-card-shadow: var(--item-card-shadow-light);--current-item-icon-bg: var(--item-icon-bg-light);--current-item-hover-bg: var(--item-hover-bg-light);--current-item-input-bg: var(--item-input-bg-light);--current-item-input-border: var(--item-input-border-light);--current-item-modal-overlay: var(--item-modal-overlay-light)}.dark-theme{--current-item-bg: var(--item-bg-dark);--current-item-border: var(--item-border-dark);--current-item-text: var(--item-text-dark);--current-item-header-bg: var(--item-header-bg-dark);--current-item-card-shadow: var(--item-card-shadow-dark);--current-item-icon-bg: var(--item-icon-bg-dark);--current-item-hover-bg: var(--item-hover-bg-dark);--current-item-input-bg: var(--item-input-bg-dark);--current-item-input-border: var(--item-input-border-dark);--current-item-modal-overlay: var(--item-modal-overlay-dark)}.products-container{padding:2rem;max-width:1200px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{font-size:28px;font-weight:700;color:#896790}.btn{display:inline-flex;align-items:center;gap:8px;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;transition:all .3s;cursor:pointer;border:none;font-size:.9rem;box-shadow:0 4px 10px #89679026}.btn-primary{background:linear-gradient(90deg,#896790,#dfbbda);color:#fff}.btn-primary:hover{box-shadow:0 6px 15px #89679040;transform:translateY(-2px)}.btn-secondary{background-color:#bfadcc;color:#4a3a51}.dark-theme .btn-secondary{background-color:#8967904d;color:#ffe1f5}.btn-secondary:hover{background-color:#dfbbda}.dark-theme .btn-secondary:hover{background-color:#89679080}.btn-danger{background-color:#d32f2f1a;color:#d32f2f}.btn-danger:hover{background-color:#d32f2f33}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--current-item-icon-bg);color:#896790;border:1px solid var(--current-item-border)}.btn-icon:hover{background-color:#ffe1f5;transform:translateY(-2px)}.dark-theme .btn-icon:hover{background-color:#89679033}.btn-danger.btn-icon{border-color:#d32f2f1a}.btn-danger.btn-icon:hover{background-color:#d32f2f1a}.table-container{background-color:var(--current-item-bg);border-radius:16px;box-shadow:0 5px 15px var(--current-item-card-shadow);overflow:hidden;border:1px solid var(--current-item-border)}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--current-item-border);color:var(--current-item-text)}.products-table th{background-color:var(--current-item-header-bg);font-weight:600;color:#896790;white-space:nowrap}.products-table tr:last-child td{border-bottom:none}.products-table tr:hover td{background-color:var(--current-item-hover-bg)}.actions{display:flex;gap:.5rem;justify-content:center}.description-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #ffe1f5;border-top:4px solid #896790;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--current-item-modal-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background-color:var(--current-item-bg);border-radius:16px;padding:2rem;width:100%;max-width:600px;box-shadow:0 10px 30px var(--current-item-card-shadow);border:1px solid var(--current-item-border);max-height:90vh;overflow-y:auto;position:relative}.modal h2{margin-bottom:1.5rem;color:#896790;font-weight:600;font-size:22px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#896790}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--current-item-input-border);background-color:var(--current-item-input-bg);color:var(--current-item-text);border-radius:8px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#896790;outline:none;box-shadow:0 0 0 3px #8967901a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.close-icon{position:absolute;top:1rem;right:1rem;background:#d32f2f1a;color:#d32f2f;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;border:none}.close-icon:hover{background:#d32f2f33;transform:rotate(90deg)}@media (max-width: 768px){.products-container{padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:1rem}.header h1{font-size:24px}.table-container{overflow-x:auto}.form-row{grid-template-columns:1fr}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.product-card{background:var(--current-card-bg, #ffffff);border-radius:16px;box-shadow:0 5px 15px #8967901a;overflow:hidden;transition:all .3s ease;position:relative;border:1px solid #ffe1f5;display:flex;flex-direction:column}.dark-theme .product-card{border:1px solid #4a3a51}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #89679026}.product-card-image{height:180px;overflow:hidden;background-color:#f7f0f8;display:flex;align-items:center;justify-content:center;position:relative}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem;color:#dfbbda}.product-card-content{padding:1.2rem;flex:1}.product-name{font-size:18px;font-weight:600;color:#4a3a51;margin-bottom:.5rem}.product-description{font-size:14px;color:#896790;opacity:.8;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-details{display:flex;flex-direction:column;gap:.8rem}.product-price{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#896790;font-size:1.1rem}.product-category{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4a3a51}.product-subcategory{background:#ffe1f5;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;color:#896790;font-weight:500;margin-left:.5rem}.product-card-actions{display:flex;padding:.8rem 1.2rem;justify-content:flex-end;gap:.5rem;background-color:#f2bae40d;border-top:1px solid #ffe1f5}.dark-theme .product-card-actions{border-top:1px solid #4a3a51;background-color:#4a3a5133}.btn-icon{background:transparent;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.9rem}.edit-btn{color:#1976d2;background-color:#1976d21a}.edit-btn:hover{background-color:#1976d233}.delete-btn{color:#d32f2f;background-color:#d32f2f1a}.delete-btn:hover{background-color:#d32f2f33}.category-form-group{position:relative}.category-selection{display:flex;gap:10px;align-items:center}.category-selection select{flex:1}.category-selection select.no-categories{border-color:#e74c3c}.add-category-btn{background-color:#3498db;color:#fff;border:none;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.add-category-btn:hover{background-color:#2980b9}.category-helper-text{color:#e74c3c;font-size:.8rem;margin-top:5px}.create-first-category-btn{background:linear-gradient(90deg,#896790,#dfbbda);color:#fff;border:none;width:100%;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:500;transition:all .3s}.create-first-category-btn:hover{box-shadow:0 6px 15px #89679040;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{border-radius:8px;padding:30px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 5px 20px #0003}.close-icon{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6c757d;transition:color .2s}.close-icon:hover{color:#e74c3c}.modal h2{margin-top:0;margin-bottom:20px;font-size:1.5rem;color:#333}.modal-subtitle{margin-top:-15px;margin-bottom:20px;color:#6c757d;font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.btn{padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;border:none}.btn.primary{background-color:#3498db;color:#fff}.btn.primary:hover{background-color:#2980b9}.btn.secondary{background-color:#e0e0e0;color:#333}.btn.secondary:hover{background-color:#d0d0d0}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.modal{width:95%;padding:20px}}.modal-info-box{background-color:#e3f2fd;border-left:4px solid #2196f3;padding:15px;margin-bottom:20px;border-radius:4px;display:flex;align-items:flex-start;gap:12px}.modal-info-box svg{color:#2196f3;margin-top:3px}.modal-info-box p{margin:0;color:#0d47a1;font-size:.9rem;line-height:1.4}.dark-theme .modal-info-box{background-color:#2196f31a;border-left:4px solid #2196f3;color:#90caf9}.dark-theme .modal-info-box p{color:#90caf9}:root{--setting-bg-light: #ffffff;--setting-bg-dark: #231b29;--setting-border-light: #ffe1f5;--setting-border-dark: #4a3a51;--setting-text-light: #4a3a51;--setting-text-dark: #ffe1f5;--setting-card-shadow-light: rgba(137, 103, 144, .1);--setting-card-shadow-dark: rgba(0, 0, 0, .3);--setting-input-bg-light: #ffffff;--setting-input-bg-dark: #312437;--setting-input-border-light: #dfbbda;--setting-input-border-dark: #675073;--setting-toggle-bg-light: #dfbbda;--setting-toggle-bg-dark: #4a3a51;--setting-swatch-border-light: #ffffff;--setting-swatch-border-dark: #312437}.light-theme{--current-setting-bg: var(--setting-bg-light);--current-setting-border: var(--setting-border-light);--current-setting-text: var(--setting-text-light);--current-setting-card-shadow: var(--setting-card-shadow-light);--current-setting-input-bg: var(--setting-input-bg-light);--current-setting-input-border: var(--setting-input-border-light);--current-setting-toggle-bg: var(--setting-toggle-bg-light);--current-setting-swatch-border: var(--setting-swatch-border-light)}.dark-theme{--current-setting-bg: var(--setting-bg-dark);--current-setting-border: var(--setting-border-dark);--current-setting-text: var(--setting-text-dark);--current-setting-card-shadow: var(--setting-card-shadow-dark);--current-setting-input-bg: var(--setting-input-bg-dark);--current-setting-input-border: var(--setting-input-border-dark);--current-setting-toggle-bg: var(--setting-toggle-bg-dark);--current-setting-swatch-border: var(--setting-swatch-border-dark)}.settings-container{max-width:1200px;margin:0 auto;padding:20px}.settings-title{font-size:28px;font-weight:700;margin-bottom:20px;color:#896790}.settings-card{background-color:var(--current-setting-bg);border-radius:16px;box-shadow:0 5px 15px var(--current-setting-card-shadow);padding:24px;margin-bottom:24px;border:1px solid var(--current-setting-border);transition:all .3s}.settings-card:hover{box-shadow:0 8px 25px var(--current-setting-card-shadow);transform:translateY(-3px)}.card-title{font-size:20px;font-weight:600;margin-bottom:20px;color:#896790;border-bottom:1px solid var(--current-setting-border);padding-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{margin-bottom:8px;font-weight:500;color:#896790;font-size:14px}.form-group input,.form-group textarea{padding:12px 15px;border:1px solid var(--current-setting-input-border);background-color:var(--current-setting-input-bg);color:var(--current-setting-text);border-radius:10px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#896790;outline:none;box-shadow:0 0 0 3px #8967901a}.form-group textarea{resize:vertical;min-height:100px}.btn{padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;box-shadow:0 4px 10px #89679026}.btn i{margin-right:8px}.btn.primary{background:linear-gradient(90deg,#896790,#dfbbda);color:#fff}.btn.primary:hover{box-shadow:0 6px 15px #89679040;transform:translateY(-2px)}.btn.secondary{background-color:#bfadcc;color:#4a3a51}.dark-theme .btn.secondary{background-color:#8967904d;color:#ffe1f5}.btn.secondary:hover{background-color:#dfbbda}.dark-theme .btn.secondary:hover{background-color:#89679080}.settings-action-row{display:flex;justify-content:flex-end;margin-top:20px}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--current-setting-toggle-bg);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#896790}input:checked+.toggle-slider:before{transform:translate(26px)}.color-option{display:flex;align-items:center;margin-bottom:15px}.color-swatch{width:30px;height:30px;border-radius:50%;margin-right:15px;box-shadow:0 2px 5px #0000001a;border:2px solid var(--current-setting-swatch-border)}.option-label{font-weight:500;color:var(--current-setting-text)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.settings-title{font-size:24px}.card-title{font-size:18px}}.preview-section{display:flex;align-items:center;gap:20px;padding:15px;background-color:var(--current-setting-bg);border-radius:8px;border:1px solid var(--current-setting-border)}.preview-logo{width:100px;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border-radius:8px;background-color:var(--current-setting-bg);border:1px solid var(--current-setting-border)}.preview-logo img{width:100%;height:100%;object-fit:contain}.preview-logo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#8967900d;color:var(--primary-color)}.preview-logo-placeholder svg{font-size:24px;margin-bottom:5px}.preview-logo-placeholder span{font-size:12px}.preview-info{flex:1}.preview-info h3{color:var(--primary-color);margin-bottom:8px}.preview-info p{margin-bottom:5px;color:var(--current-setting-text)}.preview-info small{color:var(--primary-color);opacity:.8}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;margin:2rem auto;text-align:center}.settings-loading .loading-icon{font-size:2.5rem;color:#896790;margin-bottom:1rem}.settings-loading p{font-size:1rem;color:var(--current-setting-text);font-weight:500}.sales-page{padding:20px;max-width:1200px;margin:0 auto}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back-button{background:transparent;border:none;color:var(--primary-color);display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:5px;transition:background-color .2s}.back-button:hover{background-color:#8967901a}.period-selector-container{display:flex;align-items:center;gap:8px}.period-selector{padding:8px 12px;border-radius:5px;border:1px solid var(--border-color);background-color:var(--background-card);font-size:14px;color:var(--text-primary);cursor:pointer}.sales-summary{display:flex;gap:20px;margin-bottom:24px}.summary-card{background-color:var(--background-card);border-radius:8px;padding:20px;box-shadow:var(--card-shadow);flex:1;max-width:300px}.summary-card h2{font-size:16px;color:var(--text-secondary);margin-bottom:12px}.summary-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.growth-indicator{display:flex;align-items:center;gap:6px;font-size:14px}.growth-indicator.positive{color:var(--success-color)}.growth-indicator.negative{color:var(--danger-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite;margin-bottom:16px}.dark-theme .loading-spinner{border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary-color)}@keyframes spin{to{transform:rotate(360deg)}}.view-toggle{display:flex;gap:12px;margin-bottom:24px}.view-button{background-color:var(--background-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.view-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.view-button:hover:not(.active){background-color:var(--background-hover)}.sales-chart-container{background-color:var(--background-card);border-radius:8px;padding:24px;box-shadow:var(--card-shadow);margin-bottom:24px}.sales-chart-container h2{font-size:18px;margin-bottom:20px;color:var(--text-primary)}.sales-chart{height:350px;position:relative}.chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:300px;gap:12px;margin-bottom:20px}.chart-bar{flex:1;background-color:#896790b3;position:relative;border-radius:4px 4px 0 0;min-width:20px;transition:all .3s}.dark-theme .chart-bar{background-color:#af87b8b3}.chart-bar:hover{background-color:var(--primary-color)}.chart-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:var(--background-tooltip);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s;z-index:10}.dark-theme .chart-tooltip{color:#fff}.chart-bar:hover .chart-tooltip{opacity:1}.chart-labels{display:flex;justify-content:space-between;margin-top:10px}.chart-label{flex:1;text-align:center;font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-table-section{background-color:var(--background-card);border-radius:8px;padding:24px;box-shadow:var(--card-shadow)}.sales-table-section h2{font-size:18px;margin-bottom:20px;color:var(--text-primary)}.sales-table-container{overflow-x:auto}.sales-table{width:100%;border-collapse:collapse}.sales-table th,.sales-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.sales-table th{background-color:var(--background-secondary);font-weight:500;color:var(--text-secondary)}.sales-table tr:hover{background-color:var(--background-hover)}.total-row{background-color:var(--background-secondary)}@media (max-width: 768px){.sales-page{padding:16px 16px 80px}.sales-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.period-selector-container,.period-selector{width:100%}.sales-summary{flex-direction:column;gap:16px}.summary-card{max-width:100%}.view-toggle{overflow-x:auto;padding-bottom:8px;margin-bottom:16px;gap:8px}.view-button{white-space:nowrap;padding:6px 12px;font-size:13px}}@media (max-width: 480px){.sales-page{padding:12px}.sales-header h1{font-size:20px;margin:0}.back-button{font-size:12px;padding:6px 10px}.chart-container{height:180px;gap:3px}.chart-bar{min-width:10px}.chart-tooltip{font-size:10px;padding:3px 6px;top:-25px}.chart-label{font-size:10px}.summary-value{font-size:20px}.growth-indicator{font-size:12px}.sales-table th,.sales-table td{padding:8px 12px;font-size:12px}}