@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #0a0d14;--bg-secondary: #101522;--bg-tertiary: #161d30;--bg-card: rgba(22, 29, 48, .7);--bg-card-hover: rgba(30, 40, 66, .85);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .16);--border-bright: rgba(99, 102, 241, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-white: #ffffff;--brand-primary: #6366f1;--brand-primary-hover: #4f46e5;--brand-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--brand-glow: 0 0 25px rgba(99, 102, 241, .35);--role-procurement: #10b981;--role-procurement-bg: rgba(16, 185, 129, .12);--role-procurement-border: rgba(16, 185, 129, .3);--role-iqc: #f59e0b;--role-iqc-bg: rgba(245, 158, 11, .12);--role-iqc-border: rgba(245, 158, 11, .3);--role-oqc: #a855f7;--role-oqc-bg: rgba(168, 85, 247, .12);--role-oqc-border: rgba(168, 85, 247, .3);--role-logistics: #0ea5e9;--role-logistics-bg: rgba(14, 165, 233, .12);--role-logistics-border: rgba(14, 165, 233, .3);--role-admin: #ec4899;--role-admin-bg: rgba(236, 72, 153, .12);--role-admin-border: rgba(236, 72, 153, .3);--status-pending: #f59e0b;--status-pending-bg: rgba(245, 158, 11, .15);--status-completed: #10b981;--status-completed-bg: rgba(16, 185, 129, .15);--status-danger: #ef4444;--status-danger-bg: rgba(239, 68, 68, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5), 0 2px 6px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .6), 0 4px 10px -2px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--glass-backdrop: blur(16px) saturate(180%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}[data-theme=light]{--bg-primary: #f0f4ff;--bg-secondary: #e8edf8;--bg-tertiary: #dde4f5;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, 1);--border-subtle: rgba(99, 102, 241, .15);--border-medium: rgba(99, 102, 241, .28);--border-bright: rgba(99, 102, 241, .5);--text-primary: #1e2340;--text-secondary: #3d4a6a;--text-muted: #6b7a99;--text-white: #ffffff;--shadow-sm: 0 1px 3px rgba(30, 35, 64, .1);--shadow-md: 0 4px 12px rgba(30, 35, 64, .12), 0 2px 6px rgba(30, 35, 64, .08);--shadow-lg: 0 10px 30px rgba(30, 35, 64, .16), 0 4px 10px rgba(30, 35, 64, .1);--glass-backdrop: blur(16px) saturate(160%)}[data-theme=light] body{background-color:#f0f4ff;background-image:radial-gradient(at 15% 15%,rgba(99,102,241,.07) 0px,transparent 50%),radial-gradient(at 85% 25%,rgba(139,92,246,.05) 0px,transparent 50%),radial-gradient(at 50% 90%,rgba(16,185,129,.04) 0px,transparent 50%)}[data-theme=light] .glass-panel{background:#ffffffe0;border-color:#6366f126;box-shadow:0 4px 16px #1e23401a}[data-theme=light] nav,[data-theme=light] [style*="rgba(10, 13, 20"],[data-theme=light] [style*="rgba(10,13,20"]{background:#ffffffeb!important;border-color:#6366f126!important;color:var(--text-primary)!important}[data-theme=light] [style*="rgba(16, 21, 34"],[data-theme=light] [style*="rgba(16,21,34"],[data-theme=light] [style*="rgba(22, 29, 48"],[data-theme=light] [style*="rgba(22,29,48"]{background:#ffffffbf!important}[data-theme=light] [style*="rgba(16, 21, 34, 0.4"],[data-theme=light] [style*="rgba(16,21,34,0.4"]{background:#f0f4ffe6!important}[data-theme=light] [style*="rgba(30, 41, 69, 0.95"],[data-theme=light] [style*="rgba(30,41,69"]{background:#fffffff2!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.02"],[data-theme=light] [style*="rgba(255, 255, 255, 0.03"],[data-theme=light] [style*="rgba(255, 255, 255, 0.04"]{background:#6366f10a!important}[data-theme=light] table thead tr{background:#f0f4fffa!important}[data-theme=light] table tbody tr:hover{background:#6366f10f!important}[data-theme=light] table td,[data-theme=light] table th{border-color:#6366f11f!important;color:var(--text-primary)!important}[data-theme=light] table td [style*="color: #e2e8f0"],[data-theme=light] table td [style*="color:#e2e8f0"]{color:var(--text-primary)!important}[data-theme=light] [style*="color: #64748b"]{color:#475569!important}[data-theme=light] [style*="color: #94a3b8"]{color:#334155!important}[data-theme=light] [style*="color: #f8fafc"]{color:#0369a1!important;font-weight:700!important}[data-theme=light] [style*="color: #e2e8f0"]{color:#0f172a!important}[data-theme=light] [style*="color: #cbd5e1"]{color:#1e293b!important}[data-theme=light] strong[style*="color: #fff"]{color:#4338ca!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color:#fff"],[data-theme=light] [style*="color: white"]{color:#0f172a!important}[data-theme=light] [style*="color: #f8fafc"]{color:#0284c7!important}[data-theme=light] .glass-panel h3,[data-theme=light] .glass-panel h4{color:#0f172a!important;font-weight:800!important}[data-theme=light] [style*="background: rgba(10, 13, 20"],[data-theme=light] [style*="background: rgba(10,13,20"],[data-theme=light] [style*="background: rgba(16, 21, 34"],[data-theme=light] [style*="background: rgba(16,21,34"]{background:#fff!important;border-color:#6366f140!important;color:#0f172a!important;box-shadow:0 4px 16px #6366f114!important}[data-theme=light] label,[data-theme=light] label[style*="color: var(--text-muted)"],[data-theme=light] label[style*="color: #e2e8f0"],[data-theme=light] label[style*="color:#e2e8f0"]{color:#1e293b!important;font-weight:700!important}[data-theme=light] [style*="color: var(--text-muted)"]{color:#475569!important}[data-theme=light] [style*="color: #ffffff"],[data-theme=light] [style*="color:#ffffff"]{color:#0f172a!important}[data-theme=light] [style*="rgba(255, 255, 255, 0.04)"],[data-theme=light] [style*="rgba(255,255,255,0.04)"]{background:#eef2ff!important;border-color:#6366f159!important;color:#3730a3!important;font-weight:700!important}[data-theme=light] .form-input{background:#fff;border-color:#6366f159;color:#0f172a;font-weight:600}[data-theme=light] .form-input:focus{background:#fff;border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}[data-theme=light] .form-input::placeholder{color:#94a3b8}[data-theme=light] select.form-input option{background:#fff;color:#1e2340}[data-theme=light] .btn-secondary{background:#fff;color:#1e293b;border:1px solid rgba(99,102,241,.28);box-shadow:0 1px 3px #0000000d}[data-theme=light] .btn-secondary:hover{background:#f1f5f9;border-color:#6366f180;color:var(--brand-primary)}[data-theme=light] [style*="rgba(10, 13, 20, 0.7"],[data-theme=light] [style*="rgba(10, 13, 20, 0.8"]{background:#e0e7ff!important;border-color:#6366f14d!important}[data-theme=light] [style*="rgba(10, 13, 20, 0.8)"] div[style*="color: #fff"],[data-theme=light] [style*="rgba(10, 13, 20, 0.8)"] div[style*="color:#fff"]{color:#3730a3!important}[data-theme=light] [style*="color: #60a5fa"]{color:#1d4ed8!important;font-weight:800!important}[data-theme=light] [style*="color: #a78bfa"]{color:#6d28d9!important;font-weight:700!important}[data-theme=light] [style*="color: #38bdf8"]{color:#0369a1!important;font-weight:700!important}[data-theme=light] [style*="color: #f59e0b"]{color:#b45309!important;font-weight:700!important}[data-theme=light] .inbound-material-code,[data-theme=light] [style*="color: #2563eb"],[data-theme=light] [style*="color:#2563eb"]{color:#1d4ed8!important;font-weight:700!important}[data-theme=light] .inbound-product-name,[data-theme=light] [style*="color: #1d4ed8"],[data-theme=light] [style*="color:#1d4ed8"]{color:#1e40af!important;font-weight:700!important}[data-theme=light] .inbound-card-barcode,[data-theme=light] [style*="rgba(99, 102, 241, 0.07)"]{background:#6366f11f!important;border-color:#6366f159!important}[data-theme=light] .inbound-card-barcode .inbound-ref-value{color:#4338ca!important;font-weight:700!important}[data-theme=light] .inbound-card-warehouse,[data-theme=light] [style*="rgba(14, 165, 233, 0.07)"]{background:#0ea5e91f!important;border-color:#0ea5e959!important}[data-theme=light] .inbound-card-warehouse .inbound-ref-value{color:#0369a1!important;font-weight:700!important}[data-theme=light] .inbound-card-grn,[data-theme=light] [style*="rgba(168, 85, 247, 0.07)"]{background:#a855f71f!important;border-color:#a855f759!important}[data-theme=light] .inbound-card-grn .inbound-ref-value{color:#6b21a8!important;font-weight:700!important}[data-theme=light] .inbound-card-condition,[data-theme=light] [style*="rgba(245, 158, 11, 0.07)"]{background:#f59e0b1f!important;border-color:#f59e0b59!important}[data-theme=light] .inbound-card-condition .inbound-ref-value{color:#b45309!important;font-weight:700!important}[data-theme=light] [style*="Multi-Role Transaction Status"]~div>div,[data-theme=light] [style*="Multi-Role Transaction Status"]+div>div{box-shadow:0 1px 4px #0000000d!important}[data-theme=light] [style*="rgba(16, 185, 129, 0.05)"]{background:#10b9811f!important;border-color:#10b98166!important}[data-theme=light] [style*="rgba(245, 158, 11, 0.05)"]{background:#f59e0b1f!important;border-color:#f59e0b66!important}[data-theme=light] [style*="rgba(168, 85, 247, 0.05)"]{background:#a855f71f!important;border-color:#a855f766!important}[data-theme=light] [style*="rgba(14, 165, 233, 0.05)"]{background:#0ea5e91f!important;border-color:#0ea5e966!important}[data-theme=light] [style*="rgba(16, 185, 129, 0.08)"] span:not(:first-child),[data-theme=light] [style*="rgba(16, 185, 129, 0.05)"] span:not(:first-child){color:#059669!important;font-weight:700!important}[data-theme=light] [style*="rgba(245, 158, 11, 0.08)"] span:not(:first-child),[data-theme=light] [style*="rgba(245, 158, 11, 0.05)"] span:not(:first-child){color:#d97706!important;font-weight:700!important}[data-theme=light] [style*="rgba(168, 85, 247, 0.08)"] span:not(:first-child),[data-theme=light] [style*="rgba(168, 85, 247, 0.05)"] span:not(:first-child){color:#7c3aed!important;font-weight:700!important}[data-theme=light] [style*="rgba(14, 165, 233, 0.08)"] span:not(:first-child),[data-theme=light] [style*="rgba(14, 165, 233, 0.05)"] span:not(:first-child){color:#0284c7!important;font-weight:700!important}[data-theme=light] [style*="rgba(30, 40, 66"]{background:#f8fafc!important}[data-theme=light] ::-webkit-scrollbar-track{background:#e8edf8}[data-theme=light] ::-webkit-scrollbar-thumb{background:#6366f14d}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#6366f180}*,*:before,*:after{transition:background-color .25s ease,border-color .2s ease,color .2s ease}svg *{transition:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;background-image:radial-gradient(at 15% 15%,rgba(99,102,241,.08) 0px,transparent 50%),radial-gradient(at 85% 25%,rgba(139,92,246,.07) 0px,transparent 50%),radial-gradient(at 50% 90%,rgba(16,185,129,.05) 0px,transparent 50%);background-attachment:fixed}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .18s ease;font-family:var(--font-sans);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 10px #6366f159;border:1px solid rgba(255,255,255,.15)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 16px #6366f180}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#ffffff1f;border-color:var(--border-medium);color:#fff}.btn-accent-procurement{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 12px #10b98159}.btn-accent-procurement:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-accent-iqc{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 12px #f59e0b59}.btn-accent-oqc{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;box-shadow:0 2px 12px #a855f759}.btn-accent-logistics{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 12px #0ea5e959}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;font-weight:700;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1}.badge-pending{background:var(--status-pending-bg);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-completed{background:var(--status-completed-bg);color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-danger{background:var(--status-danger-bg);color:#f87171;border:1px solid rgba(239,68,68,.35)}.badge-info{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.35)}.form-input{width:100%;padding:.625rem .875rem;background:#0a0d14bf;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);outline:none;transition:all .15s ease}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f140;background:#101522e6}.form-input::placeholder{color:var(--text-muted)}select.form-input{cursor:pointer}.font-mono{font-family:var(--font-mono)}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.animate-pulse-soft{animation:pulse-soft 2s infinite ease-in-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 2.5s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-row-hover:hover{background:#6366f10d!important}[data-theme=light] .table-row-hover:hover{background:#6366f10f!important}