@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f3f4f6;--card-bg:#fff;--section-bg:#f9fafb;--text-main:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--primary:#8b5cf6;--primary-hover:#7c3aed;--danger:#ef4444;--danger-bg:#fef2f2;--input-bg:#fff;--disabled-bg:#f3f4f6;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body{width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}#root{justify-content:center;width:100%;display:flex}.container{background:var(--card-bg);border-radius:12px;width:100%;max-width:1300px;padding:40px;box-shadow:0 4px 6px -1px #0000000d}.top-logo{text-align:center;margin-bottom:30px}.top-logo img{height:80px;margin-bottom:10px}.top-logo p{color:var(--text-muted);font-size:13px;font-weight:500}.header-title{color:var(--text-main);margin-bottom:8px;font-size:24px;font-weight:700}.header-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:14px}.section{background:var(--section-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:24px}.section-title{color:var(--text-main);margin-bottom:24px;font-size:18px;font-weight:600}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.full-width{grid-column:1/-1}.field label{color:var(--text-main);font-size:13px;font-weight:600}.field label span.req{color:var(--danger);margin-left:2px}.field input,.field select,.field textarea,.table-input{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--text-main);border-radius:8px;outline:none;min-width:0;max-width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus,.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.field input:disabled,.table-input:disabled{background-color:var(--disabled-bg);cursor:not-allowed;color:var(--text-muted)}.scroll-hint{color:var(--primary);background-color:#8b5cf61a;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;font-weight:500;display:none}.table-container{width:100%;margin-bottom:24px;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}th{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-align:left;padding:12px 8px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:8px}.btn-add{color:var(--primary);border:2px dashed var(--primary);cursor:pointer;background:#8b5cf60d;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-add:hover{background:#8b5cf61a;border-style:solid}.btn-delete{background:var(--danger-bg);color:var(--danger);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:background .2s;display:flex}.btn-delete:hover{background:#fee2e2}.footer{justify-content:flex-end;gap:16px;margin-top:32px;display:flex}.btn-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:background .2s;box-shadow:0 4px 6px #8b5cf633}.btn-submit:hover{background:var(--primary-hover)}.btn-submit:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#11182799;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:450px;margin:16px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;box-shadow:0 20px 25px -5px #0000001a}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-main)}.modal-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.modal-icon.error{background:var(--danger-bg);color:var(--danger)}.modal-icon.download{color:var(--primary);background:#8b5cf61a}.modal h3{color:var(--text-main);margin-bottom:12px;font-size:18px;font-weight:700}.modal p{color:var(--text-muted);margin-bottom:24px;font-size:14px;line-height:1.5}.btn-cancel{border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);background:#fff;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .2s}.btn-cancel:hover{background:var(--bg-color)}.toast{border-left:4px solid var(--success);z-index:1000;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 15px -3px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#pdf-template{color:#000;background:#fff;display:none}@media (width<=768px){body{background-color:var(--card-bg);padding:0}.container{box-shadow:none;border-radius:0;padding:16px}.header-title{font-size:20px}.header-subtitle{margin-bottom:20px}.grid-3{grid-template-columns:1fr;gap:14px}.section{margin-bottom:20px;padding:16px}.footer{flex-direction:column}.btn-submit{text-align:center;width:100%}.scroll-hint{display:flex}input[type=date]{width:100%;max-width:100%;display:block}.table-container{overflow-x:visible}#itemsTable{display:block;min-width:unset!important}#itemsTable thead{display:none}#itemsTable tbody{display:block}#itemsTable tr{border:1px solid var(--primary);background:#fff;border-radius:12px;margin-bottom:20px;padding:16px;display:block;box-shadow:0 4px 12px #8b5cf614}#itemsTable td{border:none;border-bottom:1px dashed var(--border-color);text-align:left;flex-direction:column;padding:10px 0;display:flex}#itemsTable td:last-child{border-bottom:none;padding-bottom:0}#itemsTable td:before{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}#itemsTable td:first-child:before{content:"S.No"}#itemsTable td:nth-child(2):before{content:"Item Name"}#itemsTable td:nth-child(3):before{content:"Quantity"}#itemsTable td:nth-child(4):before{content:"A/U"}#itemsTable td:nth-child(5):before{content:"Current Stock"}#itemsTable td:nth-child(6):before{content:"Stock After"}#itemsTable td:nth-child(7):before{content:"Remarks"}#itemsTable td:nth-child(8):before{content:"Action"}#itemsTable td:first-child{color:var(--primary);font-size:18px;font-weight:700}#itemsTable td:nth-child(8){align-items:flex-end}#itemsTable input,#itemsTable select{width:100%}}@keyframes bounce-horizontal{0%,to{transform:translate(0)}50%{transform:translate(5px)}}