:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#007fff,#0047ab);min-height:100vh;color:#333}#root{max-width:100%;margin:0;padding:0;min-height:100vh}.container{max-width:1400px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 20px #0000001a}header{background:linear-gradient(135deg,#0047ab,#003080);color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}header h1{font-size:2rem;font-weight:300;margin-bottom:1rem}nav{display:flex;gap:.5rem;flex-wrap:wrap}nav button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.7rem 1.2rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}nav button:hover{background:#fff3;transform:translateY(-2px)}nav button.active{background:#007fff;box-shadow:0 4px 15px #007fff66}button[style*="float: right"]{background:#e74c3c!important;border:none;padding:.5rem 1rem;border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease}button[style*="float: right"]:hover{background:#c0392b!important;transform:translateY(-2px)}main{padding:2rem;background:#f8f9fa;min-height:calc(100vh - 120px)}section{background:#fff;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 20px #0000001a;border:1px solid rgba(0,0,0,.05)}section h2{color:#0047ab;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600;border-bottom:3px solid #007FFF;padding-bottom:.5rem;display:inline-block}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}thead{background:linear-gradient(135deg,#007fff,#0047ab);color:#fff}th,td{padding:1rem;text-align:left;border-bottom:1px solid #ecf0f1}th{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}tbody tr{transition:all .3s ease}tbody tr:hover{background:#f8f9fa;transform:scale(1.01);box-shadow:0 2px 10px #0000001a}.low-stock{background:linear-gradient(45deg,#ffebee,#ffcdd2)!important;border-left:4px solid #f44336}.add-form,.auth-form,.enhanced-product-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);padding:1.5rem;border-radius:15px;margin:1.5rem 0;box-shadow:inset 0 2px 5px #0000001a}input,select,textarea{padding:.8rem 1rem;border:2px solid #bdc3c7;border-radius:8px;font-size:1rem;transition:all .3s ease;min-width:150px;background:#fff;color:#333}input:focus,select:focus,textarea:focus{outline:none;border-color:#007fff;box-shadow:0 0 10px #007fff4d;transform:translateY(-2px)}button{background:linear-gradient(135deg,#007fff,#0047ab);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #007fff4d}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #007fff66}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button[type=submit]{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 15px #2ecc714d}button[type=submit]:hover{box-shadow:0 6px 20px #2ecc7166}button:contains("Delete"),button[onclick*=Delete]{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 15px #e74c3c4d}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.pagination button{padding:.5rem 1rem;font-size:.9rem}.pagination span{font-weight:600;color:#0047ab}.loading{text-align:center;padding:2rem;color:#007fff;font-size:1.1rem;font-weight:600}.error{background:linear-gradient(45deg,#ffebee,#ffcdd2);color:#c62828;padding:1rem;border-radius:8px;margin:1rem 0;border-left:4px solid #f44336;font-weight:500}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#007fff,#0047ab);padding:2rem}.auth-container h2{color:#fff;margin-bottom:2rem;font-size:2.5rem;font-weight:300}.auth-form{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003;min-width:300px}.auth-form input{width:100%;margin-bottom:1rem;color:#333!important;background:#fff!important}.dashboard-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}input[placeholder*=Search]{background:#fff;border:2px solid #007FFF;border-radius:25px;padding:.7rem 1.2rem;margin-bottom:1rem;width:100%;max-width:300px}.barcode-scanner{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.barcode-scanner button{margin-top:1rem;background:#e74c3c}button[onclick*=CSV],button[onclick*=PDF]{background:linear-gradient(135deg,#0047ab,#003080);box-shadow:0 4px 15px #0047ab4d;margin-right:.5rem;margin-bottom:.5rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #ecf0f1;background:linear-gradient(135deg,#007fff,#0047ab);color:#fff;border-radius:15px 15px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.close-btn:hover{background:#fff3}.modal-content form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#0047ab}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:2px solid #bdc3c7;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007fff;box-shadow:0 0 0 3px #007fff1a}.form-group textarea{resize:vertical;min-height:80px}.items-section{margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:10px;border:1px solid #ecf0f1}.items-section h3{margin-bottom:1rem;color:#0047ab;font-size:1.3rem}.add-item-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.add-item-form select,.add-item-form input{margin:0}.items-list{margin-top:1.5rem}.items-list table{margin:0;background:#fff}.order-total{text-align:right;padding:1rem;background:#ecf0f1;border-radius:8px;margin-top:1rem;font-size:1.2rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #ecf0f1;margin-top:2rem}.form-actions button{min-width:120px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{animation:fadeIn .5s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){header{padding:1rem}header h1{font-size:1.5rem}nav{flex-direction:column;gap:.5rem}main{padding:1rem}section{padding:1rem}.add-form{flex-direction:column;align-items:stretch}table{font-size:.9rem}th,td{padding:.5rem}.modal-content{width:95%;margin:1rem}.modal-header,.modal-content form{padding:1rem}.add-item-form{grid-template-columns:1fr;gap:.5rem}.form-actions{flex-direction:column}}div[style*="float: right"]:not(button){background:#fff3!important;padding:.5rem 1rem!important;border-radius:20px!important;color:#fff!important;font-weight:600!important;margin-right:1rem!important}.chat-interface{max-width:800px;margin:0 auto;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a}.chat-messages{height:500px;overflow-y:auto;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.chat-message{margin-bottom:1.5rem;animation:messageSlideIn .3s ease-out}.chat-message.user{text-align:right}.chat-message.bot{text-align:left}.message-content{display:inline-flex;align-items:flex-start;gap:.5rem;max-width:70%}.chat-message.user .message-content{flex-direction:row-reverse}.message-text{background:#fff;padding:1rem 1.2rem;border-radius:18px;box-shadow:0 2px 10px #0000001a;font-size:.95rem;line-height:1.4;white-space:pre-wrap}.chat-message.user .message-text{background:linear-gradient(135deg,#007fff,#0047ab);color:#fff}.chat-message.bot .message-text{background:#fff;color:#333;border:1px solid #e9ecef}.bot-icon,.user-icon{font-size:1.5rem;margin-top:.2rem}.typing{animation:typingPulse 1.5s infinite}@keyframes typingPulse{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-input-form{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-top:1px solid #e9ecef}.chat-input{flex:1;padding:1rem 1.2rem;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;transition:all .3s ease;margin:0;min-width:auto}.chat-input:focus{border-color:#007fff;box-shadow:0 0 0 3px #007fff1a;transform:none}.chat-input:disabled{background:#f8f9fa;opacity:.7}.chat-input-form button{padding:1rem 2rem;background:linear-gradient(135deg,#007fff,#0047ab);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:auto}.chat-input-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #007fff4d}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-suggestions{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.chat-suggestions p{margin-bottom:1rem;color:#0047ab;font-weight:600}.suggestion-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.suggestion-buttons button{background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#0047ab;border:1px solid #007FFF;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:auto}.suggestion-buttons button:hover{background:linear-gradient(135deg,#007fff,#0047ab);color:#fff;transform:translateY(-2px);box-shadow:0 2px 10px #007fff4d}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#007fff;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#0047ab}