body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);margin:0;min-height:100vh}.app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:auto;max-width:1200px;padding:20px}.header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;margin-bottom:35px;padding:40px 20px;text-align:center}.header-content{animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-icons{animation:bounce 2s infinite;font-size:32px;letter-spacing:12px;margin:10px 0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header h1{font-size:42px;font-weight:800;margin:15px 0 10px;text-shadow:2px 2px 4px #0003}.header p{font-size:16px;font-weight:500;margin:10px 0 0;opacity:.95}.summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 8px 20px #0000001a;padding:25px;transition:all .3s ease}.card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.card h3{color:#667eea;font-size:13px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.card p{color:#1f2937;font-size:28px;font-weight:800;margin-top:12px}.form{grid-gap:12px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px;padding:25px}.form input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px;transition:all .3s ease}.form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.form button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.form button:active{transform:translateY(0)}.form-field{display:flex;flex-direction:column;gap:4px}.form-field input{width:100%}.error-text{color:#e74c3c;margin-top:2px}.date-label,.error-text{font-size:12px;font-weight:500}.date-label{color:#6b7280;margin-bottom:2px}.controls{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:15px}.controls label{color:#1f2937;font-weight:600}.controls select{border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.controls select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;margin-bottom:30px;overflow-x:auto}.table{border-collapse:collapse;min-width:800px;width:100%}.table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.table td{border-top:1px solid #e5e7eb;color:#374151;padding:14px 16px}.table tr:hover{background:#f8f9ff;transition:background .2s ease}.finished-row{background:#f3f4f6!important;opacity:.6}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.finished{background:#d1fae5;color:#065f46}.status-badge.in-stock{background:#dbeafe;color:#1e40af}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px}.chart-container{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;padding:25px;transition:all .3s ease}.chart-container:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.chart-container h3{color:#667eea;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 20px;text-align:center;text-transform:uppercase}.footer{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;color:#6b7280;margin-top:30px;padding:25px;text-align:center}.footer p{font-size:14px;font-weight:500;margin:0}.alert{animation:slideIn .4s ease-out;border-left:5px solid;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:25px;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.alert h3{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 12px}.alert ul{list-style-position:inside;margin:0;padding-left:20px}.alert li{color:#374151;font-size:14px;padding:8px 0}.alert-item{align-items:center;background:#ffffff80;border-radius:6px;display:flex;gap:10px;justify-content:space-between;margin:5px 0;padding:10px}.delete-btn{background:#ef4444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.delete-btn:active{transform:scale(.95)}.alert-danger{background:#fee2e2;border-left-color:#dc2626;color:#991b1b}.alert-danger h3{color:#dc2626}.alert-warning{background:#fef3c7;border-left-color:#f59e0b;color:#92400e}.alert-warning h3{color:#f59e0b}@media (max-width:768px){.app{padding:10px}.header{margin-bottom:20px;padding:20px 15px}.header h1{font-size:1.5rem}.form{grid-template-columns:1fr;padding:15px}.controls{align-items:stretch;flex-direction:column}.table-wrapper{border-radius:0;margin:0 -10px 20px}.table td,.table th{font-size:12px;padding:10px 12px;white-space:nowrap}.table-wrapper:after{background:#f9fafb;border-top:1px solid #e5e7eb;color:#9ca3af;content:"← Swipe to see more →";display:block;font-size:11px;padding:8px;text-align:center}}.login-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:40px auto;max-width:350px;padding:2rem;text-align:center}.login-container h2{margin-bottom:1.5rem}.login-container input{border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.5rem;width:80%}.login-container button{background:#36a2eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1.5rem}.login-container button:hover{background:#2286c3}
/*# sourceMappingURL=main.e120d244.css.map*/