:root{--primary-color: #8BC34A;--primary-dark: #689F38;--primary-light: #AED581;--page-bg-color: #F5F5F5;--page-text-color: #333;--menu-bg-color: #FFFFFF;--menu-text-color: #333;--menu-active-color: #8BC34A;--menu-border-color: #dee2e6;--glass-bg: rgba(255, 255, 255, .25);--glass-bg-hover: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--glass-shadow-hover: 0 12px 40px 0 rgba(31, 38, 135, .5);--glass-blur: blur(10px);--glass-blur-strong: blur(20px)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;color:var(--page-text-color)!important;position:relative}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(120,219,255,.3) 0%,transparent 50%);pointer-events:none;z-index:0}#app{position:relative;z-index:1}@media (max-width: 991px){html{height:100%;overflow:hidden}body{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}#app{min-height:100%}}.btn-primary{background:#8bc34ab3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:var(--glass-shadow);transition:all .3s ease;font-weight:500}.btn-primary:hover{background:#8bc34ad9!important;border-color:#ffffff80!important;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.btn-primary:focus{background:#8bc34ad9!important;border-color:#ffffff80!important;box-shadow:0 0 0 .25rem #8bc34a80!important}.btn-primary:active{transform:translateY(0)}.bg-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe)!important;background-size:400% 400%;animation:gradientShift 15s ease infinite}.bottom-nav-menu{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-top:1px solid var(--glass-border)!important;box-shadow:0 -8px 32px #1f26875e;padding:4px 0!important}@media (max-width: 991px){.bottom-nav-menu{background:#ffffffd9!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2px 0!important;min-height:60px!important}.bottom-nav-menu .container-fluid{padding:0 4px!important}.bottom-nav-menu .nav-link{color:#000c!important;font-weight:500;padding:4px 2px!important;margin:0 1px!important;border-radius:8px;flex:1;min-width:0}.bottom-nav-menu .nav-link i{font-size:1rem!important;margin-bottom:1px!important;line-height:1.2}.bottom-nav-menu .nav-link small{font-size:.6rem!important;line-height:1;color:inherit!important;font-weight:inherit;display:block;margin-top:0}.bottom-nav-menu .badge{font-size:.5rem!important;padding:1px 3px!important;min-width:14px;height:14px;line-height:1.2}.bottom-nav-menu .nav-link.text-primary,.bottom-nav-menu .nav-link.active{color:#4a90e2!important;background:#4a90e233!important;font-weight:600}.bottom-nav-menu .nav-link.text-primary small,.bottom-nav-menu .nav-link.active small{color:#4a90e2!important}}.bottom-nav-menu .nav-link{color:#ffffffe6!important;transition:all .3s ease;border-radius:12px;margin:0 4px;padding:8px 12px!important}.bottom-nav-menu .nav-link:hover{background:var(--glass-bg-hover);color:#fff!important}.bottom-nav-menu .nav-link.text-primary,.bottom-nav-menu .nav-link.active{color:#4a90e2!important;background:#4a90e24d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.top-nav-menu{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)}.top-nav-menu .navbar-brand{color:#fffffff2!important;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.top-nav-menu .nav-link{color:#ffffffe6!important;transition:all .3s ease;border-radius:8px;margin:0 4px;padding:8px 16px!important}.top-nav-menu .nav-link:hover{background:var(--glass-bg-hover);color:#fff!important}.top-nav-menu .nav-link.active{color:var(--menu-active-color)!important;background:#8bc34a4d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);font-weight:600}.card{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;border-radius:16px!important;color:#fffffff2!important;transition:all .3s ease;overflow:hidden}.card:hover{background:var(--glass-bg-hover)!important;box-shadow:var(--glass-shadow-hover)!important;transform:translateY(-4px)}.card-header{background:#ffffff1a!important;border-bottom:1px solid var(--glass-border)!important;color:#fffffff2!important}.card-body{color:#fffffff2!important}.form-control,.form-select{background:#fff3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;color:#fffffff2!important;border-radius:12px!important;transition:all .3s ease}.form-control:focus,.form-select:focus{background:#ffffff4d!important;border-color:#ffffff80!important;box-shadow:0 0 0 .25rem #ffffff40!important;color:#fffffff2!important}.form-control::placeholder{color:#fff9!important}.input-group-text{background:#fff3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;color:#ffffffe6!important;border-radius:12px 0 0 12px!important}.text-primary{color:var(--primary-light)!important;text-shadow:0 2px 4px rgba(0,0,0,.2)}.bg-primary{background:#8bc34ab3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.border-primary{border-color:#8bc34a80!important}.modal-content{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow-hover)!important;border-radius:20px!important;color:#fffffff2!important}.modal-header{border-bottom:1px solid var(--glass-border)!important;color:#fffffff2!important}.modal-body{color:#fffffff2!important}.modal-footer{border-top:1px solid var(--glass-border)!important}.badge{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.2)}.bg-danger{background:#dc3545b3!important}.bg-success{background:#198754b3!important}.table{color:#fffffff2!important}.table thead th{background:#ffffff1a!important;border-bottom:1px solid var(--glass-border)!important;color:#fffffff2!important}.table tbody tr{background:#ffffff0d!important;transition:all .3s ease}.table tbody tr:hover{background:#ffffff26!important}.table td,.table th{border-color:var(--glass-border)!important}.navbar{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong)}.shadow-sm,.shadow{box-shadow:var(--glass-shadow)!important}.shadow-lg{box-shadow:var(--glass-shadow-hover)!important}.glass-modal-backdrop{background:#0006!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.btn-secondary{background:#6c757db3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:var(--glass-shadow);transition:all .3s ease}.btn-secondary:hover{background:#6c757dd9!important;border-color:#ffffff80!important;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px);color:#fff!important}.btn-success{background:#198754b3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:var(--glass-shadow);transition:all .3s ease}.btn-success:hover{background:#198754d9!important;border-color:#ffffff80!important;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px);color:#fff!important}.btn-danger{background:#dc3545b3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;box-shadow:var(--glass-shadow);transition:all .3s ease}.btn-danger:hover{background:#dc3545d9!important;border-color:#ffffff80!important;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px);color:#fff!important}.btn-warning{background:#ffc107b3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3)!important;color:#000!important;box-shadow:var(--glass-shadow);transition:all .3s ease}.btn-warning:hover{background:#ffc107d9!important;border-color:#ffffff80!important;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px);color:#000!important}.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning{background:#ffffff1a!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.3)!important;transition:all .3s ease}.btn-outline-primary{color:var(--primary-light)!important;border-color:#8bc34a80!important}.btn-outline-primary:hover{background:#8bc34a4d!important;border-color:#8bc34ab3!important;color:#fff!important}.btn-outline-secondary{color:#ffffffe6!important}.btn-outline-secondary:hover{background:#6c757d4d!important;color:#fff!important}.spinner-border{border-color:#ffffff4d!important;border-right-color:transparent!important}.list-group-item{background:#ffffff1a!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;color:#fffffff2!important}.list-group-item:hover{background:#fff3!important}.list-group-item.active{background:#8bc34a4d!important;border-color:#8bc34a80!important;color:#fff!important}.dropdown-menu{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;border-radius:12px!important}.dropdown-item{color:#ffffffe6!important;transition:all .3s ease}.dropdown-item:hover{background:var(--glass-bg-hover)!important;color:#fff!important}.nav-link{transition:all .3s ease}h1,h2,h3,h4,h5,h6{color:#fffffff2!important;text-shadow:0 2px 4px rgba(0,0,0,.2)}p,span,div,label{color:#ffffffe6!important}.text-muted{color:#ffffffb3!important}.container-fluid{position:relative;z-index:1}.btn-close{filter:invert(1) grayscale(100%) brightness(200%);opacity:.8;transition:all .3s ease}.btn-close:hover{opacity:1;transform:scale(1.1)}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.input-group .form-control:first-child{border-radius:12px 0 0 12px!important}.input-group .form-control:last-child{border-radius:0 12px 12px 0!important}.input-group .btn{border-radius:0 12px 12px 0!important}.alert{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;border-radius:12px!important;color:#fffffff2!important}.alert-success{background:#1987544d!important;border-color:#19875480!important}.alert-danger{background:#dc35454d!important;border-color:#dc354580!important}.alert-warning{background:#ffc1074d!important;border-color:#ffc10780!important;color:#000000e6!important}.alert-info{background:#0dcaf04d!important;border-color:#0dcaf080!important}.progress{background:#ffffff1a!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;border-radius:12px!important;height:8px}.progress-bar{background:#8bc34ab3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.pagination .page-link{background:#fff3!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;color:#ffffffe6!important;transition:all .3s ease}.pagination .page-link:hover{background:var(--glass-bg-hover)!important;color:#fff!important;transform:translateY(-2px)}.pagination .page-item.active .page-link{background:#8bc34a80!important;border-color:#8bc34ab3!important;color:#fff!important}@media (max-width: 991px){body:before{display:none}body{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%}.card,.modal-content,.top-nav-menu,.bottom-nav-menu{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.fab-btn{background:#8bc34acc!important;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px #1f268780!important;transition:all .3s ease}.fab-btn:hover{background:#8bc34af2!important;box-shadow:0 12px 40px #1f268799!important;transform:translateY(-4px) scale(1.05)}.chat-page-container,.chat-header,.messages-container,.chat-input-container{background:#ffffff1a!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}#barcode-scanner-products,#barcode-scanner-add-dialog{border-radius:12px!important;overflow:hidden;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important}.container-fluid.py-4{position:relative;z-index:1}.card-title,.card-text{color:#fffffff2!important}.card-subtitle{color:#fffc!important}a{color:#8bc34ae6!important;transition:all .3s ease}a:hover{color:var(--primary-light)!important;text-shadow:0 0 8px rgba(139,195,74,.5)}.navbar-brand{font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .3s ease}.navbar-brand:hover{text-shadow:0 2px 12px rgba(139,195,74,.6)}.badge{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bi{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.input-group-text{color:#fffffff2!important}select.form-select option{background:#000c;color:#fffffff2}textarea.form-control{resize:vertical;min-height:100px}.form-control:disabled,.form-select:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}*:focus{outline:none}.form-control:focus,.form-select:focus,.btn:focus{outline:2px solid rgba(139,195,74,.5);outline-offset:2px}body.dark-theme{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460,#1a1a2e,#16213e)!important;background-size:400% 400%;animation:gradientShift 15s ease infinite}body.dark-theme:before{background:radial-gradient(circle at 20% 50%,rgba(30,30,60,.5) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(20,30,50,.5) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(15,50,100,.5) 0%,transparent 50%)}body.dark-theme .card{background:#2d2d2dcc!important;border:1px solid rgba(255,255,255,.1)!important;color:#fffffff2!important}body.dark-theme .form-control,body.dark-theme .form-select{background:#3c3c3ccc!important;border:1px solid rgba(255,255,255,.2)!important;color:#fffffff2!important}body.dark-theme .form-control:focus,body.dark-theme .form-select:focus{background:#464646e6!important;border-color:#8bc34a80!important;color:#fffffff2!important}body.dark-theme .form-control::placeholder{color:#ffffff80!important}body.dark-theme .input-group-text{background:#3c3c3ccc!important;border:1px solid rgba(255,255,255,.2)!important;color:#ffffffe6!important}body.dark-theme .text-muted{color:#fff9!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6{color:#fffffff2!important}body.dark-theme p,body.dark-theme span,body.dark-theme div,body.dark-theme label{color:#ffffffe6!important}body.dark-theme .top-nav-menu{background:#2d2d2de6!important;border-bottom:1px solid rgba(255,255,255,.1)!important}body.dark-theme .bottom-nav-menu{background:#2d2d2de6!important;border-top:1px solid rgba(255,255,255,.1)!important}body.dark-theme .bottom-nav-menu .nav-link,body.dark-theme .bottom-nav-menu .nav-link small{color:#fffffff2!important}body.dark-theme .bottom-nav-menu .nav-link.text-primary,body.dark-theme .bottom-nav-menu .nav-link.active{color:#64b5f6!important;background:#64b5f64d!important}body.dark-theme .bottom-nav-menu .nav-link.text-primary small,body.dark-theme .bottom-nav-menu .nav-link.active small{color:#64b5f6!important}@media (max-width: 991px){body.dark-theme .bottom-nav-menu .nav-link,body.dark-theme .bottom-nav-menu .nav-link small{color:#fffffff2!important}body.dark-theme .bottom-nav-menu .nav-link.text-primary,body.dark-theme .bottom-nav-menu .nav-link.active{color:#64b5f6!important;background:#64b5f64d!important}body.dark-theme .bottom-nav-menu .nav-link.text-primary small,body.dark-theme .bottom-nav-menu .nav-link.active small{color:#64b5f6!important}}body.dark-theme .modal-content{background:#2d2d2df2!important;border:1px solid rgba(255,255,255,.1)!important;color:#fffffff2!important}body.dark-theme .modal-header{border-bottom:1px solid rgba(255,255,255,.1)!important}body.dark-theme .modal-footer{border-top:1px solid rgba(255,255,255,.1)!important}body.dark-theme .table{color:#fffffff2!important}body.dark-theme .table thead th{background:#3c3c3ccc!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fffffff2!important}body.dark-theme .table tbody tr{background:#32323280!important}body.dark-theme .table tbody tr:hover{background:#3c3c3ccc!important}body.dark-theme .table td,body.dark-theme .table th{border-color:#ffffff1a!important}