body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:particleFloat 20s linear infinite;background-image:radial-gradient(circle,#fffc 2px,#0000 0),radial-gradient(circle,#fff9 1px,#0000 0),radial-gradient(circle,#fff6 1.5px,#0000 0);background-position:0 0,40px 60px,80px 20px;background-size:200px 200px,150px 150px,100px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.login-box{animation:floatIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 40px #667eea33,inset 0 1px 0 #ffffffe6;max-width:480px;overflow:hidden;padding:40px;position:relative;width:100%;z-index:1}.logo-container h1{color:#667eea;font-size:36px;margin-bottom:5px}.login-logo{animation:logoGlow 3s ease-in-out infinite,slideDown .8s ease-out,letterSpacing 4s ease-in-out infinite;color:#00f!important;display:block;font-size:38px!important;font-weight:900;letter-spacing:1.5px;margin-bottom:8px!important;overflow:visible;text-shadow:0 2px 8px #0000ff4d,0 4px 20px #00f3;text-transform:uppercase;white-space:nowrap;width:100%}@keyframes letterSpacing{0%,to{letter-spacing:1.5px}50%{letter-spacing:3px}}.login-subtitle{animation:fadeIn .8s ease-out .3s both,subtitleGlow 3s ease-in-out 1s infinite;color:#666;display:inline-block;font-size:15px;font-weight:500;letter-spacing:.5px;position:relative}.login-subtitle:before{animation:underlineExpand 2s ease-out .8s forwards;background:linear-gradient(90deg,#0000,#667eea,#764ba2,#0000);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:0}@keyframes subtitleGlow{0%,to{text-shadow:0 1px 2px #0000001a}50%{text-shadow:0 2px 8px #667eea4d}}@keyframes underlineExpand{0%{left:50%;width:0}to{left:0;width:100%}}.logo-container p{color:#666;font-size:14px}.login-form h2{-webkit-text-fill-color:#0000;animation:fadeIn 1s ease-out .4s both;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:26px;font-weight:700;margin-bottom:25px;text-align:center}.login-links{animation:fadeIn 1.2s ease-out .8s both;margin-top:20px;text-align:center}.login-links a{color:#667eea;display:inline-block;font-size:14px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.login-links a:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.login-links a:hover:after{width:100%}.login-links a:hover{color:#764ba2;transform:translateY(-2px)}.login-form{animation:fadeIn 1s ease-out .6s both}.login-form .form-group{animation:slideUp .6s ease-out both;margin-bottom:20px}.login-form .form-group:nth-child(2){animation-delay:.7s}.login-form .form-group:nth-child(3){animation-delay:.8s}.login-form .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px;transition:color .3s ease}.login-form .form-group input{background:#f8f9ff;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 16px;position:relative;transition:all .3s ease;width:100%}.login-form .form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;outline:none;transform:translateY(-2px)}.login-form .form-group input:focus+label,.login-form .form-group input:not(:placeholder-shown)+label{color:#667eea}.login-form button[type=submit]{animation:slideUp .6s ease-out .9s both;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:14px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-form button[type=submit]:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.login-form button[type=submit]:hover:before{left:100%}.login-form button[type=submit]:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.login-form button[type=submit]:active{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.login-form button[type=submit]:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.login-container{padding:15px}.login-box{padding:30px 25px}.logo-container h1{font-size:30px}.login-logo{font-size:36px!important}}@media (max-width:480px){.login-container{padding:10px}.login-box{border-radius:8px;padding:25px 20px}.logo-container{margin-bottom:20px}.logo-container h1{font-size:28px}.login-logo{font-size:32px!important;letter-spacing:1.5px}.login-subtitle{font-size:13px!important}.logo-container p{font-size:13px}.login-form h2{font-size:20px}}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#00000080}.modal-content{border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:90vh;overflow-y:auto;padding:25px;position:relative}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:#666}.modal-form{gap:20px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#444;font-size:1rem}.customer-form input:not([type=checkbox]):not([type=radio]),.customer-form textarea,.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1.1rem;min-height:50px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.form-group input[type=checkbox],.form-group input[type=radio]{cursor:pointer;height:20px;margin-right:8px;min-height:auto;padding:0;width:20px}.customer-form textarea,.form-group textarea{min-height:100px;resize:vertical}.customer-form input:focus,.customer-form textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.search-container{margin-bottom:20px;position:relative}.search-container input{border:1px solid #ddd;border-radius:30px;box-shadow:0 2px 5px #00000005;font-size:1.1rem;min-height:50px;padding:14px 16px 14px 50px;transition:all .2s;width:100%}.search-container input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.search-container .search-icon{color:#888;font-size:1.2rem;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.modal-actions,.modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:15px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#06c}.btn-primary:hover{background-color:#0052a3}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.repeated-customers-modal-content{max-width:800px}.customer-form-wrapper{padding:0 30px}.status-list{gap:15px;padding-bottom:10px}.customer-list,.status-list{display:flex;flex-direction:column}.customer-list{gap:10px;margin-top:20px;max-height:500px;overflow-y:auto}.customer-item{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.customer-info{display:flex;flex-direction:column;gap:5px}.customer-info strong{color:#333;font-size:1.1rem}.customer-info span{align-items:center;color:#666;display:flex;font-size:.9rem;gap:6px}.status-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;padding:8px;transition:background-color .2s}.btn-icon.edit{color:#06c}.btn-icon.delete{color:#dc3545}.btn-icon.check{color:#28a745}.btn-icon.cancel{color:#6c757d}.btn-icon:hover{background-color:#0000000d}.search-box{border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:15px;padding:12px;width:100%}.customer-form{display:flex;flex-direction:column;gap:20px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.add-status-form{display:flex;gap:10px;margin-bottom:20px}.add-status-form input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:1rem;padding:10px 14px}.status-item{align-items:center;background-color:#f8f9fa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.status-text{color:#333;font-size:1rem;font-weight:500}.edit-status-form{align-items:center;display:flex;flex:1 1;gap:10px}.edit-status-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.95rem;padding:8px 12px}.edit-actions{display:flex;gap:5px}.desktop-view{display:flex}@media (max-width:1024px){.desktop-view{display:none!important}}.file-uploader{margin-top:10px}.file-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.uploader-file-item{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;display:flex;gap:15px;padding:10px}.uploader-thumb{border:1px solid #ddd;border-radius:4px;object-fit:cover}.uploader-icon,.uploader-thumb{cursor:pointer;height:80px;width:80px}.uploader-icon{align-items:center;background-color:#eee;border-radius:4px;color:#666;display:flex;font-size:24px;justify-content:center}.uploader-name{color:#333;flex:1 1;font-weight:500;word-break:break-all}.uploader-name a{color:#333;text-decoration:none}.uploader-name a:hover{color:#06c;text-decoration:underline}.uploader-actions{display:flex;gap:8px;margin-left:auto}.uploader-actions button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:8px;transition:all .2s}.uploader-actions button:hover{background-color:#0000000d;color:#333}.uploader-actions button.delete-btn{color:#dc3545}.uploader-actions button.delete-btn:hover{background-color:#dc35451a}.stock-password-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.stock-password-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;max-width:450px;padding:40px;width:90%}.stock-password-modal h3{color:#333;font-size:24px;margin-bottom:10px;text-align:center}.stock-password-modal p{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.password-error{animation:shake .5s;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:10px;color:#fff;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.password-input-group{margin-bottom:25px}.password-input-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:14px;transition:all .3s ease;width:100%}.password-input-group input:focus{border-color:#667eea;outline:none}.password-buttons{display:flex;gap:12px}.btn-cancel,.btn-submit{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover{transform:translateY(-2px)}@media (max-width:768px){.stock-password-modal{padding:30px 25px}}.date-filter-bar{align-items:center;background:#f7f8fa;border-radius:12px;box-shadow:0 2px 8px 0 #5050b40f;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px;padding:16px 24px 12px}.date-filter-bar span{color:#2d2d6a;font-size:16px;font-weight:600}.date-filter-dropdown{background:#fff;border:1.5px solid #bfc4d6;border-radius:8px;box-shadow:0 1px 4px 0 #5050b40a;color:#2d2d6a;font-size:15px;padding:8px 18px 8px 12px;transition:border .2s}.date-filter-dropdown:focus{border:1.5px solid #6a5acd;outline:none}.date-filter-bar input[type=date]{background:#fff;border:1.5px solid #bfc4d6;border-radius:8px;box-shadow:0 1px 4px 0 #5050b40a;color:#2d2d6a;font-size:15px;padding:8px 10px;transition:border .2s}.date-filter-bar input[type=date]:focus{border:1.5px solid #6a5acd;outline:none}.date-filter-bar .custom-date-separator{color:#6a5acd;font-weight:500;margin:0 8px}.date-filter-btn{background:#f5f5f5;border:1px solid #bbb;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;margin-right:2px;padding:6px 14px;transition:background .2s,color .2s}.date-filter-btn.active,.date-filter-btn:hover{background:linear-gradient(90deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.date-filter-bar{margin-bottom:10px}.dashboard-action-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:42px;justify-content:center;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dashboard-action-btn:hover{box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;transform:translateY(-1px)}.dashboard-action-btn svg{font-size:16px;margin-right:8px}.dashboard-action-btn.btn-primary,.dashboard-action-btn.btn-secondary{font-size:14px}.btn-success{background:linear-gradient(135deg,#28a745,#20c997)}.btn-info{background:linear-gradient(135deg,#17a2b8,#38ef7d)}.btn-warning{background:linear-gradient(135deg,#ffc107,#fd7e14)}.btn-danger{background:linear-gradient(135deg,#dc3545,#f5576c)}.btn-import-stock{background:linear-gradient(135deg,#4facfe,#00f2fe)}.dashboard-content{margin:0 auto;max-width:1600px;padding:24px}.actions-bar{gap:12px;justify-content:flex-start;margin-bottom:24px}@media (max-width:1024px){.dashboard-action-btn{display:none!important}}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.dashboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;min-height:auto;overflow:hidden;padding:15px 25px;position:relative}.dashboard-header:before{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px}.dashboard-header:after{animation:float 8s ease-in-out infinite reverse;background:#ffffff14;border-radius:50%;bottom:-30%;content:"";height:200px;left:-5%;position:absolute;width:200px}@keyframes float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}}.header-left{margin-top:10px;position:relative;z-index:1}.header-center-desktop{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 20px;max-width:none;position:relative;width:auto;z-index:10}.header-center-desktop .admin-message-banner,.header-center-desktop .today-counts-widget{max-width:600px;width:100%}@media (min-width:1025px){.header-center-desktop .today-counts-widget{align-items:stretch;flex-wrap:nowrap!important;justify-content:space-between}.header-center-desktop .today-counts-widget>div{flex-shrink:0!important;flex:1 1}}@media (max-width:1024px){.header-center-desktop{align-items:flex-start;flex:100% 1;left:auto;margin:15px 0 0;max-width:none;pointer-events:auto;position:relative;top:auto;transform:none;width:100%}}.header-left h1{color:#fff;font-size:28px;font-weight:800;letter-spacing:1px;margin-bottom:5px;text-shadow:2px 2px 4px #0003}.app-logo{animation:logoGlow 3s ease-in-out infinite;color:#00f!important;font-size:32px;font-weight:900;letter-spacing:2px;margin-bottom:8px;text-shadow:0 2px 4px #ffffff80,0 0 10px #ffffff4d;text-transform:uppercase}.header-left p{color:#ffffffe6;font-size:14px;text-shadow:1px 1px 2px #0000001a}.welcome-text{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin-top:-5px}.welcome-label{color:#fffffff2;font-size:13px;font-weight:600;letter-spacing:.5px}.welcome-divider{color:#fff9;font-size:12px}.welcome-greeting{color:#ffffffd9;font-size:13px;font-weight:400}.welcome-user{background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:2px 10px;text-transform:capitalize}.welcome-role{background:#0000001a;border-radius:4px;color:#fffc;font-size:12px;font-style:italic;font-weight:500;padding:2px 8px}.version-badge{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;box-shadow:0 3px 10px #f5576c66;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:5px 14px;vertical-align:middle}@keyframes pulse{0%,to{box-shadow:0 3px 10px #f5576c66;transform:scale(1)}50%{box-shadow:0 5px 15px #f5576c99;transform:scale(1.05)}}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-left:auto;margin-top:0;padding-bottom:0;position:relative;width:auto;z-index:1}.header-right::-webkit-scrollbar{height:6px}.header-right::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.header-right::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.header-right .btn-danger,.header-right .btn-info,.header-right .btn-primary,.header-right .btn-secondary,.header-right .btn-stock,.header-right .btn-success,.header-right .btn-warning,.header-right button{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;font-size:14px;gap:6px;justify-content:center;margin-bottom:0;max-width:none;min-width:auto;padding:8px 14px;white-space:nowrap}.hamburger-menu{align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;padding:0;text-shadow:none!important;width:30px;z-index:1001}.hamburger-left,.hamburger-menu{box-shadow:none!important;filter:none!important}.hamburger-left{margin-right:auto}.hamburger-right{margin-left:auto}.hamburger-menu span,.hamburger-right{box-shadow:none!important;filter:none!important}.hamburger-menu span{background:#fff;border-radius:3px;display:block;height:4px;text-shadow:none!important;transition:all .3s ease;width:14px}.mobile-nav{display:none}.mobile-nav.open{display:block}.mobile-nav-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.mobile-nav-left .mobile-nav-content{-webkit-overflow-scrolling:touch;animation:slideInLeft .3s ease;background:linear-gradient(180deg,#0f172a,#1e293b 40%,#334155);border-right:1px solid #ffc1071a;box-shadow:4px 0 20px #00000047,8px 0 40px #00000024,inset -1px 0 0 #ffffff0d;box-sizing:border-box;height:100%;left:0;max-height:100vh;max-height:-webkit-fill-available;max-width:280px;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:4px 8px calc(40px + env(safe-area-inset-bottom, 20px));perspective:1000px;position:fixed;top:0;width:80%;z-index:1001}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-nav-right .mobile-nav-content{-webkit-overflow-scrolling:touch;animation:slideInRight .3s ease;background:linear-gradient(180deg,#0f172a,#1e293b 40%,#334155);border-left:1px solid #ffc1071a;box-shadow:-4px 0 20px #00000047,-8px 0 40px #00000024,inset 1px 0 0 #ffffff0d;box-sizing:border-box;height:100%;max-height:100vh;max-height:-webkit-fill-available;max-width:300px;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:4px 8px calc(40px + env(safe-area-inset-bottom, 20px));perspective:1000px;position:fixed;right:0;top:0;width:80%;z-index:1001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-nav-header{align-items:center;background:#0000;border-bottom:1px solid #ffc1071a;color:#ffc107a6;display:flex;justify-content:space-between;padding:18px 16px}.mobile-nav-header h2{color:#ffc107b3;font-size:14px;font-weight:800;letter-spacing:1.5px;margin:0;text-transform:uppercase}.close-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff14;color:#fffc;cursor:pointer;display:flex;font-size:22px;height:34px;justify-content:center;padding:0;transition:all .25s ease;width:34px}.close-btn:hover{background:#ffc1072e;border-color:#ffc10759;color:#fff;transform:rotate(90deg)}.mobile-nav-items{display:flex;flex-direction:column;gap:5px;padding:10px}.mobile-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:11px;box-shadow:none;color:#ffffffbd;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:500;gap:12px;justify-content:flex-start;padding:11px 13px;position:relative;text-align:left;transform-style:preserve-3d;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.mobile-nav-item:hover{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#ffc10726;box-shadow:0 6px 16px #00000040,inset 0 1px 0 #ffffff0f;color:#fff;transform:translateX(3px)}.mobile-nav-item>:first-child,.mobile-nav-item>svg:first-child{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:9px;color:inherit;display:inline-flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;min-width:34px;transition:all .25s ease;width:34px}.mobile-nav-item:hover>:first-child,.mobile-nav-item:hover>svg:first-child{transform:scale(1.08)}.mobile-nav-item:after{color:#ffc10780;content:"›";font-size:18px;font-weight:700;line-height:1;margin-left:auto;opacity:.7;transition:all .25s ease}.mobile-nav-item:hover:after{color:#ffc107;opacity:1;transform:translateX(3px)}.mobile-nav-item.btn-action,.mobile-nav-item.btn-daily,.mobile-nav-item.btn-danger,.mobile-nav-item.btn-info,.mobile-nav-item.btn-navy,.mobile-nav-item.btn-pink,.mobile-nav-item.btn-primary,.mobile-nav-item.btn-purple,.mobile-nav-item.btn-secondary,.mobile-nav-item.btn-stock,.mobile-nav-item.btn-success,.mobile-nav-item.btn-warning{align-items:center;background:#0000!important;border-color:#0000!important;border-radius:11px;box-shadow:none!important;color:#ffffffbd!important;cursor:pointer;display:flex;font-family:inherit;gap:12px;justify-content:flex-start;padding:11px 13px;transition:all .25s cubic-bezier(.4,0,.2,1)!important;width:100%}.mobile-nav-item.btn-action:hover,.mobile-nav-item.btn-daily:hover,.mobile-nav-item.btn-danger:hover,.mobile-nav-item.btn-info:hover,.mobile-nav-item.btn-navy:hover,.mobile-nav-item.btn-pink:hover,.mobile-nav-item.btn-primary:hover,.mobile-nav-item.btn-purple:hover,.mobile-nav-item.btn-secondary:hover,.mobile-nav-item.btn-stock:hover,.mobile-nav-item.btn-success:hover,.mobile-nav-item.btn-warning:hover{background:linear-gradient(135deg,#667eea33,#764ba226)!important;border-color:#ffc10726!important;box-shadow:0 6px 16px #00000040,inset 0 1px 0 #ffffff0f!important;color:#fff!important;transform:translateX(3px)}.mobile-nav-item.btn-action>svg,.mobile-nav-item.btn-daily>svg,.mobile-nav-item.btn-danger>svg,.mobile-nav-item.btn-info>svg,.mobile-nav-item.btn-navy>svg,.mobile-nav-item.btn-pink>svg,.mobile-nav-item.btn-primary>svg,.mobile-nav-item.btn-purple>svg,.mobile-nav-item.btn-secondary>svg,.mobile-nav-item.btn-stock>svg,.mobile-nav-item.btn-success>svg,.mobile-nav-item.btn-warning>svg{align-items:center;border:1px solid #ffffff0f;border-radius:9px;color:#fff;display:inline-flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;margin-right:12px;min-width:34px;width:34px}.mobile-nav-item.btn-success>svg{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 10px #28a74559}.mobile-nav-item.btn-info>svg{background:linear-gradient(135deg,#17a2b8,#38ef7d);box-shadow:0 4px 10px #17a2b859}.mobile-nav-item.btn-stock>svg{background:linear-gradient(135deg,#fd7e14,#ffc107);box-shadow:0 4px 10px #fd7e1459;color:#1a237e!important}.mobile-nav-item.btn-warning>svg{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 10px #ffc10759;color:#1a237e!important}.mobile-nav-item.btn-danger>svg{background:linear-gradient(135deg,#dc3545,#f5576c);box-shadow:0 4px 10px #dc354559}.mobile-nav-item.btn-purple>svg{background:linear-gradient(135deg,#6f42c1,#9b59b6);box-shadow:0 4px 10px #6f42c159}.mobile-nav-item.btn-daily>svg{background:linear-gradient(135deg,#1a237e,#3f51b5);box-shadow:0 4px 10px #1a237e59;color:#ffc107!important}.mobile-nav-item.btn-navy>svg{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 10px #1a237e59}.mobile-nav-item.btn-pink>svg{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 4px 10px #ec489959}.mobile-nav-item.btn-action>svg{background:linear-gradient(135deg,#00b09b,#96c93d);box-shadow:0 4px 10px #00b09b59}.mobile-nav-item.btn-secondary>svg{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 10px #6c757d59}.mobile-nav-item:not([class*=btn-])>svg{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 10px #1a237e59;color:#fff}.mobile-nav-item.btn-primary>:first-child,.mobile-nav-item.btn-primary>svg:first-child{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 10px #667eea59;color:#fff}.mobile-nav-item.btn-success>:first-child,.mobile-nav-item.btn-success>svg:first-child{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 10px #28a74559;color:#fff}.mobile-nav-item.btn-stock>:first-child,.mobile-nav-item.btn-stock>svg:first-child{background:linear-gradient(135deg,#fd7e14,#ffc107);box-shadow:0 4px 10px #fd7e1459;color:#1a237e}.mobile-nav-item.btn-secondary>:first-child,.mobile-nav-item.btn-secondary>svg:first-child{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 10px #6c757d59;color:#fff}.mobile-nav-item.btn-info>:first-child,.mobile-nav-item.btn-info>svg:first-child{background:linear-gradient(135deg,#17a2b8,#38ef7d);box-shadow:0 4px 10px #17a2b859;color:#fff}.mobile-nav-item.btn-warning>:first-child,.mobile-nav-item.btn-warning>svg:first-child{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 10px #ffc10759;color:#1a237e}.mobile-nav-item.btn-danger>:first-child,.mobile-nav-item.btn-danger>svg:first-child{background:linear-gradient(135deg,#dc3545,#f5576c);box-shadow:0 4px 10px #dc354559;color:#fff}.mobile-nav-item.btn-purple>:first-child,.mobile-nav-item.btn-purple>svg:first-child{background:linear-gradient(135deg,#6f42c1,#9b59b6);box-shadow:0 4px 10px #6f42c159;color:#fff}.mobile-nav-item.btn-daily>:first-child,.mobile-nav-item.btn-daily>svg:first-child{background:linear-gradient(135deg,#1a237e,#3f51b5);box-shadow:0 4px 10px #1a237e59;color:#ffc107}.mobile-nav-item.btn-navy>:first-child,.mobile-nav-item.btn-navy>svg:first-child{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 10px #1a237e59;color:#fff}.mobile-nav-item.btn-pink>:first-child,.mobile-nav-item.btn-pink>svg:first-child{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 4px 10px #ec489959;color:#fff}.mobile-nav-item.btn-action>:first-child,.mobile-nav-item.btn-action>svg:first-child{background:linear-gradient(135deg,#00b09b,#96c93d);box-shadow:0 4px 10px #00b09b59;color:#fff}.mobile-nav-item:not([class*=btn-])>:first-child,.mobile-nav-item:not([class*=btn-])>svg:first-child{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 10px #1a237e59;color:#fff}.app-version{background:#0000;border-top:1px solid #ffc1071a;color:#ffc107b3;font-size:11px;font-weight:700;letter-spacing:.8px;margin-top:10px;padding:16px 14px 20px;text-align:center}.mobile-nav-section-title{color:#ffc10799;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:8px 12px 10px;text-transform:uppercase}.mobile-nav-divider{background:#ffc1071a;height:1px;margin:8px 0}.mobile-card{background:#fff;border-left:4px solid #2196f3;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:15px}.card-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.card-title{color:#333;flex:1 1;font-size:16px;font-weight:600}.card-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px}.badge-sealed{background-color:#28a745}.badge-preowned{background-color:#ffc107}.badge-other{background-color:#6c757d}.badge-delivered{background-color:#4caf50}.badge-progress{background-color:#ff9800}.badge-placed{background-color:#2196f3}.card-body{margin-bottom:12px}.card-row{display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.card-label{color:#666;font-weight:500}.card-value{color:#333;text-align:right}.card-total{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}.card-value-highlight{color:#2196f3;font-size:16px;font-weight:700}.card-actions{border-top:1px solid #eee;display:flex;flex-wrap:nowrap;gap:14px;justify-content:space-between;margin-top:10px;padding-top:10px}.btn-delete-card,.btn-edit-card{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;transition:all .3s ease}.btn-edit-card{background-color:#4caf50}.btn-delete-card{background-color:#f44336}.btn-icon-card{align-items:center;border-radius:8px!important;box-shadow:0 2px 5px #0000001a;color:#151b21!important;display:flex!important;flex:0 0 auto;font-size:18px!important;height:40px;justify-content:center;padding:0!important;width:40px}.btn-icon-card.edit{background:linear-gradient(135deg,#ffb75e,#ed8f03)}.btn-icon-card.delete{background:linear-gradient(135deg,#ff512f,#dd2476)}.btn-icon-card.download{background:linear-gradient(135deg,#1a2980,#26d0ce)}.btn-icon-card.print{background:linear-gradient(135deg,#11998e,#38ef7d)}.btn-icon-card.email{background:linear-gradient(135deg,#8e2de2,#4a00e0)}@media (max-width:1024px){#root,body,html{margin:0!important;overflow-x:hidden;padding:0!important}#root,*,:after,:before,body,html{box-sizing:border-box}.dashboard-page{box-sizing:border-box;margin:0;overflow-x:hidden;padding:0 0 40px}.grouped-list-cards,.history-cards-wrapper{box-sizing:border-box;max-width:100%;overflow-x:hidden}.dashboard-content{box-sizing:border-box;margin:0;overflow-x:hidden;padding-bottom:0;padding-left:10px!important;padding-right:10px!important;padding-top:8px;width:100%}.actions-bar{padding-bottom:16px;padding-left:0!important;padding-right:0!important;padding-top:16px}.actions-bar,.mobile-tabs-container{margin-left:0!important;margin-right:0!important}.mobile-tabs-container{margin-bottom:16px;padding-left:0;padding-right:0}.date-filter-bar{gap:12px;padding-bottom:14px;padding-left:14px!important;padding-right:14px!important;padding-top:14px}.date-filter-bar,.mobile-card{margin-left:0!important;margin-right:0!important}.mobile-card{padding-bottom:15px;padding-left:12px!important;padding-right:12px!important;padding-top:15px}.mobile-card[style*=border-left],.mobile-card[style*=borderLeft]{padding-left:8px!important}.search-box input,.search-box input[type=text]{box-sizing:border-box;padding-left:14px!important;width:100%}.search-box{margin-left:0;margin-right:0}.card-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;padding:10px 0 6px}.btn-icon-card{flex:0 0 auto;font-size:16px!important;height:36px;width:36px}}.no-data-card{background:#fff;border-radius:12px;color:#999;font-size:16px;padding:40px 20px;text-align:center}.dashboard-content{padding:20px}.actions-bar{align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.actions-bar,.tabs{display:flex;gap:15px}.tabs{background:linear-gradient(180deg,#fff,#f8f9ff);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 15px #667eea1a;margin-bottom:25px;overflow:hidden;padding:8px;position:relative}.tabs:before{background:linear-gradient(90deg,#0000,#667eea,#764ba2,#667eea,#0000);bottom:0;content:"";height:3px;left:0;opacity:.3;position:absolute;right:0}.tab-button{background:linear-gradient(135deg,#fff,#f5f7ff);border:2px solid #0000;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#666;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab-button:hover{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea4d;box-shadow:0 6px 20px #667eea40;color:#667eea;transform:translateY(-2px)}.tab-button:hover:before{left:100%}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 6px 25px #667eea66,inset 0 1px 0 #fff3;color:#fff;font-weight:700;transform:translateY(-2px) scale(1.03)}.tab-button.active:after{background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:2px;bottom:-5px;box-shadow:0 2px 8px #f5576c80;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.search-box{flex:1 1;max-width:500px;min-width:250px}.search-box input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.sales-table-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.sales-table{border-collapse:collapse;min-width:800px;width:100%}.sales-table td,.sales-table th{border-bottom:1px solid #ddd;font-size:14px;padding:12px;text-align:left}.sales-table th{color:#333;font-weight:600;white-space:nowrap}.sales-table th,.sales-table tr:hover{background-color:#f8f9fa}.sales-table td button{margin-bottom:5px;margin-right:5px}@media (max-width:1024px){.dashboard-header{padding:15px 20px}.header-left h1{font-size:20px}}@media (max-width:768px){.dashboard-header{padding:15px}.header-left h1{font-size:18px}.header-right{justify-content:flex-start;width:100%}.header-right button{flex:1 1;min-width:120px}.actions-bar{align-items:stretch;flex-direction:column}.search-box{max-width:100%;order:2}.actions-bar>button{box-sizing:border-box;font-size:15px;margin-right:12px;max-width:180px;min-width:120px;order:1;padding:10px 18px;width:auto}.sales-table td,.sales-table th{font-size:13px;padding:8px}}@media (max-width:480px){.dashboard-header{padding:10px}.header-left h1{font-size:16px}.dashboard-content{padding-bottom:0;padding-top:6px!important}.sales-table-container{border-radius:0;margin:0 -10px}.sales-table td,.sales-table th{font-size:12px;padding:6px}.sales-table td button{font-size:12px;padding:4px 8px}.hamburger-menu{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;align-items:center;backface-visibility:hidden;background:linear-gradient(135deg,#1a237e,#3f51b5);border:2px solid #ffc107d9!important;border-radius:50%;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font-family:inherit;gap:4px;height:44px;justify-content:center;min-width:44px;outline:none!important;padding:0;perspective:none!important;text-shadow:none!important;-webkit-text-shadow:none!important;transition:background .2s linear,border-color .2s linear;width:44px;z-index:1001}.hamburger-menu,.hamburger-menu:hover{box-shadow:none!important;filter:none!important;transform:none!important;transform-style:flat!important}.hamburger-menu:hover{background:linear-gradient(135deg,#0d1657,#303f9f);border-color:#ffffffbf!important;color:#fff}.hamburger-menu:active{background:linear-gradient(135deg,#0a1040,#283593);transform:none!important;transform-style:flat!important}.hamburger-menu span,.hamburger-menu:active{box-shadow:none!important;filter:none!important}.hamburger-menu span{align-self:center;background:#ffc107;border-radius:4px;color:#ffc107;display:block;height:2.5px;margin:0;text-shadow:none!important;-webkit-text-shadow:none!important;transition:background .2s linear;width:22px}.hamburger-menu:hover span{background:#fff;box-shadow:none!important;filter:none!important}.hamburger-left{box-shadow:none!important;filter:none!important;left:16px;transform:none!important}.hamburger-left,.hamburger-right{margin:0;position:absolute;top:16px}.hamburger-right{right:16px}.dashboard-header{justify-content:center;padding-bottom:20px;padding-top:80px!important}.header-left{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.desktop-action-btn,.desktop-nav{display:none!important}.actions-bar{justify-content:center}.dashboard-header{padding:15px 20px}.header-left h1{font-size:20px}.header-left p{font-size:12px}.desktop-view{display:none!important}.mobile-cards-view{display:block}}.table-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.live-cash-widget{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;gap:12px;margin-right:20px;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.live-cash-widget:hover{background:#ffffff40;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.live-cash-icon-wrapper{background:linear-gradient(135deg,#00b09b,#96c93d);border-radius:50%;box-shadow:0 2px 8px #00b09b66;height:40px;width:40px}.live-cash-details{display:flex;flex-direction:column}.live-cash-label{color:#ffffffe6;font-weight:600;margin-bottom:2px}.live-cash-amount{color:#fff;font-size:18px;font-weight:800;text-shadow:0 1px 2px #0000001a}.live-cash-edit-btn{background:#fff3;border:1px solid #ffffff1f;border-radius:9px;color:#ffffffd9;display:inline-flex;flex-shrink:0;height:32px;width:32px}.live-cash-edit-btn:hover{background:#ffc10733;border-color:#ffc10759;transform:rotate(15deg)}.live-cash-mobile{border:1px solid #ffffffe6;border-radius:22px;box-shadow:0 8px 22px #0d1b3d59,0 2px 6px #0d1b3d2e,inset 0 1px 0 #ffffffe6;color:#0d1b3d;gap:10px;margin:14px 8px 10px;min-height:56px;overflow:visible;padding:10px 12px;width:calc(100% - 16px)}.live-cash-mobile,.live-cash-mobile *{box-sizing:border-box}.live-cash-mobile .live-cash-icon-wrapper{align-items:center!important;background:linear-gradient(135deg,#4a8cff,#1e78ff 55%,#0e63e6);border:none;border-radius:12px;box-shadow:0 5px 14px #1e78ff52,inset 0 1px 0 #ffffff4d;color:#fff;display:inline-flex!important;flex-shrink:0;font-size:16px;height:38px!important;justify-content:center!important;max-width:38px!important;min-width:38px!important;padding:0!important;width:38px!important}.live-cash-mobile .live-cash-content{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;justify-content:center;line-height:1.05;min-width:0;overflow:hidden;padding:0}.live-cash-mobile .live-cash-label{color:#546e7a!important;font-size:10px!important;font-weight:700!important;letter-spacing:1.2px;line-height:1.1;text-transform:uppercase}.live-cash-mobile .live-cash-label,.live-cash-mobile .live-cash-value{display:block;margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.live-cash-mobile .live-cash-value{color:#0d1b3d!important;font-family:Roboto Mono,monospace,SFMono-Regular,Consolas,monospace;font-size:20px!important;font-weight:800!important;letter-spacing:-.3px;line-height:1}.live-cash-mobile .live-cash-edit-btn{align-items:center!important;background:linear-gradient(135deg,#f2f7ff,#e8f1ff)!important;border:1px solid #1e78ff26!important;border-radius:10px;box-shadow:inset 0 1px 0 #fffc,0 1px 3px #1e78ff14;color:#1976d2!important;cursor:pointer;display:inline-flex!important;flex-shrink:0;font-size:14px;height:34px!important;justify-content:center!important;margin-left:2px;margin-right:0;max-width:34px!important;min-width:34px!important;padding:0!important;transition:all .2s ease;width:34px!important}.live-cash-mobile .live-cash-edit-btn:hover{background:linear-gradient(135deg,#1976d2,#0e63e6)!important;border-color:#1e78ff59!important;color:#fff!important;transform:rotate(15deg)}.mobile-tabs-container{display:none}@media (max-width:768px){.mobile-tabs-container{display:block;margin-bottom:20px;position:relative;z-index:100}.desktop-tabs{display:none!important}.mobile-tab-trigger{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#333;cursor:pointer;font-size:16px;font-weight:600;justify-content:space-between;padding:12px 16px;width:100%}.current-tab-info,.mobile-tab-trigger{align-items:center;display:flex}.tab-caret{transition:transform .3s ease}.tab-caret.open{transform:rotate(180deg)}.mobile-tab-menu{animation:slideDown .2s ease;background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000026;left:0;margin-top:8px;overflow:hidden;position:absolute;top:100%;width:100%}.mobile-tab-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#666;cursor:pointer;display:flex;font-size:15px;gap:10px;padding:12px 16px;width:100%}.mobile-tab-item:last-child{border-bottom:none}.mobile-tab-item.active{background:#f8f9ff;color:#667eea;font-weight:600}.mobile-tab-item:hover{background:#f0f0f0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.badge-instock{background-color:#28a745;color:#fff}.badge-sold{background-color:#dc3545;color:#fff}@media (min-width:769px){.live-cash-container.desktop-only{display:none!important}.sidebar-floating-toggle{align-items:center;background:linear-gradient(135deg,#1a237e,#3f51b5);border:2px solid #ffc10766;border-radius:12px;box-shadow:0 6px 18px #00000059,inset 0 1px 0 #ffffff40,0 0 0 1px #ffffff0f;color:#ffc107;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;position:fixed;top:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1000}.sidebar-floating-toggle:hover{background:linear-gradient(135deg,#0d1657,#303f9f);box-shadow:0 10px 24px #0006,inset 0 1px 0 #ffffff4d;color:#fff;transform:scale(1.06) translateY(-1px)}.sidebar-floating-toggle.state-open{left:240px}.sidebar-floating-toggle.state-collapsed{left:52px}.sidebar-floating-toggle-bars{display:inline-flex;flex-direction:column;height:14px;justify-content:space-between;position:relative;width:18px}.sidebar-floating-toggle-bars span{background:currentColor;border-radius:2px;display:block;height:2px;transform-origin:50% 50%;transition:transform .3s ease,opacity .3s ease;width:100%}.sidebar-floating-toggle-bars.to-x span:first-child{transform:translateY(6px) rotate(45deg)}.sidebar-floating-toggle-bars.to-x span:nth-child(2){opacity:0}.sidebar-floating-toggle-bars.to-x span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.app-sidebar{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#0f172a,#1e293b 40%,#334155);border-right:1px solid #ffc1071a;box-shadow:4px 0 20px #00000040,8px 0 40px #0000001a,inset -1px 0 0 #ffffff0d;height:100vh;left:0;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding-top:60px;perspective:1000px;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:998}.app-sidebar.is-collapsed{width:72px}.sidebar-brand-area,.sidebar-cash-card{display:none!important}}@media (min-width:769px){.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:#ffffff08}.app-sidebar::-webkit-scrollbar-thumb{background:#ffc10740;border-radius:3px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:#ffc10766}.sidebar-section-first{padding-top:8px!important}.sidebar-section{padding:0 10px 14px}.app-sidebar.is-collapsed .sidebar-section{padding-left:9px;padding-right:9px}.sidebar-section-title{color:#ffc10799;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:8px 12px 10px;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.sidebar-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:11px;color:#ffffffb8;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:500;gap:12px;padding:11px 13px;position:relative;text-align:left;transform-style:preserve-3d;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.app-sidebar.is-collapsed .sidebar-nav-item{justify-content:center;padding:11px 13px}.sidebar-nav-item:hover{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#ffc10726;box-shadow:0 6px 16px #00000040,inset 0 1px 0 #ffffff0f;color:#fff;transform:translateX(3px)}.sidebar-nav-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:9px;color:inherit;display:inline-flex;font-size:15px;height:34px;justify-content:center;min-width:34px;transform:translateZ(4px);transition:all .25s ease;width:34px}.sidebar-nav-item:hover .sidebar-nav-icon{transform:translateZ(8px) scale(1.08)}.sidebar-nav-label{color:inherit;flex:1 1;font-size:13.5px;font-weight:600;letter-spacing:.2px;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-arrow{color:#ffc10780;font-size:18px;font-weight:700;line-height:1;opacity:.7;transition:all .25s ease}.sidebar-nav-item:hover .sidebar-nav-arrow{color:#ffc107;opacity:1;transform:translateX(3px)}.sidebar-nav-primary .sidebar-nav-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 10px #667eea59;color:#fff}.sidebar-nav-success .sidebar-nav-icon{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 10px #28a74559;color:#fff}.sidebar-nav-stock .sidebar-nav-icon{background:linear-gradient(135deg,#fd7e14,#ffc107);box-shadow:0 4px 10px #fd7e1459;color:#1a237e}.sidebar-nav-secondary .sidebar-nav-icon{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 10px #6c757d59;color:#fff}.sidebar-nav-info .sidebar-nav-icon{background:linear-gradient(135deg,#17a2b8,#38ef7d);box-shadow:0 4px 10px #17a2b859;color:#fff}.sidebar-nav-purple .sidebar-nav-icon{background:linear-gradient(135deg,#6f42c1,#9b59b6);box-shadow:0 4px 10px #6f42c159;color:#fff}.sidebar-nav-daily .sidebar-nav-icon{background:linear-gradient(135deg,#1a237e,#3f51b5);box-shadow:0 4px 10px #1a237e59;color:#ffc107}.sidebar-nav-warning .sidebar-nav-icon{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 10px #ffc10759;color:#1a237e}.sidebar-nav-navy .sidebar-nav-icon{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 10px #1a237e59;color:#fff}.sidebar-nav-pink .sidebar-nav-icon{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 4px 10px #ec489959;color:#fff}.sidebar-nav-action .sidebar-nav-icon{background:linear-gradient(135deg,#00b09b,#96c93d);box-shadow:0 4px 10px #00b09b59;color:#fff}.sidebar-footer{border-top:1px solid #ffc1071a;margin-top:10px;padding:16px 14px 20px;text-align:center}.sidebar-footer-version{color:#ffc107b3;font-size:11px;font-weight:700;letter-spacing:.8px}.sidebar-footer-brand{color:#ffffff80;font-size:11px;margin-top:4px}.header-icon-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff3;cursor:pointer;display:inline-flex;font-family:inherit;font-size:18px;height:44px;justify-content:center;min-width:44px;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.header-icon-btn:hover{box-shadow:0 8px 20px #00000040,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.06)}.header-icon-home{background:linear-gradient(135deg,#1a237e,#3f51b5);border-color:#ffc10766;color:#ffc107}.header-icon-home:hover{background:linear-gradient(135deg,#0d1657,#303f9f);color:#fff}.header-icon-profile{background:linear-gradient(135deg,#17a2b8,#38ef7d);border-color:#ffffff59;color:#fff}.header-icon-profile:hover{background:linear-gradient(135deg,#138496,#2bd868)}.header-icon-logout{background:linear-gradient(135deg,#dc3545,#f5576c);border-color:#ffffff59;color:#fff}.header-icon-logout:hover{background:linear-gradient(135deg,#c82333,#e43b52);transform:translateY(-2px) scale(1.06) rotate(-6deg)}.header-right-icons{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-left:12px;position:relative;z-index:20}.header-live-cash-inline{flex-shrink:0;margin-left:auto;margin-right:4px;position:relative;z-index:15}.header-live-cash-inner{align-items:center;background:#fff;border:1px solid #ffffffe6;border-radius:24px;box-shadow:0 6px 16px #1f26871a,0 1px 4px #1f26870a;display:flex;gap:10px;padding:6px 14px;transition:transform .2s ease,box-shadow .2s ease}.header-live-cash-inline:hover .header-live-cash-inner{box-shadow:0 10px 24px #1f268726,0 2px 6px #1f26870f;transform:translateY(-2px)}.header-live-cash-icon{align-items:center;background:linear-gradient(135deg,#4a8cff,#1e78ff 55%,#0e63e6);border-radius:12px;box-shadow:0 5px 14px #1e78ff4d,inset 0 1px 0 #ffffff4d;color:#fff;display:inline-flex;font-size:16px;height:38px;justify-content:center;min-width:38px;width:38px}.header-live-cash-info{display:flex;flex-direction:column;gap:2px;line-height:1.05;min-width:0}.header-live-cash-label{color:#546e7a;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.header-live-cash-value{color:#0d1b3d;font-family:Roboto Mono,monospace,SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1;white-space:nowrap}.header-live-cash-edit{align-items:center;background:linear-gradient(135deg,#f2f7ff,#e8f1ff);border:1px solid #1e78ff26;border-radius:10px;box-shadow:inset 0 1px 0 #fffc,0 1px 3px #1e78ff14;color:#1976d2;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;margin-left:2px;min-width:34px;transition:all .2s ease;width:34px}.header-live-cash-edit:hover{background:linear-gradient(135deg,#1e78ff,#0e63e6);border-color:#1e78ff;box-shadow:0 8px 20px #1e78ff66;color:#fff;transform:translateY(-2px) rotate(10deg)}.dashboard-header.has-sidebar{align-items:flex-start;gap:16px 20px;margin:0;padding:14px 25px 20px!important;transition:padding .3s cubic-bezier(.4,0,.2,1)}.dashboard-header .header-left{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-top:0;z-index:10}.header-left-content{min-width:0}body[data-view=desktop][data-sidebar=open]{padding-left:260px;padding-top:0;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}body[data-view=desktop][data-sidebar=collapsed]{padding-left:72px;padding-top:0;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}body[data-view=mobile]{padding-left:0}body{background:#f5f5f5}.dashboard,.dashboard-page{min-height:100vh;position:relative}.dashboard-content{padding-bottom:140px!important;position:relative;z-index:1}.pag-wrapper{background:#0000!important;bottom:auto!important;margin:0 auto;padding:8px 4px 6px;position:relative!important;z-index:1}.pag-container,.pag-wrapper{max-width:100%!important;overflow:visible!important;width:100%!important}.pag-container{align-items:center!important;background:#fff;border-bottom:none;border-radius:6px;border-top:1px solid #e0e0e0;box-shadow:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:space-between!important;margin:0 auto!important;padding:8px 14px!important}.pag-top-label-row{flex:0 0 auto!important;justify-content:flex-start!important;margin-bottom:0!important;max-width:30%;min-width:180px}.pag-inner.pag-center,.pag-top-label-row{align-items:center!important;display:inline-flex!important;width:auto!important}.pag-inner.pag-center{flex:1 1 auto!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:center!important;max-width:100%;order:0;overflow-x:auto;overflow-y:visible;padding:0}.pag-inner.pag-center::-webkit-scrollbar{height:3px}.pag-inner.pag-center::-webkit-scrollbar-thumb{background:#667eea59;border-radius:3px}.pag-inner.pag-bottom-size-row{align-items:center!important;display:inline-flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-end!important;max-width:30%;min-width:150px;order:0;width:auto!important}.pag-btn{align-items:center;border-radius:4px!important;display:inline-flex!important;flex-shrink:0;height:30px!important;justify-content:center;line-height:1;min-width:30px!important;padding:2px 6px!important;vertical-align:middle}.pag-btn,.pag-label,.pag-select,.pag-showing-label{font-size:12px!important}.pag-select{height:30px!important;padding:2px 22px 2px 6px!important}.sidebar-cash-card-mobile .sidebar-cash-card-inner{border-radius:12px;padding:14px}}@media (min-width:769px) and (max-width:1024px){.app-sidebar{padding-top:58px;width:220px}.app-sidebar.is-collapsed{width:60px}body[data-view=desktop][data-sidebar=open]{padding-left:220px!important}body[data-view=desktop][data-sidebar=collapsed]{padding-left:60px!important}.sidebar-floating-toggle.state-open{left:200px!important;top:10px!important}.sidebar-floating-toggle.state-collapsed{left:40px!important;top:10px!important}.sidebar-section{padding:0 8px 12px}.sidebar-nav-item{font-size:13px;gap:10px;padding:10px}.sidebar-nav-icon{font-size:14px;height:32px;min-width:32px;width:32px}.sidebar-nav-label{font-size:12.5px}.dashboard-header.has-sidebar{align-content:flex-start;align-items:flex-start;column-gap:12px;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;padding:14px 18px 18px!important;row-gap:16px}.dashboard-header.has-sidebar .header-left,.dashboard-header.has-sidebar .header-live-cash-inline{align-self:flex-start;flex:0 0 auto!important;margin-right:0!important;order:1!important}.dashboard-header.has-sidebar .header-live-cash-inline{margin-left:auto!important}.dashboard-header.has-sidebar .header-right-icons{align-self:flex-start!important;display:inline-flex!important;flex:0 0 auto!important;gap:10px!important;justify-content:flex-end!important;margin-left:12px!important;margin-right:0!important;order:1!important}.dashboard-header.has-sidebar .header-center-desktop{align-self:stretch!important;flex:1 1 100%!important;margin:0!important;max-width:100%!important;order:2!important;width:100%!important}.header-icon-btn{font-size:16px;height:40px;min-width:40px;width:40px}.header-left-content .app-logo{font-size:26px}.welcome-text{font-size:13px}.header-live-cash-inner{border-radius:22px;gap:8px;padding:5px 12px}.header-live-cash-icon{border-radius:10px;font-size:14px;height:34px;min-width:34px;width:34px}.header-live-cash-edit{border-radius:8px;font-size:13px;height:30px;min-width:30px;width:30px}.header-live-cash-label{font-size:9px;letter-spacing:.8px}.header-live-cash-value{font-size:18px;letter-spacing:-.3px}.dashboard .pag-wrapper,.dashboard-content .pag-wrapper,body[data-view=desktop] #root .pag-wrapper,body[data-view=desktop] .dashboard .pag-wrapper,body[data-view=desktop] .dashboard-content .pag-wrapper{background:#0000!important;bottom:auto!important;margin:0 auto!important;max-width:100%!important;overflow:visible!important;overflow-x:visible!important;padding:4px 2px!important;position:relative!important;width:100%!important;z-index:1!important}.dashboard .pag-container,.dashboard-content .pag-container,body[data-view=desktop] #root .pag-container,body[data-view=desktop] .dashboard .pag-container,body[data-view=desktop] .dashboard-content .pag-container{align-items:center!important;background:#fff!important;border-radius:4px!important;border-top:1px solid #e0e0e0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:space-between!important;margin:0 auto!important;max-width:100%!important;min-width:100%!important;padding:6px 10px!important;width:100%!important}.dashboard .pag-container .pag-top-label-row,.dashboard-content .pag-container .pag-top-label-row,body[data-view=desktop] #root .pag-container .pag-top-label-row,body[data-view=desktop] .dashboard .pag-container .pag-top-label-row,body[data-view=desktop] .dashboard-content .pag-container .pag-top-label-row{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;justify-content:flex-start!important;margin:0!important;max-width:32%!important;min-width:0!important;padding:0!important;width:auto!important}.dashboard .pag-container .pag-inner.pag-center,.dashboard-content .pag-container .pag-inner.pag-center,body[data-view=desktop] #root .pag-container .pag-inner.pag-center,body[data-view=desktop] .dashboard .pag-container .pag-inner.pag-center,body[data-view=desktop] .dashboard-content .pag-container .pag-inner.pag-center{-webkit-overflow-scrolling:touch!important;align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;flex:1 1 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:3px!important;justify-content:center!important;max-width:48%!important;order:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;scrollbar-width:thin!important;width:auto!important}.dashboard-content .pag-container .pag-inner.pag-center::-webkit-scrollbar,body[data-view=desktop] .dashboard-content .pag-container .pag-inner.pag-center::-webkit-scrollbar{display:block!important;height:3px!important}.dashboard-content .pag-container .pag-inner.pag-center::-webkit-scrollbar-thumb,body[data-view=desktop] .dashboard-content .pag-container .pag-inner.pag-center::-webkit-scrollbar-thumb{background:#667eea59!important;border-radius:3px!important}.dashboard .pag-container .pag-inner.pag-bottom-size-row,.dashboard-content .pag-container .pag-inner.pag-bottom-size-row,body[data-view=desktop] #root .pag-container .pag-inner.pag-bottom-size-row,body[data-view=desktop] .dashboard .pag-container .pag-inner.pag-bottom-size-row,body[data-view=desktop] .dashboard-content .pag-container .pag-inner.pag-bottom-size-row{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:5px!important;justify-content:flex-end!important;margin:0!important;max-width:28%!important;min-width:0!important;order:0!important;padding:0!important;width:auto!important}.dashboard-content .pag-container .pag-top-label-row .pag-showing-label,body[data-view=desktop] .dashboard-content .pag-container .pag-top-label-row .pag-showing-label{font-size:11px!important;line-height:1!important;max-width:100%!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important}.dashboard-content .pag-container .pag-label,body[data-view=desktop] .dashboard-content .pag-container .pag-label{font-size:11px!important;line-height:1!important}.dashboard .pag-container .pag-btn,.dashboard-content .pag-container .pag-btn,body[data-view=desktop] #root .pag-container .pag-btn,body[data-view=desktop] .dashboard .pag-container .pag-btn,body[data-view=desktop] .dashboard-content .pag-container .pag-btn{align-items:center!important;border-radius:3px!important;box-sizing:border-box!important;display:inline-flex!important;flex-shrink:0!important;font-size:11px!important;height:26px!important;justify-content:center!important;line-height:1!important;min-width:26px!important;padding:2px 5px!important}.dashboard-content .pag-container .pag-ellipsis,body[data-view=desktop] .dashboard-content .pag-container .pag-ellipsis{align-items:center!important;display:inline-flex!important;font-size:11px!important;height:26px!important;justify-content:center!important;min-width:18px!important}.dashboard .pag-container .pag-select,.dashboard-content .pag-container .pag-select,body[data-view=desktop] #root .pag-container .pag-select,body[data-view=desktop] .dashboard .pag-container .pag-select,body[data-view=desktop] .dashboard-content .pag-container .pag-select{background-position:right 5px center!important;box-sizing:border-box!important;flex-shrink:0!important;font-size:11px!important;height:26px!important;line-height:1!important;padding:2px 18px 2px 5px!important}}@media (max-width:768px){.app-sidebar,.header-icon-btn.header-icon-home,.header-live-cash-inline,.header-right-icons,.sidebar-floating-toggle,.sidebar-overlay-fixed{display:none!important}.dashboard-header.has-sidebar{padding-left:15px!important}}.reports-page{background-color:#f5f5f5;min-height:100vh}.page-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px 30px}.page-header h1{color:#333;font-size:24px;margin:0}.reports-content{display:flex;justify-content:center;padding:20px}.report-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;padding:30px;width:100%}.report-form h2{color:#333;font-size:20px;margin-bottom:20px}.date-range{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr}.report-info{background-color:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.report-info h3{color:#333;font-size:18px;margin-bottom:10px}.report-info ul{color:#666;list-style-position:inside}.report-info li{font-size:14px;margin-bottom:8px}@media (max-width:768px){.page-header{padding:15px 20px}.page-header h1{font-size:20px}.reports-content{padding:15px}.report-form{padding:20px}.report-form h2{font-size:18px}.date-range{grid-template-columns:1fr}.report-info h3{font-size:16px}.report-info{margin-top:20px;padding:15px}}@media (max-width:480px){.page-header{padding:12px 15px}.page-header h1{font-size:18px;width:100%}.page-header button{width:100%}.reports-content{padding:10px}.report-form{border-radius:4px;padding:15px}.report-form h2{font-size:16px}.report-form button{width:100%}}.analytics-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.analytics-content{margin:0 auto;max-width:1400px;padding:20px}.analytics-header{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:20px;position:relative;text-align:center}.analytics-header h1{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:10px}.analytics-header p{color:#7f8c8d;font-size:16px}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin-bottom:30px}.summary-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;gap:15px;min-width:0;padding:15px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.summary-card.active{border-color:#4caf50;box-shadow:0 4px 20px #4caf504d}.card-icon{flex-shrink:0;font-size:36px;line-height:1}.card-content{flex:1 1;min-width:0}.card-content h3{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-count{color:#7f8c8d;font-size:13px;margin-bottom:3px}.card-amount{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:3px}.card-amount.positive{color:#4caf50}.card-amount.negative{color:#f44336}.card-avg{color:#95a5a6;font-size:13px}.analytics-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px}.tab-buttons{display:flex;gap:10px}.tab-btn{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#555;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{border-color:#4caf50;color:#4caf50;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 4px 15px #4caf504d;color:#fff}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:#555;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.filter-group select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.date-range{display:flex;gap:15px}.date-input{align-items:center;display:flex;gap:8px}.date-input label{color:#555;font-size:14px;font-weight:600}.date-input input[type=date]{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px;transition:all .3s ease}.date-input input[type=date]:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.chart-type-toggle{display:flex;gap:10px;margin-left:auto}.toggle-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.toggle-btn:hover{border-color:#2196f3;color:#2196f3}.toggle-btn.active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;box-shadow:0 4px 15px #2196f34d;color:#fff}.chart-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:25px;padding:25px}.chart-title{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:20px}.salesperson-filters{align-items:flex-end;background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px}.salesperson-filters .filter-group{flex:0 0 auto;min-width:200px}.salesperson-filters .date-range{display:flex;flex-wrap:wrap;gap:15px}.salesperson-filters .date-input{min-width:150px}.chart-loading{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:50px;margin-bottom:15px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data{color:#95a5a6;font-size:16px;padding:60px;text-align:center}.custom-tooltip{background:#fffffffa;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 20px #00000026;padding:12px 16px}.custom-tooltip .label{color:#2c3e50;font-size:14px;font-weight:700;margin-bottom:8px}.custom-tooltip p{font-size:13px;font-weight:600;margin:4px 0}@media (max-width:768px){.analytics-content{padding:10px}.analytics-controls{align-items:stretch;flex-direction:column;padding:15px}.tab-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px;overflow-x:visible;padding-bottom:0;width:100%}.tab-btn{align-items:center;display:flex;flex:1 1 45%;font-size:13px;justify-content:center;padding:12px 5px;text-align:center;white-space:normal}.chart-type-toggle{justify-content:center;margin-top:10px;width:100%}.filter-group{align-items:stretch;flex-direction:column;width:100%}.filter-group select{width:100%}.date-range{flex-direction:column;width:100%}.date-input,.date-input input{width:100%}.summary-cards{grid-template-columns:1fr}.chart-container{overflow-x:hidden;padding:15px}.analytics-header{margin-bottom:20px;padding:15px}.analytics-header h1{font-size:24px}}.recharts-wrapper{cursor:pointer}.recharts-tooltip-wrapper{z-index:1000}.recharts-legend-wrapper{padding-top:15px!important}.recharts-legend-item-text{color:#555!important;font-weight:600!important}.salesperson-table-container{margin-top:20px;overflow-x:auto}.salesperson-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.salesperson-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.salesperson-table thead th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.salesperson-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.salesperson-table tbody tr:hover{background-color:#f8f9fa}.salesperson-table tbody tr:last-child{border-bottom:none}.salesperson-table td{color:#555;font-size:14px;padding:15px}.salesperson-table .person-name{color:#2c3e50;font-size:15px;font-weight:600}.salesperson-table .amount{font-family:Courier New,monospace;font-weight:500;text-align:right}.salesperson-table .amount.total{color:#2c3e50;font-size:15px;font-weight:700}.salesperson-table .amount.profit{color:#27ae60;font-weight:700}.salesperson-table .amount.loss{color:#e74c3c;font-weight:700}.salesperson-table tbody td{text-align:center}.salesperson-table tbody td:first-child{text-align:left}.salesperson-table tbody td.amount{text-align:right}.salesperson-cards-mobile{display:none}.salesperson-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:15px}.salesperson-card-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.salesperson-name{color:#2c3e50;font-size:18px;font-weight:700}.salesperson-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.salesperson-card-body{display:flex;flex-direction:column;gap:12px}.salesperson-section{background:#f8f9fa;border-radius:8px;padding:10px}.section-title{color:#495057;font-size:14px;font-weight:600;margin-bottom:8px}.salesperson-row{display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.sp-label{color:#6c757d;font-weight:500}.sp-value,.sp-value-amount{color:#2c3e50;font-weight:600}.sp-value-amount{font-size:13px}.salesperson-totals{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;margin-top:5px;padding:12px}.total-row{border-bottom:1px solid #dee2e6;margin-bottom:6px;padding:6px 0}.sp-value-highlight{color:#2196f3;font-size:16px;font-weight:700}.profit-row{padding:6px 0}.sp-value-profit{font-size:16px;font-weight:700}.sp-value-profit.positive{color:#27ae60}.sp-value-profit.negative{color:#e74c3c}@media (max-width:1024px){.salesperson-table{font-size:12px}.salesperson-table td,.salesperson-table thead th{padding:10px 8px}}@media (max-width:768px){.salesperson-table-container.desktop-view{display:none!important}.salesperson-cards-mobile{display:block}.salesperson-table{min-width:800px}}.user-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-bottom:40px}.user-management-content{margin:0 auto;max-width:1400px;padding:20px}.page-title-section{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.page-title-section h1{color:#2c3e50;flex:1 1;font-size:32px;font-weight:700;margin:0;text-align:center}.user-management-header{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:20px}.user-management-header .header-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.user-management-header h1{color:#2c3e50;flex:1 1;font-size:32px;font-weight:700;margin:0;text-align:center}.users-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow-x:auto;padding:20px}.users-table{border-collapse:collapse;width:100%}.users-table th{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;padding:15px;text-align:left}.users-table th:first-child{border-top-left-radius:10px}.users-table th:last-child{border-top-right-radius:10px}.users-table td{border-bottom:1px solid #e0e0e0;padding:15px}.users-table tbody tr:hover{background-color:#f8f9fa}.role-badge{border-radius:20px;font-size:12px;font-weight:600;padding:5px 12px}.role-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-staff{background:linear-gradient(135deg,#56ab2f,#a8e063);color:#fff}.role-account{background:linear-gradient(135deg,#8e44ad,#3498db);color:#fff}.role-unknown{background:#95a5a6;color:#fff}.actions-cell{display:flex;flex-wrap:wrap;gap:10px}.btn-edit{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:8px;padding:8px 16px;transition:transform .2s}.btn-edit:hover:not(:disabled){transform:scale(1.05)}.btn-password{background:linear-gradient(135deg,#ffc107,#ff9800);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:transform .2s}.btn-password:hover:not(:disabled){transform:scale(1.05)}.btn-delete{background:linear-gradient(135deg,#fa709a,#fee140);border-radius:8px;padding:8px 16px;transition:transform .2s}.btn-delete:hover:not(:disabled){transform:scale(1.05)}.btn-primary{border-radius:10px;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-primary:hover:not(:disabled){transform:scale(1.05)}.btn-secondary{background:#6c757d;border-radius:10px;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-secondary:hover:not(:disabled){transform:scale(1.05)}button:disabled{cursor:not-allowed;opacity:.6}.mobile-cards-view{display:none}.user-mobile-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:15px}.user-card-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.user-card-info{flex:1 1}.user-card-username{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:4px}.user-card-email{color:#7f8c8d;font-size:13px}.user-card-body{margin-bottom:12px}.user-card-row{display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.user-card-label{color:#666;font-weight:500}.user-card-value{color:#333;text-align:right}.user-card-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-delete-card,.btn-edit-card,.btn-password-card{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 12px;transition:all .3s ease;white-space:nowrap}.btn-edit-card{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-password-card{background:linear-gradient(135deg,#fbc2eb,#a6c1ee);color:#333}.btn-delete-card{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}@media (max-width:768px){.user-management-content{padding:10px}.page-title-section{flex-direction:column;padding:15px;text-align:center}.page-title-section h1{font-size:24px}.desktop-view{display:none!important}.mobile-cards-view{display:block}.modal-content{margin:10px;padding:20px;width:95%}.form-group{margin-bottom:15px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.loading{padding:40px}.modal-overlay{background:#000000b3;z-index:1000}.modal-content{border-radius:15px;box-shadow:0 10px 40px #0000004d;padding:30px}.modal-content h2{color:#2c3e50;font-size:24px;margin-top:0}.form-group,.modal-content h2{margin-bottom:20px}.form-group label{color:#333}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}@media (max-width:768px){.user-management-header{align-items:stretch;flex-direction:column;gap:15px}.users-table-container{overflow-x:auto}.actions-cell{flex-direction:column;gap:5px}.modal-content{padding:20px;width:95%}}.change-password-page{background-color:#f5f5f5;min-height:100vh}.change-password-content{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:20px}.change-password-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:500px;padding:30px;width:100%}.change-password-box h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.button-group{flex-wrap:wrap;justify-content:flex-end;margin-top:20px}@media (max-width:768px){.change-password-page{padding:15px}.change-password-box{padding:25px 20px}.change-password-box h2{font-size:20px}}@media (max-width:480px){.change-password-page{padding:10px}.change-password-box{padding:20px 15px}.change-password-box h2{font-size:18px}.button-group{flex-direction:column-reverse}.button-group button{margin:0;width:100%}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.forgot-password-container:before{animation:particleFloat 20s linear infinite;background-image:radial-gradient(circle,#fffc 2px,#0000 0),radial-gradient(circle,#fff9 1px,#0000 0),radial-gradient(circle,#fff6 1.5px,#0000 0);background-position:0 0,40px 60px,80px 20px;background-size:200px 200px,150px 150px,100px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.forgot-password-box{animation:floatIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 40px #667eea33,inset 0 1px 0 #ffffffe6;max-width:480px;overflow:hidden;padding:40px;position:relative;width:100%;z-index:1}.forgot-logo,.logo-container{overflow:visible;width:100%}.forgot-logo{animation:logoGlow 3s ease-in-out infinite,slideDown .8s ease-out;color:#00f!important;display:block;font-size:38px!important;font-weight:900;letter-spacing:1.5px;margin-bottom:8px!important;text-shadow:0 2px 8px #0000ff4d,0 4px 20px #00f3,0 0 30px #0000ff1a;text-transform:uppercase;white-space:nowrap}.forgot-subtitle{animation:fadeIn .8s ease-out .3s both;color:#666;display:inline-block;font-size:15px;font-weight:500;letter-spacing:.5px;position:relative}.forgot-password-form{animation:fadeIn 1s ease-out .6s both}.forgot-password-form h2{-webkit-text-fill-color:#0000;animation:fadeIn 1s ease-out .4s both;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:26px;font-weight:700;margin-bottom:10px;text-align:center}.forgot-description{color:#666;font-size:14px;margin-bottom:25px;text-align:center}.forgot-password-form .form-group{animation:slideUp .6s ease-out .7s both;margin-bottom:20px}.forgot-password-form .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.forgot-password-form .form-group input{background:#f8f9ff;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.forgot-password-form .form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;outline:none;transform:translateY(-2px)}.button-group{animation:slideUp .6s ease-out .9s both;gap:10px;justify-content:space-between;margin-top:25px}.button-group .btn-secondary{background:#e0e0e0;border:none;border-radius:10px;color:#333;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.button-group .btn-secondary:hover{background:#d0d0d0;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.button-group .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:14px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.button-group .btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.button-group .btn-primary:hover:before{left:100%}.button-group .btn-primary:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.button-group .btn-primary:active{transform:translateY(-1px)}.button-group .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.success-message{animation:fadeIn .3s ease-out;box-shadow:0 4px 12px #28a7454d;padding:12px 16px}.error-message{animation:shake .5s ease-in-out,fadeIn .3s ease-out;box-shadow:0 4px 12px #ff6b6b4d;font-weight:500;padding:12px 16px}@media (max-width:768px){.forgot-password-container{padding:15px}.forgot-password-box{padding:30px 25px}.forgot-logo{font-size:36px!important}}@media (max-width:480px){.forgot-password-container{padding:10px}.forgot-password-box{border-radius:15px;padding:25px 20px}.forgot-logo{font-size:32px!important;letter-spacing:1.5px}.forgot-subtitle{font-size:13px!important}.forgot-password-form h2{font-size:22px}.forgot-description{font-size:13px}.button-group{gap:8px}.button-group .btn-primary,.button-group .btn-secondary{font-size:14px;padding:12px}}.reset-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.reset-password-container:before{animation:particleFloat 20s linear infinite;background-image:radial-gradient(circle,#fffc 2px,#0000 0),radial-gradient(circle,#fff9 1px,#0000 0),radial-gradient(circle,#fff6 1.5px,#0000 0);background-position:0 0,40px 60px,80px 20px;background-size:200px 200px,150px 150px,100px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes particleFloat{0%{transform:translateY(0) translateX(0)}to{transform:translateY(-100px) translateX(50px)}}.reset-password-box{animation:floatIn .8s ease-out;background:#fff;border-radius:20px;box-shadow:none;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}@keyframes floatIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:30px;text-align:center}.reset-logo{animation:logoGlow 3s ease-in-out infinite;color:#00f;font-size:32px;font-weight:800;letter-spacing:2px;margin:0 0 10px;text-shadow:0 0 20px #0000ff4d}@keyframes logoGlow{0%,to{text-shadow:0 0 20px #0000ff4d}50%{text-shadow:0 0 30px #00f9,0 0 40px #00f6}}.reset-subtitle{color:#666;font-size:14px;font-weight:500;margin:0}.reset-password-form{margin-top:30px}.reset-password-form h2{color:#333;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.reset-description{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}.form-group label{color:#555;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:14px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:none;outline:none;transform:translateY(-2px)}.error-message{animation:shake .5s;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:10px;box-shadow:none;color:#fff;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.success-message{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:10px;box-shadow:none;color:#155724;font-size:14px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.button-group{display:flex;gap:12px;margin-top:30px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;justify-content:center;min-width:150px;padding:14px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.btn-primary:hover{box-shadow:none;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;transform:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:none}.btn-secondary{background:linear-gradient(135deg,#868e96,#495057);box-shadow:none}.btn-secondary:hover{box-shadow:none;transform:translateY(-2px)}@media (max-width:768px){.reset-password-box{margin:20px;padding:30px 25px}.reset-logo{font-size:26px}.reset-password-form h2{font-size:24px}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.stock-header-actions{align-items:center;display:flex;gap:12px}.btn-export-stock{background:linear-gradient(135deg,#2196f3,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-export-stock:hover{background:linear-gradient(135deg,#1769aa,#5e3b8a);transform:translateY(-2px)}.stock-check-page{background:#f5f7fa;min-height:100vh}.stock-check-container{margin:0 auto;max-width:1400px;padding:30px}.stock-check-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.stock-search-bar{display:flex;justify-content:flex-end;margin-bottom:18px}.stock-search-bar input{border:1.5px solid #d1d5db;border-radius:8px;font-size:15px;min-width:260px;outline:none;padding:10px 16px;transition:border .2s}.stock-search-bar input:focus{border-color:#667eea}.stock-check-header h2{color:#333;font-size:32px;margin-bottom:10px}.stock-subtitle{color:#666;font-size:16px}.btn-add-stock{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s}.btn-add-stock:hover{transform:translateY(-2px)}.loading{color:#666;font-size:18px}.empty-state,.loading{padding:60px;text-align:center}.empty-state{color:#999;font-size:16px}.stock-table-container{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:30px}.stock-table-desktop{display:block}.stock-cards-mobile{display:none}.stock-card{background:#f8f9fa;border:1.5px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 4px #667eea14;margin-bottom:7px;padding:6px 12px 4px}.stock-card-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.stock-card-label{color:#666;font-size:14px;font-weight:600}.stock-card-value{color:#333;font-size:15px;font-weight:500}.stock-card-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.stock-table{border-collapse:collapse;width:100%}.stock-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stock-table th{font-weight:600;padding:15px;text-align:left}.stock-table th:first-child{border-top-left-radius:10px}.stock-table th:last-child{border-top-right-radius:10px}.stock-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.stock-table tbody tr:hover{background:#f8f9fa}.stock-table td{color:#333;padding:15px}.status-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px}.status-badge.in-stock{background:#d4edda;color:#155724}.status-badge.low-stock{background:#fff3cd;color:#856404}.status-badge.out-of-stock{background:#f8d7da;color:#721c24}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.btn-delete,.btn-edit{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:transform .2s}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-edit:hover{transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.btn-delete:hover{transform:translateY(-2px)}.btn-view{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:transform .2s}.btn-view:hover{transform:translateY(-2px)}.btn-import-stock{align-items:center;background:linear-gradient(135deg,#2980f3,#6f42c1);border:none;border-radius:10px;box-shadow:0 2px 8px #2f80ed14;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;margin-left:8px;padding:12px 24px;transition:transform .2s}.btn-import-stock:hover{background:linear-gradient(135deg,#1769aa,#5e3b8a);transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;max-width:500px;padding:40px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){#root,body,html{overflow-x:hidden}.stock-cards-wrapper,.stock-check-page,.stock-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.stock-card-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start}.action-buttons{flex-wrap:wrap;gap:6px}.btn-delete,.btn-edit,.btn-view{font-size:12px;padding:6px 10px}}.modal-content h3{color:#333;font-size:24px;margin-bottom:25px;text-align:center}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-content .form-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:12px;transition:all .3s ease;width:100%}.modal-content .form-group input:focus{border-color:#667eea;outline:none}.modal-buttons{display:flex;gap:12px;margin-top:30px}.btn-cancel,.btn-save{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.btn-cancel{background:#868e96;color:#fff}.btn-cancel:hover{background:#495057;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-save:hover{transform:translateY(-2px)}.cancel-excel-btn{background:linear-gradient(90deg,#4f8cff,#a259ff);border:none;border-radius:10px;box-shadow:0 2px 8px #4f8cff26;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;margin-left:8px;margin-top:16px;padding:12px 32px;transition:background .2s,box-shadow .2s}.cancel-excel-btn:hover{background:linear-gradient(90deg,#3a6fd8,#7c3fe0);box-shadow:0 4px 16px #4f8cff40}@media (max-width:768px){.stock-check-container{padding:15px}.stock-check-header{align-items:flex-start;flex-direction:column}.btn-add-stock{width:100%}.stock-table-desktop{display:none}.stock-cards-mobile{display:block}.modal-content{padding:30px 25px}.action-buttons{flex-direction:column}}.profile-page{background-color:#f5f7fb;min-height:100vh}.profile-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:24px 28px 60px}.profile-page h1.page-title{align-items:center;border-bottom:2px solid #1a237e;color:#111;display:flex;font-size:26px;gap:10px;margin:0 0 24px;padding-bottom:14px}.profile-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;margin-bottom:24px;padding:24px 28px}.profile-card.profile-footer-card{background:#0000;box-shadow:none;margin-bottom:0;padding:0}.profile-card h2.section-title{align-items:center;border-bottom:1px solid #eee;color:#1a237e;display:flex;flex-wrap:wrap;font-size:18px;gap:8px;margin:0 0 20px;padding-bottom:10px}.company-grid,.profile-grid,.toggles-grid{grid-gap:0 24px;display:grid;gap:0 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.toggles-col{min-width:0}.profile-form-group{box-sizing:border-box;margin-bottom:16px;min-width:0}.profile-form-group label{box-sizing:border-box;color:#111;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.profile-form-group input[type=email],.profile-form-group input[type=file],.profile-form-group input[type=number],.profile-form-group input[type=tel],.profile-form-group input[type=text],.profile-form-group input[type=url],.profile-form-group textarea{background:#fff;border:1px solid #ccd2db;border-radius:6px;box-sizing:border-box;color:#111;font-family:inherit;font-size:14px;max-width:100%;padding:10px 12px;transition:border-color .15s;width:100%}.profile-form-group input:focus,.profile-form-group textarea:focus{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1f;outline:none}.profile-form-group input:disabled,.profile-form-group textarea:disabled{background-color:#f5f7fb;color:#555;cursor:not-allowed}.profile-readonly-value{background-color:#f5f7fb;border:1px solid #e2e6ee;border-radius:6px;box-sizing:border-box;color:#111;font-size:14px;padding:10px 12px;width:100%;word-break:break-word}.profile-change-pwd-wrapper{margin-top:10px}.bank-section-heading{color:#1a237e;font-size:15px;font-weight:700;margin:10px 0 14px}.profile-logo-section{display:flex;flex-direction:column;gap:12px}.profile-logo-preview{align-items:center;background:#f5f7fb;border:2px dashed #ccd2db;border-radius:8px;display:flex;height:160px;justify-content:center;max-width:100%;overflow:hidden;width:160px}.profile-logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.profile-logo-placeholder{color:#888;font-size:13px;padding:10px;text-align:center}.profile-logo-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.profile-logo-upload-btn{align-items:center;background:#1a237e;border:1px solid #1a237e;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;justify-content:center;min-height:44px;min-width:44px;padding:9px 16px;transition:opacity .15s}.profile-logo-upload-btn:hover:not(:disabled){opacity:.92}.profile-logo-upload-btn:disabled{cursor:not-allowed;opacity:.6}.profile-logo-remove-btn{background:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;color:#555;cursor:pointer;font-size:14px;min-height:44px;min-width:44px;padding:9px 16px}.profile-toggle-row{align-items:center;border-bottom:1px solid #f0f2f5;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;min-height:44px;padding:10px 0}.profile-toggle-row:last-child{border-bottom:none}.profile-toggle-label{align-items:center;color:#111;display:flex;font-size:14px;font-weight:500;gap:8px;word-break:break-word}.profile-toggle-master{color:#1a237e;font-weight:600}.switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#1a237e}input:checked+.slider.yellow{background-color:#ffc107}input:checked+.slider:before{transform:translateX(20px)}.profile-hint{background:#fff8e1;border-left:3px solid #ffc107;border-radius:4px;box-sizing:border-box;color:#666;font-size:12.5px;margin:14px 0 0;padding:10px 12px}.profile-save-footer{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:4px;padding:20px 0 0}.profile-btn-primary{align-items:center;background:#1a237e;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex:1 1 auto;font-size:14px;font-weight:600;gap:6px;justify-content:center;max-width:100%;min-height:44px;min-width:44px;padding:10px 22px;transition:opacity .15s}.profile-btn-primary:hover:not(:disabled){opacity:.92}.profile-btn-primary:disabled{cursor:not-allowed;opacity:.6}.profile-btn-secondary{background:#fff;border:1px solid #ccd2db;border-radius:6px;color:#555;flex:1 1 auto;max-width:100%}.profile-btn-secondary,.profile-btn-yellow{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:10px 22px}.profile-btn-yellow{background:#ffc107;border:none;border-radius:6px;color:#111;gap:6px;transition:opacity .15s}.profile-btn-yellow:hover:not(:disabled){opacity:.92}.profile-loading-banner{background:#f0f4ff;border:1px solid #bfd0ff;border-radius:6px;box-sizing:border-box;color:#1a237e;font-size:14px;margin-bottom:16px;padding:12px 16px}.profile-section-badge{background:#ffc107;border-radius:12px;color:#111;display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.profile-section-badge.view{background:#e2e6ee;color:#555}.profile-toast{align-items:flex-start;animation:profile-toast-in .35s cubic-bezier(.16,1,.3,1) both;border-radius:10px;box-shadow:0 8px 24px #0000002e,0 2px 6px #0000001a;box-sizing:border-box;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;max-width:420px;min-width:280px;padding:14px 40px 14px 48px;position:fixed;right:20px;top:20px;z-index:9999}.profile-toast-success{background:linear-gradient(135deg,#1e7e34,#155724)}.profile-toast-error{background:linear-gradient(135deg,#c62828,#8e0000)}.profile-toast-icon{align-items:center;background:#ffffff2e;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;height:22px;justify-content:center;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.profile-toast-message{flex:1 1;line-height:1.45;padding-right:4px;word-break:break-word}.profile-toast-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffd9;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:background .15s,color .15s;width:28px}.profile-toast-close:hover{background:#ffffff2e;color:#fff}@keyframes profile-toast-in{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:1440px){.profile-container{padding:28px 32px 68px}}@media (max-width:1439px) and (min-width:1024px){.profile-container{padding:24px 28px 60px}}@media (max-width:1023px) and (min-width:768px){.profile-container{padding:20px 22px 56px}.company-grid,.profile-grid,.toggles-grid{gap:0 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{padding:22px}.profile-page h1.page-title{font-size:24px}.profile-save-footer{justify-content:flex-end}.profile-btn-primary,.profile-btn-secondary{flex:0 0 auto}}@media (max-width:767px) and (min-width:576px){.profile-container{padding:18px 18px 52px}.company-grid,.profile-grid,.toggles-grid{gap:0 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{border-radius:8px;padding:18px}.profile-page h1.page-title{font-size:22px;margin-bottom:20px;padding-bottom:12px}.profile-card h2.section-title{font-size:17px;margin-bottom:18px}.profile-save-footer{gap:10px;justify-content:flex-end}.profile-btn-primary,.profile-btn-secondary{flex:0 0 auto}}@media (max-width:768px){.profile-container{padding:12px}.profile-toast{animation:profile-toast-in-mobile .35s cubic-bezier(.16,1,.3,1) both;left:50%;max-width:calc(100% - 24px);min-width:calc(100% - 24px);right:auto;top:12px;transform:translateX(-50%)}@keyframes profile-toast-in-mobile{0%{opacity:0;transform:translate(-50%,-20px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}}@media (max-width:575px){.profile-container{padding:12px 12px 48px}.company-grid,.profile-grid,.toggles-grid{gap:0;grid-template-columns:1fr}.profile-card{border-radius:8px;margin-bottom:18px;padding:16px 14px}.profile-page h1.page-title{font-size:21px;gap:8px;margin-bottom:18px;padding-bottom:10px}.profile-card h2.section-title{font-size:16.5px;margin-bottom:16px;padding-bottom:8px}.profile-form-group{margin-bottom:14px;min-width:0}.profile-logo-preview{height:130px;width:130px}.profile-logo-preview img{max-height:80px}.profile-save-footer{flex-direction:column-reverse;gap:10px;padding-top:16px}.profile-save-footer button{justify-content:center;width:100%}.profile-btn-primary,.profile-btn-secondary{flex:1 1 100%;width:100%}.profile-logo-actions{align-items:stretch;flex-direction:column}.profile-logo-remove-btn,.profile-logo-upload-btn{width:100%}}@media (max-width:480px){.profile-container{padding:10px 10px 44px}.profile-page h1.page-title{font-size:20px}.profile-card h2.section-title{font-size:16px}.bank-section-heading{font-size:14px}.profile-form-group label{font-size:13px}.profile-form-group input[type=email],.profile-form-group input[type=file],.profile-form-group input[type=number],.profile-form-group input[type=tel],.profile-form-group input[type=text],.profile-form-group input[type=url],.profile-form-group textarea,.profile-readonly-value{font-size:13px;padding:9px 10px}.profile-toggle-label{font-size:13px}.profile-hint{font-size:12px}.profile-btn-primary,.profile-btn-secondary,.profile-btn-yellow,.profile-logo-remove-btn,.profile-logo-upload-btn{font-size:13.5px;min-height:44px}.profile-card{border-radius:7px;padding:14px 12px}.profile-logo-preview{height:110px;width:110px}.profile-logo-preview img{max-height:80px}}.live-cash-amount-animate{animation:live-cash-pulse 1.2s cubic-bezier(.4,0,.6,1) infinite alternate;display:inline-block}@keyframes live-cash-pulse{0%{text-shadow:0 0 0 #1976d2;transform:scale(1)}60%{text-shadow:0 0 8px #1976d2;transform:scale(1.08)}to{text-shadow:0 0 0 #1976d2;transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.live-cash-container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #fff9;border-radius:16px;box-shadow:0 8px 32px #1f268726;display:flex;gap:12px;min-width:auto;padding:8px 16px;position:absolute;right:30px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1200}.live-cash-container:hover{background:#fff;box-shadow:0 12px 40px #1f268733;transform:translateY(-2px)}.live-cash-icon-wrapper{align-items:center;background:linear-gradient(135deg,#1976d2,#64b5f6);border-radius:10px;box-shadow:0 4px 12px #1976d24d;color:#fff;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.live-cash-content{display:flex;flex-direction:column;line-height:1.2}.live-cash-label{color:#546e7a;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.live-cash-value{color:#263238;font-family:Roboto Mono,monospace;font-size:18px;font-weight:800;letter-spacing:-.5px}.live-cash-edit-btn{align-items:center;background:#f0f4f8;border:1px solid #dbe2e8;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1976d2;cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;margin-left:8px;transition:all .2s;width:34px}.live-cash-edit-btn:hover{background:#1976d2;border-color:#1976d2;box-shadow:0 4px 8px #1976d233;color:#fff;transform:translateY(-1px)}@media (max-width:1024px){.live-cash-container{padding:6px 12px;right:15px;top:15px}}.live-cash-mobile{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;margin:12px 0;padding:12px}.btn-primary{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.btn-success:hover{background-color:#218838}.btn-info{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.btn-info:hover{background-color:#0b7dda}.btn-stock{background:linear-gradient(135deg,#ff9800,#ff5722);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-right:10px;padding:10px 20px;transition:all .3s;white-space:nowrap}.btn-stock:hover{box-shadow:0 4px 12px #ff980066;transform:translateY(-2px)}.btn-warning{background-color:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.btn-danger:hover{background-color:#c82333}.btn-edit{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 12px;white-space:nowrap}.btn-edit:hover{background-color:#218838}.btn-delete{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;white-space:nowrap}.btn-delete:hover{background-color:#c82333}.btn-download{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 12px;white-space:nowrap}.btn-download:hover{background-color:#1976d2}.btn-send{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;white-space:nowrap}.btn-send:hover{background-color:#1976d2}.form-group{margin-bottom:15px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group textarea{resize:vertical}@media (max-width:768px){.btn-danger,.btn-primary,.btn-secondary{font-size:14px;padding:8px 16px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}@media (max-width:480px){.btn-danger,.btn-primary,.btn-secondary{font-size:13px;padding:8px 12px}}