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{background-color:#00000080;overflow-y:auto;padding:20px}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;margin:auto;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.small-modal{max-width:400px}.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#333;font-size:20px;margin:0}.modal-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:30px;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.modal-close:hover{color:#333}.modal-form{padding:30px}form{padding:20px 30px}.form-group{margin-bottom:18px}.form-group label{margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{min-height:60px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:18px}.form-row .form-group{margin-bottom:0}.btn-scan{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s;white-space:nowrap}.btn-scan:hover{background-color:#0056b3}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;margin:15px 30px;padding:12px 15px}.modal-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.btn-add-small{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-add-small:hover{background-color:#218838}.modal-actions{margin-top:20px}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:10px}.modal-content{border-radius:4px;max-height:95vh;max-width:100%}.modal-header{padding:15px 20px}.modal-header h2{font-size:18px}.modal-form{padding:20px}.form-row{gap:10px;grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{margin:0;width:100%}}@media (max-width:480px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-height:100vh}.modal-header{padding:12px 15px}.modal-header h2{font-size:16px}.modal-form{padding:15px}.modal-close{font-size:24px}}.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}}.dashboard{background-color:#f5f5f5;min-height:100vh}.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;overflow:hidden;padding:20px 30px;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{position:relative;z-index:1}.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{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;padding:0;width:30px;z-index:1001}.hamburger-left{margin-right:auto}.hamburger-right{margin-left:auto}.hamburger-menu span{background:#fff;border-radius:3px;box-shadow:0 2px 8px #0000004d;height:3px;transition:all .3s ease;width:30px}.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{animation:slideInLeft .3s ease;background:linear-gradient(180deg,#f8f9ff,#fff);box-shadow:2px 0 20px #667eea33;height:100%;left:0;max-width:280px;overflow-y:auto;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{animation:slideInRight .3s ease;background:linear-gradient(180deg,#f8f9ff,#fff);box-shadow:-2px 0 20px #667eea33;height:100%;max-width:300px;overflow-y:auto;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:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.mobile-nav-header h2{font-size:20px;margin:0}.close-btn{align-items:center;background:#fff3;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:35px;justify-content:center;padding:0;transition:all .3s ease;width:35px}.close-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #ffffff4d;transform:rotate(90deg)}.mobile-nav-items{display:flex;flex-direction:column;gap:10px;padding:10px}.mobile-nav-item{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;font-size:16px;font-weight:500;padding:15px;text-align:left;transition:all .3s ease;width:100%}.mobile-nav-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateX(5px)}.app-version{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-image:linear-gradient(90deg,#0000,#667eea,#0000) 1;border-top:2px solid;color:#667eea;font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:20px;padding:20px;text-align:center}.mobile-nav-section-title{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 15px 5px;text-transform:uppercase}.mobile-nav-divider{background:#e0e0e0;height:1px;margin:10px 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{fontSize:11px;border-radius:12px;color:#fff;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{display:flex;flex-wrap:wrap;gap:8px}.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{background-color:#2196f3;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .3s ease}.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:16px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 28px;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}.dashboard-content{padding:15px}}@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{order:1;width:100%}.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:10px}.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{display:flex}.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}}.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%}}.daily-cash-page{background-color:#f5f5f5;min-height:100vh}.cash-content{padding:20px}.cash-filter{align-items:flex-end;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.cash-filter .form-group{flex:1 1;margin-bottom:0;min-width:200px}.date-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.cash-summary{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:25px}.cash-summary h2{color:#28a745;font-size:24px;margin:0}.cash-table-container{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.cash-table{border-collapse:collapse;min-width:700px;width:100%}.cash-table td,.cash-table th{border-bottom:1px solid #ddd;font-size:14px;padding:12px;text-align:left}.cash-table th{color:#333;font-weight:600;white-space:nowrap}.cash-table th,.cash-table tr:hover{background-color:#f8f9fa}.cash-mobile-card{background:#fff;border-left:4px solid #28a745;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:15px}.cash-card-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.cash-card-date,.cash-card-time{align-items:center;color:#495057;display:flex;font-size:14px;gap:5px}.date-icon,.time-icon{font-size:16px}.cash-card-body{margin-bottom:12px}.cash-card-amount{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.amount-label{color:#155724;font-size:14px;font-weight:600}.amount-value{color:#28a745;font-size:18px;font-weight:700}.cash-card-details{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:10px}.details-label{color:#6c757d;font-size:12px;font-weight:600}.details-value{color:#495057;font-size:14px}.cash-card-actions{display:flex;gap:8px}.btn-delete-card{background:linear-gradient(135deg,#f44336,#e91e63);border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease}.btn-delete-card:hover{box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.no-data-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#999;font-size:16px;padding:40px 20px;text-align:center}@media (max-width:768px){.cash-content{padding:15px}.cash-filter{align-items:stretch;flex-direction:column}.cash-filter .form-group{width:100%}.desktop-view{display:none!important}.mobile-cards-view{display:block}.cash-summary{align-items:stretch;flex-direction:column;padding:20px}.cash-summary h2{font-size:20px;text-align:center}.cash-summary button{width:100%}.cash-table td,.cash-table th{font-size:13px;padding:8px}.cash-table td{word-wrap:break-word;max-width:200px}}@media (max-width:480px){.cash-content{padding:10px}.cash-filter,.cash-summary{padding:15px}.cash-summary h2{font-size:18px}.cash-table-container{border-radius:0;margin:0 -10px}.cash-table td,.cash-table th{font-size:12px;padding:6px}.cash-table td button{font-size:12px;padding:4px 8px}}.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:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,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:20px;padding:25px;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{font-size:48px;line-height:1}.card-content h3{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px}.card-count{color:#7f8c8d;font-size:14px;margin-bottom:5px}.card-amount{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:5px}.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-controls{align-items:stretch;flex-direction:column}.chart-type-toggle,.tab-buttons{justify-content:center;width:100%}.filter-group{align-items:stretch;flex-direction:column}.filter-group select{width:100%}.date-range{flex-direction:column}.summary-cards{grid-template-columns:1fr}.chart-container{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}.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;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-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:18px;padding:18px 18px 10px}.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)}.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)}}.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)}@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}}*{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}.error-message{background-color:#fee;border-left:4px solid #c33;color:#c33}.error-message,.success-message{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px}.success-message{background-color:#efe;border-left:4px solid #3c3;color:#3c3}.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}}
/*# sourceMappingURL=main.4ef728d6.css.map*/