@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#047857;--primary-hover:#065f46;--primary-light:#ecfdf5;--primary-glow:#04785726;--accent:#10b981;--accent-light:#d1fae5;--success:#22c55e;--success-light:#f0fdf4;--success-border:#bbf7d0;--warning:#f59e0b;--warning-light:#fffbeb;--warning-border:#fde68a;--error:#ef4444;--error-light:#fef2f2;--error-border:#fecaca;--purple:#8b5cf6;--purple-light:#f5f3ff;--purple-border:#ddd6fe;--bg:#f8fafc;--surface:#fff;--surface-hover:#f8fafc;--surface-elevated:#fff;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--sidebar-text:#64748b;--sidebar-text-hover:#0f172a;--sidebar-active:#fff;--sidebar-nav-hover:#f8fafc;--sidebar-nav-active:#047857;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverted:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#047857;--color-received:#10b981;--bg-badge-received:#ecfdf5;--text-badge-received:#065f46;--color-vendor-out:#f59e0b;--bg-badge-vendor-out:#fffbeb;--text-badge-vendor-out:#b45309;--color-vendor-in:#8b5cf6;--bg-badge-vendor-in:#f5f3ff;--text-badge-vendor-in:#6d28d9;--color-customer-out:#10b981;--bg-badge-customer-out:#ecfdf5;--text-badge-customer-out:#047857;--color-completed:#22c55e;--bg-badge-completed:#f0fdf4;--text-badge-completed:#15803d;--sidebar-width:260px;--footer-height:36px;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:none;--shadow-sm:none;--shadow:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-primary:none;--shadow-glow:none;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.3s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark]{--bg:#0b0f19;--surface:#111827;--surface-hover:#1a2235;--surface-elevated:#1e2a3b;--sidebar-bg:#060b14;--sidebar-border:#ffffff0d;--sidebar-text:#64748b;--sidebar-text-hover:#94a3b8;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#1e293b;--border-strong:#2d3748;--primary-light:#04785726;--bg-badge-received:#04785726;--text-badge-received:#6ee7b7;--bg-badge-vendor-out:#f59e0b26;--text-badge-vendor-out:#fcd34d;--bg-badge-vendor-in:#8b5cf626;--text-badge-vendor-in:#c4b5fd;--bg-badge-customer-out:#10b98126;--text-badge-customer-out:#6ee7b7;--bg-badge-completed:#22c55e26;--text-badge-completed:#86efac;--success-light:#22c55e1a;--success-border:#22c55e33;--error-light:#ef44441a;--error-border:#ef444433;--warning-light:#f59e0b1a;--warning-border:#f59e0b33;--shadow-sm:none;--shadow:none;--shadow-md:none;--shadow-lg:none}@keyframes rma-spin{to{transform:rotate(360deg)}}@keyframes rma-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes rma-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes rma-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:none}50%{opacity:.8;box-shadow:none}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow), color var(--transition-slow);font-size:14px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100dvw;height:100dvh;display:flex;overflow:hidden}.layout{flex:1;animation:.25s fade-in;display:flex;overflow:hidden}.mobile-header,.mobile-overlay,.mobile-menu-btn{display:none}.main-container{background-color:var(--bg);min-width:0;min-height:0;transition:background-color var(--transition-slow);flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);transition:transform var(--transition-slow);flex-direction:column;flex-shrink:0;padding:20px 16px;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#04785714 0%,#0000 70%);height:200px;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;margin-bottom:32px;padding:4px 8px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--primary) 0%, #065f46 100%);color:#fff;border-radius:var(--radius-sm);width:38px;height:38px;box-shadow:none;letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.brand-title{color:var(--text-primary);letter-spacing:-.2px;font-size:15px;font-weight:700;line-height:1.2}.brand-subtitle{letter-spacing:.5px;color:var(--sidebar-text);text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500}.nav-menu{flex-direction:column;flex:1;gap:2px;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b880;padding:16px 12px 6px;font-size:10px;font-weight:700;display:block}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--sidebar-text);-webkit-user-select:none;user-select:none;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-item:hover{background-color:var(--sidebar-nav-hover);color:var(--sidebar-text-hover)}.nav-item.active{background-color:var(--sidebar-nav-active);color:#fff;font-weight:600}.nav-item.active:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.nav-item svg{transition:transform var(--transition);flex-shrink:0}.nav-item:hover svg{transform:translate(1px)}.new-inward-btn{background:linear-gradient(135deg, var(--primary) 0%, #065f46 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);width:100%;box-shadow:none;letter-spacing:.1px;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.new-inward-btn:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, #064e3b 100%);box-shadow:none;transform:translateY(-1px)}.new-inward-btn:active{transform:translateY(0)}.logout-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--sidebar-text);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.theme-toggle-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--sidebar-text);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;margin-bottom:4px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.theme-toggle-btn:hover{background-color:var(--sidebar-nav-hover);color:var(--sidebar-text-hover)}.main-content{flex-direction:column;flex:1;gap:28px;padding:32px 36px 40px;animation:.25s slide-up;display:flex;overflow-y:auto}.header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.header-text{flex-direction:column;gap:4px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.4px;font-size:24px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-secondary);font-size:14px;font-weight:400}.export-btn{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;box-shadow:none;transition:all var(--transition);white-space:nowrap;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.export-btn:hover{background-color:var(--surface-hover);border-color:var(--border-strong);box-shadow:none;transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:none;border:1px solid var(--border);cursor:default;transition:all var(--transition);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:none;border-color:var(--border-strong);transform:translateY(-2px)}.stat-card:after{content:"";background:var(--indicator-color,var(--primary));opacity:.8;border-radius:0 0 var(--radius-lg) var(--radius-lg);height:3px;position:absolute;bottom:0;left:0;right:0}.stat-info{z-index:1;flex-direction:column;gap:8px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.stat-value{color:var(--text-primary);letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1}.stat-indicator{border-radius:2px;width:28px;height:3px;margin-top:4px}.stat-icon-box{border-radius:var(--radius-sm);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.activity-section{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:none;flex-direction:column;display:flex;overflow:hidden}.section-header{border-bottom:1px solid var(--border);color:var(--text-primary);align-items:center;gap:8px;padding:20px 24px;font-size:14px;font-weight:700;display:flex}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background-color var(--transition-fast);align-items:center;gap:16px;padding:14px 24px;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:var(--surface-hover)}.activity-id-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex;position:relative}.activity-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.activity-product{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.activity-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.activity-date{color:var(--text-muted);font-size:11px;font-weight:500}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;align-items:center;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.bg-blue-light{background-color:var(--bg-badge-received);color:var(--text-badge-received)}.bg-yellow-light{background-color:var(--bg-badge-vendor-out);color:var(--text-badge-vendor-out)}.bg-purple-light{background-color:var(--bg-badge-vendor-in);color:var(--text-badge-vendor-in)}.bg-green-light{background-color:var(--bg-badge-customer-out);color:var(--text-badge-customer-out)}.bg-green-dark{background-color:var(--bg-badge-completed);color:var(--text-badge-completed)}.status-bar{height:var(--footer-height);background-color:var(--sidebar-bg);color:var(--sidebar-text);border-top:1px solid var(--sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;font-size:11px;font-weight:500;display:flex}.status-left,.status-right{align-items:center;gap:16px;display:flex}.status-item{align-items:center;gap:6px;display:flex}.status-dot{background-color:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.5s ease-in-out infinite pulse-dot}.status-divider{background-color:#ffffff14;width:1px;height:12px}.card{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:none;transition:all var(--transition)}.card:hover{box-shadow:none}@media print{body{background:#fff}.layout:has(.modal-overlay)>.main-container{display:none!important}.layout:has(.modal-overlay)>.sidebar{display:none!important}.modal-overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0!important;display:block!important}.modal-content.advance-modal{box-shadow:none;border:none!important;width:100%!important;max-width:100%!important;padding:0!important}.advance-modal-footer,button,input[type=file]{display:none!important}.form-group:has(input[type=file]){display:none!important}.sidebar,.mobile-header,.print-controls,.new-inward-btn,.footer,.status-bar{display:none!important}.layout{display:block!important}.main-container,.main-content{margin:0!important;padding:0!important;overflow:visible!important}.print-reports-container .print-content{box-shadow:none;margin:0!important;padding:0!important}.print-header-only,.print-only{display:block!important}.no-print{display:none!important}input[type=date],input[type=text]{color:inherit!important;background:0 0!important;border:none!important;padding:0!important}input[type=date]::-webkit-calendar-picker-indicator{display:none!important}}.print-only{display:none}.lucide-spin{animation:.75s linear infinite rma-spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-glow);color:var(--primary)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.97)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;padding:20px 20px 20px calc(var(--sidebar-width,260px) + 20px);background-color:#090e1ca6;justify-content:center;align-items:center;animation:.2s modal-backdrop-in;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface);border-radius:var(--radius-xl,20px);width:100%;max-width:620px;max-height:92vh;box-shadow:none;border:1px solid var(--border,#e2e8f0);flex-direction:column;animation:.25s cubic-bezier(.34,1.56,.64,1) both modal-slide-in;display:flex;position:relative;overflow-y:auto}.modal-content:before{content:"";background:linear-gradient(90deg, var(--primary,#047857), var(--accent,#06b6d4));border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 20px;display:flex}.modal-title-group{flex-direction:column;gap:3px;display:flex}.modal-title{color:var(--text-primary,#0f172a);letter-spacing:-.3px;font-size:18px;font-weight:700}.modal-subtitle{color:var(--text-secondary,#64748b);font-size:13px}.modal-close-btn{background:var(--surface-hover,#f8fafc);border:1px solid var(--border,#e2e8f0);width:32px;height:32px;color:var(--text-muted,#94a3b8);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--error-light,#fef2f2);border-color:var(--error-border,#fecaca);color:var(--error,#ef4444)}.modal-body{flex-direction:column;gap:18px;padding:24px 28px;display:flex}.form-row{gap:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.form-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius-sm,8px);width:100%;color:var(--text-primary,#0f172a);background-color:var(--surface-hover,#f8fafc);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;transition:all .18s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary,#047857);background-color:var(--surface,#fff);box-shadow:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted,#94a3b8)}.form-textarea{resize:vertical;min-height:90px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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 12px center;background-repeat:no-repeat;padding-right:36px}.modal-footer{border-top:1px solid var(--border,#e2e8f0);background:var(--surface-hover,#f8fafc);border-radius:0 0 var(--radius-xl,20px) var(--radius-xl,20px);gap:12px;padding:18px 28px 24px;display:flex}.btn-cancel{background-color:var(--surface,#fff);border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius-sm,8px);color:var(--text-secondary,#475569);cursor:pointer;flex:1;padding:11px 16px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:all .18s}.btn-cancel:hover:not(:disabled){background-color:var(--surface-hover,#f8fafc);border-color:var(--border-strong,#cbd5e1)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:linear-gradient(135deg, var(--primary,#047857) 0%, #065f46 100%);border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;box-shadow:none;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .18s;display:flex}.btn-save:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover,#065f46) 0%, #064e3b 100%);box-shadow:none;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-danger{background-color:var(--error-light,#fef2f2);border:1.5px solid var(--error-border,#fecaca);border-radius:var(--radius-sm,8px);color:var(--error,#ef4444);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.btn-danger:hover{background-color:var(--error,#ef4444);color:#fff}.workflow-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.workflow-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-dropdown{border-radius:var(--radius-sm,8px);color:var(--text-primary,#0f172a);background-color:var(--surface,#fff);border:1.5px solid var(--border,#e2e8f0);cursor:pointer;appearance:none;min-width:130px;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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;outline:none;padding:9px 36px 9px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .18s}.filter-dropdown:hover{border-color:var(--border-strong,#cbd5e1);box-shadow:none}.filter-dropdown:focus{border-color:var(--primary,#047857);box-shadow:none}.search-box{background-color:var(--surface,#fff);border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius-sm,8px);min-width:220px;height:40px;box-shadow:none;align-items:center;gap:9px;padding:0 14px;transition:all .18s;display:flex}.search-box:focus-within{border-color:var(--primary,#047857);box-shadow:none}.search-input{color:var(--text-primary,#0f172a);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:13.5px}.search-input::placeholder{color:var(--text-muted,#94a3b8)}.workflow-table-container{background-color:var(--surface,#fff);border-radius:var(--radius-lg,16px);border:1px solid var(--border,#e2e8f0);flex-shrink:0;width:100%;max-width:100%;overflow:hidden}.workflow-table{border-collapse:collapse;width:100%;min-width:760px}.workflow-table thead{z-index:10;position:sticky;top:0}.workflow-th{text-align:left;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.6px;background-color:var(--surface-hover,#f8fafc);border-bottom:1.5px solid var(--border,#e2e8f0);white-space:nowrap;padding:13px 20px;font-size:10.5px;font-weight:700}.workflow-tr{border-bottom:1px solid var(--border,#e2e8f0);transition:background-color .15s}.workflow-tr:last-child{border-bottom:none}.workflow-tr:nth-child(2n){background-color:#f8fafc80}[data-theme=dark] .workflow-tr:nth-child(2n){background-color:#ffffff05}.workflow-tr:hover{background-color:var(--primary-light,#ecfdf5)!important}.workflow-td{vertical-align:middle;padding:14px 20px}.ticket-id{color:var(--primary,#047857);letter-spacing:.3px;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:600}.table-cell-main{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-bottom:2px;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.table-cell-sub{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;display:block;overflow:hidden}.table-serial{color:var(--text-secondary,#475569);letter-spacing:.2px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.action-btn{width:34px;height:34px;color:var(--primary,#047857);cursor:pointer;border-radius:var(--radius-sm,8px);background:var(--primary-light,#ecfdf5);border:none;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.action-btn:hover{background-color:var(--primary,#047857);color:#fff;box-shadow:none;transform:scale(1.08)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-bar{border-top:1px solid var(--border,#e2e8f0);background:var(--surface-hover,#f8fafc);border-radius:0 0 var(--radius-lg,16px) var(--radius-lg,16px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pagination-info{color:var(--text-secondary,#64748b);font-size:12.5px;font-weight:500}.pagination-buttons{gap:6px;display:flex}.page-btn{border-radius:var(--radius-sm,8px);border:1.5px solid var(--border,#e2e8f0);background-color:var(--surface,#fff);color:var(--text-primary,#0f172a);cursor:pointer;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s}.page-btn:hover:not(:disabled){background-color:var(--primary-light,#ecfdf5);border-color:var(--primary,#047857);color:var(--primary,#047857)}.page-btn:disabled{opacity:.45;cursor:not-allowed;background-color:var(--surface-hover,#f8fafc)}.page-btn.active{background-color:var(--primary,#047857);border-color:var(--primary,#047857);color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}.advance-modal{max-width:500px}.advance-modal-header{padding:24px 28px 20px}.advance-modal-body{flex-direction:column;gap:16px;padding:0 28px 24px;display:flex}.current-state-box{background:linear-gradient(135deg, var(--primary-light,#ecfdf5) 0%, #06b6d40f 100%);border-radius:var(--radius-sm,8px);border:1.5px solid #04785726;flex-direction:column;gap:5px;padding:14px 18px;display:flex}.current-state-label{color:var(--primary,#047857);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.current-state-value{color:var(--text-primary,#0f172a);letter-spacing:.2px;font-size:15px;font-weight:700}.advance-modal-footer{border-top:1px solid var(--border,#e2e8f0);background:var(--surface-hover,#f8fafc);border-radius:0 0 var(--radius-xl,20px) var(--radius-xl,20px);justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px 24px;display:flex}.btn-text-cancel{color:var(--text-secondary,#475569);cursor:pointer;border-radius:var(--radius-sm,8px);background:0 0;border:none;padding:9px 14px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:all .18s}.btn-text-cancel:hover{background-color:var(--surface-hover,#f1f5f9);color:var(--text-primary,#0f172a)}.btn-confirm{background:linear-gradient(135deg, var(--primary,#047857) 0%, #065f46 100%);color:#fff;border-radius:var(--radius-sm,8px);cursor:pointer;box-shadow:none;letter-spacing:.1px;border:none;padding:11px 22px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .18s}.btn-confirm:hover{background:linear-gradient(135deg, var(--primary-hover,#065f46) 0%, #064e3b 100%);box-shadow:none;transform:translateY(-1px)}.btn-confirm:active{transform:translateY(0)}.detail-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.detail-value{color:var(--text-primary,#0f172a);font-size:14px;font-weight:500}.upload-btn{border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius-sm,8px);text-align:center;cursor:pointer;background-color:var(--surface-hover,#f8fafc);color:var(--text-secondary,#334155);flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .18s;display:flex}.upload-btn:hover{border-color:var(--primary,#047857);background-color:var(--primary-light,#ecfdf5);color:var(--primary,#047857)}.print-ticket-btn{border-radius:var(--radius-sm,8px);border:1.5px solid var(--border,#e2e8f0);background-color:var(--surface,#fff);width:100%;color:var(--text-primary,#0f172a);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.print-ticket-btn:hover{border-color:var(--primary,#047857);background-color:var(--primary-light,#ecfdf5);color:var(--primary,#047857)}.ledgers-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:12px;display:grid}.ledger-column{flex-direction:column;gap:14px;display:flex}.ledger-column-header{color:var(--text-primary,#0f172a);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.customer-card,.vendor-card{background-color:var(--surface,#fff);border-radius:var(--radius-lg,16px);box-shadow:none;border:1px solid var(--border,#e2e8f0);flex-direction:column;gap:14px;padding:20px 24px;transition:all .18s;display:flex}.customer-card:hover,.vendor-card:hover{box-shadow:none;border-color:var(--border-strong,#cbd5e1)}.card-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.card-title{color:var(--text-primary,#0f172a);font-size:15px;font-weight:700}.card-tag{background-color:var(--surface-hover,#f1f5f9);color:var(--text-secondary,#64748b);border:1px solid var(--border,#e2e8f0);white-space:nowrap;border-radius:6px;padding:4px 10px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:600}.customer-dates-row{justify-content:space-between;gap:12px;display:flex}.date-group{flex-direction:column;gap:3px;display:flex}.date-value{color:var(--primary,#047857);letter-spacing:.2px;font-size:13px;font-weight:700}.date-value.pending{color:var(--success,#10b981)}.progress-track{border-radius:2px;gap:4px;width:100%;height:4px;display:flex;overflow:hidden}.progress-segment{background-color:var(--border,#e2e8f0);border-radius:2px;flex:1;transition:background-color .3s}.progress-segment.active{background:linear-gradient(90deg, var(--primary,#047857), var(--accent,#06b6d4))}.vendor-details-list{flex-direction:column;gap:10px;display:flex}.vendor-detail-row{border-bottom:1px solid var(--border,#f1f5f9);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.vendor-detail-row:last-child{border-bottom:none}.vendor-detail-label{color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.vendor-detail-value{color:var(--text-primary,#0f172a);text-align:right;font-size:12.5px;font-weight:600}.vendor-detail-value.in-progress{color:var(--purple,#8b5cf6)}.vendor-detail-value.serial{color:var(--accent,#06b6d4);font-family:SF Mono,Fira Code,monospace;font-size:11.5px}@keyframes float-bg{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.04)translateY(-10px)}}@keyframes login-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-container{background:#f8fafc;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background-pattern{pointer-events:none;background:radial-gradient(at 20%,#10b98126 0%,#0000 50%),radial-gradient(at 80% 20%,#06b6d41a 0%,#0000 50%),radial-gradient(at 60% 80%,#8b5cf614 0%,#0000 50%),#f8fafc;position:absolute;inset:0}.login-background-pattern:after{content:"";background-image:radial-gradient(circle at 1px 1px,#0000000d 1px,#0000 0);background-size:28px 28px;position:absolute;inset:0}.login-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#04785726 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float-bg;position:absolute;top:-200px;left:-200px}.login-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float-bg;position:absolute;bottom:-200px;right:-200px}.login-box{-webkit-backdrop-filter:blur(24px);z-index:10;background:#ffffffd9;border:1px solid #00000014;border-radius:24px;flex-direction:column;gap:28px;width:100%;max-width:440px;padding:40px 44px;animation:.4s cubic-bezier(.34,1.56,.64,1) both login-fade-in;display:flex;position:relative;box-shadow:0 10px 40px -10px #0000001a}.login-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.login-logo{color:#fff;letter-spacing:-1px;width:60px;height:60px;box-shadow:none;background:linear-gradient(135deg,#047857 0%,#065f46 100%);border-radius:16px;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:flex}.login-title-group{flex-direction:column;gap:6px;display:flex}.login-title{color:#0f172a;letter-spacing:-.5px;font-size:26px;font-weight:800}.login-subtitle{color:#64748b;font-size:14px;font-weight:400}.login-form{flex-direction:column;gap:18px;display:flex}.login-input-group{flex-direction:column;gap:7px;display:flex}.login-input-group label{color:#475569;letter-spacing:.3px;font-size:12px;font-weight:600}.login-input{color:#0f172a;background-color:#fffc;border:1px solid #0000001a;border-radius:10px;outline:none;width:100%;padding:13px 16px;font-family:Inter,sans-serif;font-size:14.5px;transition:all .2s}.login-input::placeholder{color:#94a3b8}.login-input:focus{background-color:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.login-btn{color:#fff;cursor:pointer;box-shadow:none;letter-spacing:.1px;background:linear-gradient(135deg,#047857 0%,#065f46 100%);border:none;border-radius:10px;margin-top:4px;padding:13px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:700;transition:all .2s}.login-btn:hover:not(:disabled){box-shadow:none;background:linear-gradient(135deg,#065f46 0%,#064e3b 100%);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:11px 14px;font-size:13px;font-weight:500}.logout-btn-container{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:16px}.logout-btn{cursor:pointer;color:#64748b;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{color:#fc8181;background-color:#ef44441a}.animate-spin{animation:1s linear infinite spin}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.layout{flex-direction:column}.mobile-header{background-color:var(--sidebar-bg,#0f172a);z-index:40;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 20px;display:flex}.mobile-menu-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .18s;display:flex}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;background-color:#0009;animation:.2s fade-in;display:block;position:fixed;inset:0}.sidebar{z-index:50;width:280px;height:100dvh;box-shadow:none;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{box-shadow:none;transform:translate(0)}.brand{margin-bottom:24px}.nav-menu{flex-direction:column;flex:1;gap:2px}.nav-item{justify-content:flex-start;width:100%;padding:12px 14px}.nav-item span{display:inline}.new-inward-btn{justify-content:center;width:100%;margin-left:0;margin-right:0;padding:13px 16px}.new-inward-btn span{display:inline}.logout-btn{justify-content:flex-start;width:100%}.logout-btn span{display:inline}.theme-toggle-btn{justify-content:flex-start;width:100%}.theme-toggle-btn span{display:inline}.main-content{gap:20px;padding:20px 16px}.stats-grid{grid-template-columns:1fr 1fr}.header{flex-direction:column;align-items:stretch;gap:12px}.export-btn{justify-content:center;width:100%}.status-bar{flex-direction:column;gap:6px;height:auto;padding:10px 16px;font-size:11px}.status-left,.status-right{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.status-divider{display:none}.ledgers-grid{grid-template-columns:1fr}.workflow-header{flex-direction:column;align-items:stretch;margin-bottom:16px}.workflow-controls{flex-direction:column;gap:8px;width:100%}.search-box,.filter-dropdown{width:100%}.workflow-table-container{overflow-x:auto}.pagination-bar{flex-direction:column;align-items:flex-start;gap:10px}.form-row{flex-direction:column;gap:16px}.modal-overlay{align-items:flex-end;padding:16px!important}.modal-content{border-radius:20px 20px 16px 16px;max-height:92dvh}.card-header-row{flex-direction:column;align-items:flex-start;gap:8px}.activity-item{flex-wrap:wrap;align-items:flex-start;gap:10px}.activity-meta{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:calc(100% - 54px);margin-left:54px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.status-right{flex-wrap:wrap;gap:6px}.modal-header,.modal-body,.modal-footer{padding-left:18px;padding-right:18px}}