.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);bottom:0;display:flex;justify-content:center;left:0;margin:0;min-height:100vh;padding:0;position:fixed;right:0;top:0}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 20px #0000001a;margin:auto;max-width:400px;padding:40px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-2px)}.login-card h2{color:#2c3e50;font-size:24px;margin-bottom:10px;text-align:center}.subtitle{color:#7f8c8d;font-size:14px;margin-bottom:30px}.form-group{position:relative}.form-group input{font-size:14px;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.password-group{position:relative}.password-input-wrapper{align-items:center;display:flex}.password-input-wrapper input{padding-right:40px}.password-toggle{color:#7f8c8d;padding:5px;transition:color .3s,transform .3s}.password-toggle:hover{color:#3498db;transform:translateY(-50%) scale(1.1)}.eye-icon{stroke:currentColor;height:20px;width:20px}.login-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background .3s,transform .3s;width:100%}.login-button:hover{background:#2980b9;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.error-message{animation:fadeIn .3s ease}.register-link{color:#7f8c8d;font-size:14px;margin-top:20px;text-align:center}.register-link a{color:#3498db;font-weight:500;text-decoration:none;transition:color .3s}.register-link a:hover{color:#2980b9;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-card{margin:20px;padding:30px 20px;width:auto}.login-card h2{font-size:20px}.subtitle{font-size:13px;margin-bottom:25px}.form-group{margin-bottom:15px}.form-group input{font-size:13px;padding:10px}.login-button{font-size:15px;padding:10px}.error-message{font-size:13px;padding:8px}.register-link{font-size:13px}}@media (max-width:360px){.login-card{margin:15px;padding:25px 15px}.login-card h2{font-size:18px}.form-group input{padding:8px}.password-toggle{right:10px}.eye-icon{height:18px;width:18px}}@media (max-height:500px) and (orientation:landscape){.login-container{padding:20px 0}.login-card{max-height:90vh;overflow-y:auto}}.register-container{align-items:center;background-color:#f5f5f5;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;padding:20px;position:fixed;right:0;top:0}.register-form{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:auto;max-width:480px;padding:40px;position:relative;width:100%}h2{color:#333;font-size:28px;margin-bottom:10px}.subtitle,h2{text-align:center}.subtitle{color:#666;font-size:16px;margin-bottom:25px}.form-group label{color:#333}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;outline:none}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:45px}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#333}.password-toggle:focus{outline:none}.submit-btn{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .3s ease;width:100%}.submit-btn:hover{background-color:#357abd}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#fff3f3;border:1px solid #ffcdd2;color:#dc3545}.login-link{color:#666;margin-top:20px;text-align:center}.login-link a{color:#4a90e2;font-weight:500;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:480px){.register-form{padding:20px}.register-form h2{font-size:24px}.form-group input{font-size:14px;padding:10px}.submit-btn{font-size:14px;padding:12px}}.dashboard{background-color:#f5f7fa;display:flex;min-height:100vh;overflow-x:hidden;width:100%}.sidebar{background:#fff;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;padding:20px;width:250px}.user-info{border-bottom:1px solid #eee;margin-bottom:20px;padding:20px}.user-info h3{color:#2c3e50;font-size:18px;margin-bottom:5px}.user-info p{color:#7f8c8d;font-size:14px}.nav-links{flex-grow:1;list-style:none;margin:0;padding:0}.nav-links li{margin-bottom:10px}.nav-links a{border-radius:6px;color:#2c3e50;display:block;padding:12px;text-decoration:none;transition:background-color .3s}.nav-links a:hover{background-color:#f0f2f5}.nav-links a.active{background-color:#3498db;color:#fff}.logout-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:background-color .3s}.logout-button:hover{background:#c0392b}.main-content{flex:1 1;overflow-y:auto;padding:20px}.dashboard-container{margin:0 auto;max-width:1400px;padding:20px}.dashboard-container h2{color:#333;font-size:24px;margin-bottom:20px}.date-selector{margin-bottom:30px}.date-selector label{color:#555}.date-selector input{padding:8px 12px}.dashboard-content{display:flex;flex-direction:column;gap:30px}.dashboard-cards{grid-gap:20px;gap:20px;margin-bottom:20px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.card h3{color:#666;font-size:16px;margin-bottom:10px}.card p{color:#333;font-size:24px;font-weight:700;margin:0}.total-milk{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.total-sale{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.cash-received{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.credit-due{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.chart-container{margin-bottom:30px}.chart-container,.recent-entries{border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.recent-entries{background:#fff}.recent-entries h3{color:#333;font-size:18px;margin-bottom:20px}th{background-color:#f5f5f5;border-bottom:2px solid #ddd;text-align:left}td,th{padding:12px}td{border-bottom:1px solid #eee;color:#666}tr:hover{background-color:#f9f9f9}.loading{align-items:center;display:flex;font-size:18px;height:200px;justify-content:center}.error{background:#ffebee;color:#d32f2f;margin-bottom:20px}.no-data{border-radius:10px;padding:40px}.customer-selection,select{width:100%}select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px}.customer-type{flex-wrap:wrap}@media (max-width:1200px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-cards{grid-template-columns:1fr}.chart-container{height:300px}.card{padding:15px}.card p{font-size:20px}.table-container{margin:0 -20px}table{min-width:600px}}@media (max-width:480px){.dashboard-container{padding:15px}.date-selector{align-items:flex-start;flex-direction:column}.chart-container{height:250px}.customer-selection{margin-bottom:12px}select{padding:10px}.customer-type{align-items:flex-start;flex-direction:column;gap:10px}.customer-type label{padding:6px 0;width:100%}}canvas{height:auto!important;max-width:100%!important}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.5rem 0}.dashboard-cards .card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s ease-in-out}.dashboard-cards .card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.dashboard-cards .card h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.dashboard-cards .card p{color:#2563eb;font-size:1.5rem;font-weight:700;margin:0}@media (max-width:768px){.dashboard-cards{gap:1rem;grid-template-columns:1fr;margin:1rem 0}.dashboard-cards .card{padding:1rem}.dashboard-cards .card h3{font-size:1rem}.dashboard-cards .card p{font-size:1.25rem}}.add-milk-container{box-sizing:border-box;margin:0 auto;max-width:600px;padding:20px;width:100%}.add-milk-container h2{color:#2c3e50;font-size:24px;margin-bottom:30px;text-align:center}.error-message{font-size:14px}.milk-form{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;padding:30px;width:100%}.form-group{margin-bottom:20px;width:100%}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:8px}.customer-selection{flex-wrap:wrap}.customer-selection,.customer-type{display:flex;gap:20px;margin-bottom:15px}.customer-type{width:100%}.customer-type label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px;margin:0}.customer-type input[type=radio]{margin:0;width:auto}.form-group input,.form-group select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:1em;padding-right:40px}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.submit-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .3s;width:100%}.submit-button:hover{background:#2980b9}@media (max-width:768px){.add-milk-container{padding:15px}.add-milk-container h2{font-size:20px;margin-bottom:20px}.milk-form{padding:20px}.customer-type{flex-direction:column;gap:12px}.customer-type label{padding:8px 0;width:100%}.form-group input,.form-group select{font-size:16px;padding:10px}}@media (max-width:480px){.add-milk-container{padding:10px}.add-milk-container h2{font-size:18px;margin-bottom:15px}.milk-form{padding:15px}.form-group{margin-bottom:15px}.customer-type{gap:8px}.customer-type label{padding:6px 0}.form-group input,.form-group select{padding:8px}.submit-button{font-size:14px;padding:10px}}.view-daily-data{margin:0 auto;max-width:1200px;padding:20px}.view-daily-data h2{color:#2c3e50;margin-bottom:20px;text-align:center}.daily-data-container{margin:0 auto;max-width:1200px;padding:20px}.date-selector{gap:10px;margin:20px 0}.date-selector label{color:#333;font-weight:500}.date-selector input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.error-message{background:#ffebee;border-radius:6px;text-align:center}.loading,.no-data{color:#666;padding:20px;text-align:center}.no-data{background:#f5f5f5;border-radius:8px}.totals-summary{grid-gap:20px;background-color:#f8f9fa;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0;padding:20px}.total-item{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:10px}.total-item span:first-child{color:#666;font-weight:500}.total-item span:last-child{color:#333;font-weight:600}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px}table{border-collapse:collapse;min-width:800px;width:100%}td,th{border-bottom:1px solid #eee;padding:12px;text-align:left}th{color:#333;font-weight:600}th,tr:hover{background-color:#f8f9fa}td input,td select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px;width:100%}td button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:0 4px;padding:6px 12px;transition:background-color .2s}button:first-child{background-color:#4a90e2;color:#fff}button:last-child{background-color:#dc3545;color:#fff}button:hover{opacity:.9}.error{background-color:#fff3f3;border-radius:4px;color:#dc3545;margin:20px 0;padding:20px;text-align:center}@media (max-width:768px){.totals-summary{grid-template-columns:1fr}.table-container{border-radius:0;margin:10px -20px}td button{font-size:12px;padding:4px 8px}}.generate-report-container{margin:0 auto;max-width:1200px;padding:20px}.generate-report-container h2{color:#2c3e50;margin-bottom:20px}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;margin-bottom:20px;padding:10px}.report-filters{grid-gap:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#34495e;font-weight:500;margin-bottom:8px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.report-actions{display:flex;gap:15px;margin-bottom:30px}.download-button,.generate-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.generate-button{background-color:#3498db;color:#fff}.download-button{background-color:#2ecc71;color:#fff}.generate-button:hover{background-color:#2980b9}.download-button:hover{background-color:#27ae60}.download-button:disabled,.generate-button:disabled{background-color:#95a5a6;cursor:not-allowed}.report-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.report-content h3{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;color:#2c3e50;margin:0;padding:20px}.table-container{overflow-x:auto;padding:20px}.report-table{border-collapse:collapse;font-size:14px;width:100%}.report-table td,.report-table th{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}.report-table th{color:#2c3e50;font-weight:600}.report-table tbody tr:hover,.report-table th{background-color:#f8f9fa}.report-table tfoot tr{background-color:#f1f3f5;font-weight:600}.report-table tfoot td{border-top:2px solid #dee2e6}@media (max-width:768px){.report-filters{grid-template-columns:1fr}.report-actions{flex-direction:column}.download-button,.generate-button{width:100%}}.navbar{align-items:center;background:#1a237e;box-shadow:0 3px 6px #00000029;display:flex;height:64px;justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:1000}.navbar-brand,.navbar-brand a{align-items:center;display:flex;gap:.5rem}.navbar-brand a{text-decoration:none}.logo{background:#fff;border-radius:4px;height:36px;object-fit:contain;padding:2px;width:auto}.brand-text{color:#fff;font-size:1.25rem;font-weight:600}.navbar-links{align-items:center;display:flex;gap:1.5rem}.navbar-links a{color:#ffffffd9;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links a.active,.navbar-links a:hover{color:#fff}.navbar-links a.active:after{background-color:#64b5f6;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.logout-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#ef444433;border-color:#ef44444d}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.navbar{padding:0 1rem}.menu-toggle{display:block}.navbar-links{background:#1a237e;box-shadow:0 3px 6px #00000029;flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:64px;transform:translateY(-100%);transition:all .3s ease}.navbar-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-links a{border-radius:6px;padding:.75rem;text-align:center;width:100%}.navbar-links a:hover{background:#ffffff1a}.navbar-links a.active{background:#ffffff26}.navbar-links a.active:after{display:none}.logout-btn{text-align:center;width:100%}.logo{height:32px;padding:2px}.brand-text{font-size:1.1rem}}@media (max-width:480px){.navbar{height:56px}.navbar-links{top:56px}.logo{height:28px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{min-height:100vh;padding-top:64px;width:100%}.main-content{margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:1.5rem;width:100%}.dashboard-overview{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;margin-bottom:1.5rem;padding:1.5rem;width:100%}.date-selector{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.date-selector input[type=date]{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;min-width:200px;padding:.5rem 1rem;width:auto}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;width:100%}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.stat-card h3{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.5px}.stat-card .value{color:#1e293b;font-size:1.5rem;font-weight:600}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;height:400px;margin-top:1.5rem;padding:1.5rem;width:100%}button{background-color:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:5px;padding:10px 16px;transition:all .3s ease}button:hover{background-color:#0284c7;transform:translateY(-1px)}button:disabled{background-color:#e2e8f0;cursor:not-allowed;transform:none}input{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;margin:5px;padding:10px;transition:all .3s ease}input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}@media (max-width:768px){.app-container{padding-top:56px}.main-content{padding:1rem}.dashboard-overview{margin-bottom:1rem;padding:1rem}.stat-card{padding:1rem}.date-selector{align-items:stretch;flex-direction:column}.date-selector input[type=date]{width:100%}}@media (max-width:480px){.app-container{padding-top:48px}.main-content{padding:.75rem}.dashboard-overview{border-radius:8px;padding:.75rem}.stat-card{padding:.75rem}.stat-card h3{font-size:.75rem}.stat-card .value{font-size:1.25rem}}@media print{.app-container{padding-top:0}.navbar{display:none}.main-content{margin:0;padding:0;width:100%}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-overview,.stat-card{border:1px solid #e2e8f0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}
/*# sourceMappingURL=main.1e655186.css.map*/