@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#1f2937;background:#f5f7fb}.sidebar{color:#fff;z-index:1200;background:#111827;flex-direction:column;width:250px;height:100vh;padding:25px;transition:left .3s;display:flex;position:fixed;top:0;left:0}.logo{margin-bottom:40px}.sidebar nav{flex-direction:column;gap:12px;display:flex}.sidebar nav a{color:#d1d5db;border-radius:10px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.sidebar nav a:hover{background:#1f2937}.sidebar nav a.active{color:#fff;background:#2563eb}.sidebar-overlay{display:none}@media (width<=991px){.sidebar{left:-250px}.sidebar.show{left:0}.sidebar-overlay{z-index:1199;background:#00000073;display:block;position:fixed;inset:0}}.desktop-navbar{background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;box-shadow:0 2px 10px #00000014}.mobile-navbar{display:none}.welcome-text{color:#374151;font-size:16px;font-weight:600}.search-box{background:#f3f4f6;border-radius:10px;align-items:center;gap:10px;width:320px;padding:10px 15px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%}.navbar-right{align-items:center;display:flex}.profile{align-items:center;gap:15px;display:flex}.log-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px}@media (width<=991px){.desktop-navbar,.sidebar>.menu-btn{display:none!important}.mobile-navbar{z-index:1100;background:#fff;flex-direction:column;width:100%;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.mobile-title{text-align:center;border-bottom:1px solid #ececec;padding:16px;font-size:17px;font-weight:600}.mobile-bottom{justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.menu-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}}html,body,#root{min-height:100%;margin:0;padding:0}.app{min-height:100vh;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;width:100%}.footer{box-sizing:border-box;background-color:#1e293b;flex-shrink:0;align-items:center;width:100%;height:70px;padding:0 30px;display:flex;box-shadow:0 -2px 10px #00000014}.footer-content{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;display:flex}.footer-content p{color:#fff;white-space:nowrap;margin:0;font-size:14px}@media (width<=768px){.footer{height:auto;min-height:70px;padding:12px 20px}.footer-content{text-align:center;flex-direction:column;justify-content:center;gap:6px}.footer-content p{white-space:normal;font-size:12px}}.layout{min-height:100vh;display:flex}body{background:#f5f7fb;margin:0;overflow-x:hidden}.main-content{background:#f5f7fb;flex-direction:column;width:calc(100% - 250px);min-height:100vh;margin-left:250px;display:flex}.page-content{flex:1;padding:25px}@media (width<=1199px){.main-content{width:calc(100% - 250px);margin-left:250px}}@media (width<=991px){.main-content{width:100%;margin-left:0}.page-content{padding:15px}}.dashboard-container{background:#f5f7fb;min-height:100vh;padding:30px}.dashboard-title{color:#1e293b;margin-bottom:25px;font-size:32px;font-weight:700}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.dashboard-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:center;padding:24px;transition:all .3s;display:flex;box-shadow:0 10px 25px #00000014}.dashboard-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #2563eb2e}.dashboard-card h4{color:#6b7280;margin-bottom:8px;font-size:15px}.dashboard-title{color:#111827;letter-spacing:-.5px;margin-bottom:30px;font-size:34px;font-weight:700}.dashboard-card h4{color:#6b7280;text-transform:uppercase;margin-bottom:10px;font-size:15px;font-weight:500}.dashboard-card h2{color:#111827;font-size:32px;font-weight:700}.loading-container,.error-container,.empty-container{color:#374151;justify-content:center;align-items:center;height:60vh;font-size:24px;font-weight:600;display:flex}.error-container{color:#dc2626}.empty-container{color:#6b7280}.chart-container{background:#fff;border-radius:12px;margin-top:30px;padding:20px;box-shadow:0 4px 12px #0000001a}.chart-container h2{text-align:center;margin-bottom:20px}.chart-container{background:#fff;border-radius:15px;width:100%;margin-top:30px;padding:20px;box-shadow:0 5px 15px #0000001a}.chart-row{flex-wrap:wrap;flex:1;align-items:stretch;gap:20px;min-width:350px;margin-top:30px;display:flex}.chart-container{background:#fff;border-radius:18px;flex:1;height:420px;padding:20px;transition:all .3s;box-shadow:0 10px 25px #00000014}.chart-container canvas{transform:translateY(-5px)}.export-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .3s}.export-btn:hover{background:#1d4ed8}@media (width<=992px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-cards{grid-template-columns:1fr}.dashboard-card{padding:20px}.dashboard-title{font-size:28px}.dashboard-card h2{font-size:26px}.dashboard-card h4{font-size:14px}.chart-row{flex-direction:column}.dashboard-container{padding:15px}.dashboard-filter{flex-direction:column;align-items:stretch}}.dashboard-actions{justify-content:space-between;align-items:center;gap:20px;width:100%;margin:25px 0 30px;display:flex;overflow-x:hidden}.export-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s}.export-btn:hover{background:#1f2937;transform:translateY(-1px)}.sales-report-link{text-decoration:none}.sales-report-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s}.sales-report-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.sales-report-btn:active{transform:translateY(0)}@media (width<=768px){.dashboard-actions{gap:15px}.export-btn,.sales-report-btn{padding:10px 16px;font-size:13px}}@media (width<=576px){.dashboard-actions{flex-direction:column;align-items:stretch;gap:12px}.export-btn,.sales-report-link,.sales-report-btn{width:100%}}@media (width<=400px){.export-btn,.sales-report-btn{width:100%;padding:10px 14px;font-size:13px}}.page-title{margin-bottom:25px;font-size:32px;font-weight:700}.product-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 10px 25px #00000014}.product-table th{color:#fff;text-align:left;background:#2563eb;padding:15px}.product-table td{border-bottom:1px solid #e5e7eb;padding:15px}.product-table tr:hover{background:#f9fafb}.filter-container{justify-content:space-between;margin-bottom:20px;display:flex}.filter-container select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 15px;font-size:15px}.filter-container select:focus{border-color:#2563eb}.search-container{margin-bottom:20px}.search-container input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:300px;padding:10px 15px;font-size:15px}.search-container input:focus{border-color:#2563eb}.product-form{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.product-form input{border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:15px}.product-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px;font-weight:600}.product-form button:hover{background:#1d4ed8}.edit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-right:10px;padding:8px 16px;font-weight:600;transition:all .3s}.edit-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .3s}.delete-btn:hover{background:#b91c1c;transform:translateY(-2px)}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;margin-left:10px;padding:8px 14px;font-size:14px;font-weight:500}.delete-btn:hover{background:#b91c1c}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:auto;max-width:100%;padding:25px;animation:.25s popup;box-shadow:0 15px 40px #00000040}.modal h2,.modal h3{color:#1f2937;text-align:center;margin:0 0 15px}.modal p{color:#6b7280;text-align:center;margin-bottom:20px;line-height:1.5}.modal-buttons{justify-content:center;gap:15px;margin-top:20px;display:flex}.cancel-btn,.confirm-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-weight:600;transition:all .3s}.cancel-btn{color:#000;background:#959595;margin:10px}.cancel-btn:hover{background:#d1d5db}.confirm-btn{color:#fff;background:#dc2626}.confirm-btn:hover{background:#b91c1c;transform:translateY(-2px)}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;font-weight:600}@media (width<=1024px){.page-title{font-size:28px}.product-form{grid-template-columns:repeat(2,1fr)}.search-container input{width:100%}.filter-container select{width:220px}.product-table th,.product-table td{padding:12px;font-size:14px}.pagination{flex-wrap:wrap}.modal{width:90%;max-width:700px}}@media (width<=767px){.page-title{font-size:26px}.product-form{grid-template-columns:1fr}.product-form button{width:100%}.filter-container{flex-direction:column;margin-bottom:15px;display:flex}.filter-container select,.search-container input{width:100%}.product-table,.product-table thead,.product-table tbody,.product-table tr,.product-table td{width:100%;display:block}.product-table{box-shadow:none;background:0 0}.product-table thead{display:none}.product-table tr{background:#fff;border-radius:14px;margin-bottom:18px;padding:15px;box-shadow:0 4px 12px #00000014}.product-table td{border:none;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.product-table td:last-child{border-bottom:none}.product-table td:before{content:attr(data-label);color:#6b7280;font-weight:600}}.prediction-container{flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.prediction-container h1{padding:50px}.prediction-form{flex-direction:column;gap:15px;width:100%;max-width:500px;display:flex}.prediction-form input,.prediction-form select{border:1px solid #ddd;border-radius:8px;padding:12px;font-size:16px}.prediction-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:700}.prediction-form button:hover{background:#1d4ed8}.prediction-result h1{color:#2563eb;font-size:40px}.prediction-error{color:red;margin-top:15px;font-weight:700}.prediction-result{text-align:center;background:#fff;border-radius:15px;margin-top:25px;padding:30px;box-shadow:0 5px 20px #0000001a}.prediction-result h1{color:#2563eb;margin:15px 0;font-size:50px}.prediction-result p{color:#666;font-size:18px}.history-card{background:#fff;border-radius:12px;margin-top:30px;padding:20px;box-shadow:0 5px 15px #0000001a}.history-card table{border-collapse:collapse;width:100%}.history-card th,.history-card td{border-bottom:1px solid #ddd;padding:10px}.sales-report-container{background:#f5f7fb;min-height:100vh;padding:25px}.sales-report-container h1{color:#1f2937;margin-bottom:20px}.sales-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.sales-search input,.category-filter select,.date-filter input{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 14px}.sales-search input{width:250px}.sales-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px;display:grid}.summary-card{background:#fff;border-radius:14px;padding:20px;transition:all .3s;box-shadow:0 4px 12px #00000014}.summary-card h3{color:#6b7280;margin-bottom:10px}.summary-card p{color:#2563eb;font-size:26px;font-weight:700}.sales-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 12px #00000014}.sales-table thead{color:#fff;background:#2563eb}.sales-table th,.sales-table td{text-align:left;padding:14px}.sales-table tbody tr:nth-child(2n){background:#f8fafc}.sales-table tbody tr:hover{background:#dbeafe}.pagination{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;transition:all .3s}.pagination button:hover{background:#1d4ed8}.pagination button:disabled{cursor:not-allowed;background:#9ca3af}.date-filter{flex-wrap:wrap;gap:15px;margin:20px 0;display:flex}.export-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.export-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 18px #2563eb59}.export-btn:active{transform:translateY(0)}.export-btn:focus{outline:none;box-shadow:0 0 0 4px #2563eb33}@media (width<=991px){.sales-report-container{padding:18px}.sales-summary{grid-template-columns:repeat(2,1fr)}.summary-card p{font-size:22px}.sales-search,.sales-search input,.category-filter,.category-filter select{width:100%}.sales-table th,.sales-table td{padding:12px 10px;font-size:14px}.pagination{flex-wrap:wrap}}@media (width<=767px){.sales-report-container{padding:15px}.sales-summary{grid-template-columns:1fr}.summary-card{padding:18px}.sales-toolbar{flex-direction:column;align-items:stretch}.sales-search input,.category-filter select{width:100%}.sales-table,.sales-table thead,.sales-table tbody,.sales-table tr,.sales-table td{width:100%;display:block}.sales-table{box-shadow:none;background:0 0}.sales-table thead{display:none}.sales-table tr{background:#fff;border-radius:14px;margin-bottom:18px;padding:12px;box-shadow:0 4px 14px #00000014}.sales-table td{border:none;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.sales-table td:last-child{border-bottom:none}.sales-table td:before{content:attr(data-label);color:#6b7280;font-weight:600}.pagination{gap:12px;display:flex}.pagination button{width:auto}@media (width<=767px){.export-btn{width:100%;margin-top:18px;padding:14px;font-size:16px}}}.inventory-report-container{padding:25px}.inventory-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 15px #00000014}.inventory-table th,.inventory-table td{text-align:left;border:1px solid #ddd;padding:14px}.inventory-table td{color:#374151;background:#fff}.inventory-table th{color:#fff;background:#2563eb}.inventory-table tbody tr:nth-child(2n){background:#f8fafc}.inventory-table tbody tr:hover{background:#dbeafe}.low-stock{background:#ffe5e5}.stock-warning{color:#fff;background:red;border-radius:6px;margin-left:10px;padding:4px 8px;font-size:12px;font-weight:700}.summary-card{transition:all .3s}.summary-card:hover{transform:translateY(-5px)}.inventory-summary{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin:25px 0;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:20px;display:flex;box-shadow:0 4px 12px #00000014}.summary-card h3{color:#374151;margin:0 0 10px;font-size:16px}.summary-card p{color:#2563eb;margin:0;font-size:24px;font-weight:700}.table-wrapper{width:100%}.inventory-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:25px 0;display:flex}.inventory-toolbar input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;max-width:500px;height:48px;padding:0 16px;font-size:15px;transition:all .3s}.inventory-toolbar input::placeholder{color:#9ca3af}.inventory-toolbar input:hover{border-color:#9ca3af}.inventory-toolbar input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.inventory-toolbar select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:240px;height:48px;padding:0 16px;font-size:15px;transition:all .3s}.inventory-toolbar select:hover{border-color:#9ca3af}.inventory-toolbar select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}@media (width<=991px){.inventory-report-container{padding:18px}.inventory-summary{grid-template-columns:repeat(2,1fr)}.summary-card p{font-size:20px}.inventory-table th,.inventory-table td{padding:12px 10px;font-size:14px}.pagination{flex-wrap:wrap}.inventory-toolbar{gap:15px}.inventory-toolbar input{max-width:100%}.inventory-toolbar select{width:220px}}@media (width<=767px){.inventory-report-container{padding:15px}.inventory-summary{grid-template-columns:1fr}.inventory-toolbar{flex-direction:column;align-items:stretch}.inventory-toolbar input,.inventory-toolbar select{width:100%;max-width:100%}.inventory-table,.inventory-table thead,.inventory-table tbody,.inventory-table tr,.inventory-table td{width:100%;display:block}.inventory-table{box-shadow:none;background:0 0}.inventory-table thead{display:none}.inventory-table tr{background:#fff;border-radius:14px;margin-bottom:18px;padding:14px;box-shadow:0 4px 12px #00000014}.inventory-table td{color:#374151;background:#fff;border:none;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.inventory-table td:last-child{border-bottom:none}.inventory-table td:before{content:attr(data-label);color:#6b7280;font-weight:600}.stock-warning{margin-left:8px;padding:4px 8px;font-size:11px}.pagination{gap:12px;display:flex}.pagination button{width:auto}.inventory-toolbar{flex-direction:column;align-items:stretch;gap:15px}.inventory-toolbar input,.inventory-toolbar select{width:100%;max-width:100%;padding:12px 14px}}.low-stock-container{padding:30px}.low-stock-card{background:#ffe5e5;border-left:6px solid red;border-radius:10px;margin-bottom:15px;padding:20px;box-shadow:0 4px 12px #00000014}.low-stock-summary{color:#fff;background:#2563eb;border-radius:10px;margin-bottom:20px;padding:15px}.low-stock-card{transition:all .3s}.low-stock-card:hover{transform:translateY(-4px)}.low-stock-card h3{margin-bottom:8px}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}.login-container{box-sizing:border-box;background:#f8fafc;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100vh;padding:20px;display:flex}.login-card{box-sizing:border-box;background:#fff;border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:380px;padding:35px;display:flex;box-shadow:0 10px 25px #0000001a}.login-card input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-card button{box-sizing:border-box;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.login-card button:hover{background:#1d4ed8;transform:translateY(-1px)}.login-card button:active{transform:translateY(0)}.login-error{color:#dc2626;text-align:center;margin-top:10px;font-size:14px}@media (width<=768px){.login-container{padding:20px}.login-card{max-width:380px;padding:30px}}@media (width<=480px){.login-container{padding:16px}.login-card{border-radius:14px;width:100%;padding:25px 20px}}@media (width<=360px){.login-container{padding:12px}.login-card{padding:22px 16px}}.login-info{text-align:left;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;margin-top:20px;padding:10px 14px}.login-info p{color:#666;margin:3px 0;font-size:12px;line-height:1.5}.login-info p:first-letter{color:#333}