@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#1e88e5;--color-primary-dark:#1565c0;--color-primary-light:#e3f2fd;--color-sidebar-bg:#1a2332;--color-sidebar-text:#b0bec5;--color-sidebar-text-active:#fff;--color-sidebar-active-bg:#263349;--color-bg-page:#f5f7fa;--color-bg-card:#fff;--color-border:#e0e4e8;--color-border-light:#eef1f4;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-success:#22c55e;--color-success-bg:#dcfce7;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-danger:#ef4444;--color-danger-bg:#fee2e2;--color-info:#3b82f6;--color-info-bg:#dbeafe;--color-running:#22c55e;--color-standby:#9ca3af;--color-paused:#f59e0b;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-card-hover:0 4px 12px #00000014;--radius-card:10px;--radius-button:6px;--radius-badge:20px;--font-family:"Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--font-mono:"Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--primary:var(--color-primary);--primary-dark:var(--color-primary-dark);--primary-soft:var(--color-primary-light);--success:var(--color-success);--success-soft:var(--color-success-bg);--danger:var(--color-danger);--danger-soft:var(--color-danger-bg);--warning:var(--color-warning);--warning-soft:var(--color-warning-bg);--info:var(--color-info);--info-soft:var(--color-info-bg);--bg:var(--color-bg-page);--card:var(--color-bg-card);--border:var(--color-border);--border-light:var(--color-border-light);--input-border:var(--color-border);--text:var(--color-text-primary);--text-soft:var(--color-text-secondary);--muted:var(--color-text-muted);--soft:var(--color-primary-light);--soft-2:#f0f4f8;--hover-border:var(--color-primary-dark);--radius:var(--radius-button);--radius-sm:var(--radius-button);--sidebar-width:240px}html,body{color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family)!important}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-family)!important;font-weight:600!important}body,p,span,div,td,th,input,select,textarea,button{font-family:var(--font-family)}@keyframes pulse-running{0%{opacity:1;transform:scale(1);box-shadow:0 0 #22c55e99}50%{opacity:.4;transform:scale(.96);box-shadow:0 0 0 6px #22c55e00}to{opacity:1;transform:scale(1);box-shadow:0 0 #22c55e99}}.status-dot-running-pulse{background-color:var(--color-running);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse-running;display:inline-block}.machine-card-standby{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s;border-left:4px solid var(--color-standby)!important}.machine-card-running{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-card);box-shadow:0 0 0 4px #22c55e26, var(--shadow-card);transition:box-shadow .2s,transform .2s;border-left:4px solid var(--color-running)!important}.machine-card-paused{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s;border-left:4px solid var(--color-paused)!important}.segmented-control{background:var(--color-border-light);border-radius:var(--radius-badge);align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented-control-btn{color:var(--color-text-secondary);border-radius:var(--radius-badge);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.segmented-control-btn:hover{color:var(--color-text-primary)}.segmented-control-btn.active{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 2px 4px #1e88e540}.badge-zoho{border-radius:var(--radius-badge);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge-zoho-success{background-color:var(--color-success-bg);color:#15803d}.badge-zoho-warning{background-color:var(--color-warning-bg);color:#b45309}.badge-zoho-danger{background-color:var(--color-danger-bg);color:#b91c1c}.badge-zoho-info{background-color:var(--color-info-bg);color:#1d4ed8}.badge-zoho-standby{color:#4b5563;background-color:#f3f4f6}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-none{flex:none!important}.flex-shrink-0{flex-shrink:0!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-baseline{align-items:baseline!important}.items-stretch{align-items:stretch!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm\:w-64{width:16rem!important}.sm\:w-\[580px\]{width:580px!important}.sm\:w-\[640px\]{width:640px!important}.sm\:w-\[720px\]{width:720px!important}.sm\:inline{display:inline!important}.sm\:flex{display:flex!important}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:p-6{padding:1.5rem!important}.md\:flex{display:flex!important}.md\:w-\[640px\]{width:640px!important}.md\:w-\[720px\]{width:720px!important}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:w-\[680px\]{width:680px!important}.lg\:w-\[720px\]{width:720px!important}.lg\:w-\[780px\]{width:780px!important}}.gap-1{gap:.25rem!important}.gap-1\.5{gap:.375rem!important}.gap-2{gap:.5rem!important}.gap-2\.5{gap:.625rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.block{display:block!important}.inline-block{display:inline-block!important}.hidden{display:none!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.w-full{width:100%!important}.w-auto{width:auto!important}.w-8{width:2rem!important}.h-8{height:2rem!important}.w-14{width:3.5rem!important}.min-w-0{min-width:0!important}.min-h-screen{min-height:100vh!important}.border{border-style:solid!important;border-width:1px!important}.border-b{border-bottom-style:solid!important;border-bottom-width:1px!important}.border-t{border-top-style:solid!important;border-top-width:1px!important}.border-l{border-left-style:solid!important;border-left-width:1px!important}.border-l-4{border-left-style:solid!important;border-left-width:4px!important}.border-collapse{border-collapse:collapse!important}.border-slate-100{border-color:#f1f5f9!important}.border-slate-200{border-color:#e2e8f0!important}.border-slate-300{border-color:#cbd5e1!important}.border-blue-100{border-color:#dbeafe!important}.border-blue-200{border-color:#bfdbfe!important}.border-blue-600{border-color:#2563eb!important}.border-emerald-200{border-color:#a7f3d0!important}.border-amber-200{border-color:#fde68a!important}.border-rose-200{border-color:#fecdd3!important}.border-purple-200{border-color:#e9d5ff!important}.border-transparent{border-color:#0000!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:.125rem!important}.rounded{border-radius:.25rem!important}.rounded-md{border-radius:.375rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-full{border-radius:9999px!important}.bg-white{background-color:#fff!important}.bg-slate-50{background-color:#f8fafc!important}.bg-slate-100{background-color:#f1f5f9!important}.bg-slate-200{background-color:#e2e8f0!important}.bg-blue-50{background-color:#eff6ff!important}.bg-blue-50\/40{background-color:#eff6ff66!important}.bg-blue-50\/70{background-color:#eff6ffb3!important}.bg-blue-600{background-color:#2563eb!important}.bg-emerald-50{background-color:#ecfdf5!important}.bg-emerald-600{background-color:#059669!important}.bg-amber-50{background-color:#fffbeb!important}.bg-rose-50{background-color:#fff1f2!important}.bg-purple-50{background-color:#faf5ff!important}.text-white{color:#fff!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-slate-600{color:#475569!important}.text-slate-700{color:#334155!important}.text-slate-800{color:#1e293b!important}.text-slate-900{color:#0f172a!important}.text-blue-600{color:#2563eb!important}.text-blue-700{color:#1d4ed8!important}.text-emerald-600{color:#059669!important}.text-emerald-700{color:#047857!important}.text-amber-700{color:#b45309!important}.text-rose-700{color:#be123c!important}.text-purple-700{color:#7e22ce!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-\[11px\]{font-size:11px!important}.text-xs{font-size:12px!important;line-height:1rem!important}.text-sm{font-size:14px!important;line-height:1.25rem!important}.text-base{font-size:16px!important;line-height:1.5rem!important}.text-lg{font-size:18px!important;line-height:1.75rem!important}.text-xl{font-size:20px!important;line-height:1.75rem!important}.text-2xl{font-size:24px!important;line-height:2rem!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-mono{font-family:Roboto Mono,monospace!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-2\.5{padding:.625rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.py-16{padding-top:4rem!important;padding-bottom:4rem!important}.pl-8{padding-left:2rem!important}.pr-3{padding-right:.75rem!important}.m-0{margin:0!important}.mt-0\.5{margin-top:.125rem!important}.mt-1{margin-top:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-1{margin-left:.25rem!important}.mr-1\.5{margin-right:.375rem!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.inset-0{inset:0!important}.inset-y-0{top:0!important;bottom:0!important}.right-0{right:0!important}.left-2\.5{left:.625rem!important}.top-2{top:.5rem!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.shadow-xs{box-shadow:0 1px 2px #0000000d!important}.shadow-sm{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a!important}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040!important}.cursor-pointer{cursor:pointer!important}.transition-colors{transition-property:color,background-color,border-color!important;transition-duration:.15s!important}.transition-all{transition-property:all!important;transition-duration:.15s!important}.divide-y>*+*{border-top-style:solid!important;border-top-width:1px!important}.divide-slate-100>*+*{border-top-color:#f1f5f9!important}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";line-height:1.5;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}*,:before,:after{box-sizing:border-box}body,#root,button,input,select,textarea{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}select{cursor:pointer;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}select option{color:#0f172a;background:#fff;padding:8px 12px;font-size:13px;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root[data-theme=dark] select option,.machine-console-root select option,.machine-dark-select option{color:#f8fafc!important;background:#0f172a!important}body{min-height:100vh;margin:0}#root{min-height:100vh}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:none;appearance:textfield}aside.dashboard-layout__sidebar{background:var(--color-sidebar-bg)!important;color:var(--color-sidebar-text)!important;font-family:var(--font-family)!important;width:var(--sidebar-width,240px)!important;z-index:200!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;transition:width .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;overflow:hidden!important;box-shadow:2px 0 12px #00000026!important}.dashboard-layout__main{width:calc(100% - 240px)!important;min-width:0!important;margin-left:240px!important}aside.dashboard-layout__sidebar .dashboard-layout__brand{box-sizing:border-box!important;border-bottom:1px solid #ffffff0f!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:64px!important;padding:16px 14px 14px 16px!important;display:flex!important}.sidebar-brand-left{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.sidebar-brand-logo{color:#818cf8;background:radial-gradient(circle at 30% 30%,#6366f140 0%,#0f172af2 100%);border:1px solid #6366f159;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex;box-shadow:0 0 12px #6366f133}.sidebar-brand-meta{flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar-brand-title{color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;line-height:1.2;overflow:hidden}.sidebar-brand-title span{color:#818cf8}.sidebar-brand-subtitle{color:#64748b;letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;font-weight:500;overflow:hidden}.sidebar-toggle-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;padding:0;transition:all .15s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#6366f133;border-color:#6366f166}aside.dashboard-layout__sidebar .dashboard-layout__nav{scrollbar-width:thin!important;scrollbar-color:#ffffff14 transparent!important;flex-direction:column!important;flex:1!important;gap:2px!important;min-height:0!important;padding:10px 8px!important;display:flex!important;overflow:hidden auto!important}aside.dashboard-layout__sidebar .dashboard-layout__nav::-webkit-scrollbar{width:4px!important}aside.dashboard-layout__sidebar .dashboard-layout__nav::-webkit-scrollbar-track{background:0 0!important}aside.dashboard-layout__sidebar .dashboard-layout__nav::-webkit-scrollbar-thumb{background:#ffffff1a!important;border-radius:4px!important}aside.dashboard-layout__sidebar .dashboard-layout__nav::-webkit-scrollbar-thumb:hover{background:#fff3!important}.nav-section-title{letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;-webkit-user-select:none!important;user-select:none!important;margin-top:4px!important;padding:14px 10px 5px!important;font-size:10px!important;font-weight:700!important}.nav-section-divider{background:#ffffff0f!important;height:1px!important;margin:8px 10px!important}aside.dashboard-layout__sidebar .dashboard-layout__link,aside.dashboard-layout__sidebar .nav-group__trigger{color:var(--color-sidebar-text)!important;white-space:nowrap!important;box-shadow:none!important;cursor:pointer!important;box-sizing:border-box!important;text-align:left!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;align-items:center!important;gap:10px!important;width:100%!important;margin:2px 0!important;padding:8px 12px!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;text-decoration:none!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;display:flex!important;transform:none!important}aside.dashboard-layout__sidebar .dashboard-layout__link:hover,aside.dashboard-layout__sidebar .nav-group__trigger:hover{color:var(--color-sidebar-text-active)!important;background:#ffffff0d!important;border-color:#ffffff0a!important;transform:none!important}aside.dashboard-layout__sidebar .dashboard-layout__link.is-active,aside.dashboard-layout__sidebar .nav-group__trigger.is-active{background:var(--color-sidebar-active-bg)!important;color:var(--color-sidebar-text-active)!important;border-left:3px solid var(--color-primary)!important;box-shadow:none!important;padding-left:10px!important;font-weight:600!important}aside.dashboard-layout__sidebar .dashboard-layout__link.is-active svg,aside.dashboard-layout__sidebar .nav-group__trigger.is-active svg{color:var(--color-primary)!important;filter:drop-shadow(0 0 6px #1e88e566)!important;opacity:1!important}.nav-item__icon{width:20px!important;height:20px!important;color:inherit!important;opacity:1!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.nav-item__icon svg{stroke:#cbd5e1;stroke-width:2px;transition:all .15s;display:block;width:18px!important;height:18px!important}.nav-item__label{white-space:nowrap!important;text-overflow:ellipsis!important;flex:1!important;overflow:hidden!important}.nav-group__chevron{opacity:.6!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:transform .2s!important;display:flex!important}aside.dashboard-layout__sidebar .nav-sub__link,aside.dashboard-layout__sidebar .nav-subsub__link{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:1px solid #0000!important;border-radius:6px!important;align-items:center!important;gap:9px!important;margin:0!important;padding:6px 10px!important;font-size:12.5px!important;font-weight:500!important;line-height:1.35!important;text-decoration:none!important;transition:all .15s!important;display:flex!important;position:relative!important;transform:none!important}aside.dashboard-layout__sidebar .nav-sub__link:before,aside.dashboard-layout__sidebar .nav-subsub__link:before{content:none!important;display:none!important}aside.dashboard-layout__sidebar .nav-sub__link:hover,aside.dashboard-layout__sidebar .nav-subsub__link:hover{color:#fff!important;background:#ffffff0a!important;transform:none!important}aside.dashboard-layout__sidebar .nav-sub__link.is-active,aside.dashboard-layout__sidebar .nav-subsub__link.is-active{color:#60a5fa!important;background:#1e88e529!important;border-color:#1e88e54d!important;font-weight:600!important}aside.dashboard-layout__sidebar .dashboard-layout__footer{box-sizing:border-box!important;background:#00000040!important;border-top:1px solid #ffffff12!important;flex-shrink:0!important;padding:10px 10px 12px!important}.dashboard-layout__user-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.dashboard-layout__user-card:hover{background:#ffffff0f;border-color:#ffffff1a}.dashboard-layout__user-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 10px #1e88e559}.dashboard-layout__user-meta{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.dashboard-layout__user-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.2;overflow:hidden}.dashboard-layout__user-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;margin-top:2px;font-size:10.5px;font-weight:500;overflow:hidden}.btn--logout-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;padding:0;transition:all .15s;display:flex}.btn--logout-icon:hover{color:#ef4444;background:#ef444426}.is-collapsed aside.dashboard-layout__sidebar{width:72px!important}.is-collapsed aside.dashboard-layout__sidebar .dashboard-layout__brand{flex-direction:column!important;justify-content:center!important;gap:8px!important;padding:16px 0 12px!important}.is-collapsed .sidebar-brand-left{flex:none!important;justify-content:center!important;width:100%!important}.is-collapsed .sidebar-brand-meta{display:none!important}.is-collapsed .sidebar-toggle-btn{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff29!important;border-radius:8px!important;width:32px!important;height:32px!important;margin:2px auto 0!important}.is-collapsed .sidebar-toggle-btn:hover{color:#fff!important;background:#6366f140!important;border-color:#818cf8!important}.is-collapsed aside.dashboard-layout__sidebar .dashboard-layout__link,.is-collapsed aside.dashboard-layout__sidebar .nav-group__trigger{box-sizing:border-box!important;background:0 0!important;border:1px solid #0000!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;margin:5px auto!important;padding:0!important;display:flex!important;position:relative!important}.is-collapsed aside.dashboard-layout__sidebar .dashboard-layout__link:hover,.is-collapsed aside.dashboard-layout__sidebar .nav-group__trigger:hover{color:#fff!important;background:#ffffff14!important;border-color:#ffffff1f!important}.is-collapsed aside.dashboard-layout__sidebar .dashboard-layout__link.is-active,.is-collapsed aside.dashboard-layout__sidebar .nav-group__trigger.is-active{background:var(--color-sidebar-active-bg)!important;border:1px solid var(--color-primary)!important;color:#fff!important;padding:0!important;box-shadow:0 0 10px #1e88e54d!important}.is-collapsed .nav-item__icon{opacity:1!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;margin:0!important;display:flex!important}.is-collapsed .nav-item__icon svg{stroke:#cbd5e1!important;stroke-width:2.2px!important;opacity:1!important;width:22px!important;height:22px!important;transition:all .15s!important;display:block!important}.is-collapsed aside.dashboard-layout__sidebar .dashboard-layout__link:hover .nav-item__icon svg,.is-collapsed aside.dashboard-layout__sidebar .nav-group__trigger:hover .nav-item__icon svg{stroke:#fff!important;transform:scale(1.12)!important}.is-collapsed aside.dashboard-layout__sidebar .dashboard-layout__link.is-active .nav-item__icon svg,.is-collapsed aside.dashboard-layout__sidebar .nav-group__trigger.is-active .nav-item__icon svg{stroke:var(--color-primary)!important;filter:drop-shadow(0 0 6px #1e88e5b3)!important}.is-collapsed .dashboard-layout__link:after,.is-collapsed .nav-group__trigger:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10000;background:#0f172a;border:1px solid #ffffff26;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)scale(.95);box-shadow:0 4px 16px #00000080}.is-collapsed .dashboard-layout__link:hover:after,.is-collapsed .nav-group__trigger:hover:after{opacity:1;transform:translateY(-50%)scale(1)}.is-collapsed .nav-item__label,.is-collapsed .nav-group__chevron,.is-collapsed .nav-group__children,.is-collapsed .nav-section-title{display:none!important}.is-collapsed .nav-section-divider{width:32px!important;margin:8px auto!important}.is-collapsed .dashboard-layout__user-card{background:0 0!important;border:none!important;flex-direction:column!important;align-items:center!important;gap:10px!important;padding:0!important}.is-collapsed .dashboard-layout__user-meta{display:none!important}.is-collapsed .btn--logout-icon{background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:8px!important;width:36px!important;height:36px!important}.sidebar-mobile-close-btn{display:none!important}@media (width<=768px){.desktop-only,.sidebar-toggle-btn{display:none!important}.mobile-only,.sidebar-mobile-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex!important}.sidebar-mobile-close-btn:hover{color:#ef4444;background:#ef444440;border-color:#ef444466}.is-collapsed aside.dashboard-layout__sidebar,aside.dashboard-layout__sidebar{z-index:10001!important;width:285px!important;max-width:86vw!important;height:100dvh!important;box-shadow:none!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.is-collapsed.dashboard-layout--mobile-open aside.dashboard-layout__sidebar,.dashboard-layout--mobile-open aside.dashboard-layout__sidebar{transform:translate(0,0)!important;box-shadow:12px 0 40px #0009!important}.is-collapsed aside.dashboard-layout__sidebar .dashboard-layout__link,.is-collapsed aside.dashboard-layout__sidebar .nav-group__trigger{border-radius:8px!important;justify-content:flex-start!important;width:100%!important;height:auto!important;min-height:44px!important;margin:2px 0!important;padding:10px 14px!important}.is-collapsed .nav-item__label{margin-left:10px!important;display:inline!important}.is-collapsed .nav-group__chevron,.is-collapsed .sidebar-brand-meta,.is-collapsed .dashboard-layout__user-meta{display:flex!important}.is-collapsed .dashboard-layout__user-card{background:#ffffff08!important;border:1px solid #ffffff0f!important;flex-direction:row!important;width:100%!important;padding:8px 10px!important}.is-collapsed .dashboard-layout__link:after,.is-collapsed .nav-group__trigger:after{display:none!important}.dashboard-layout__overlay{display:none}.dashboard-layout--mobile-open .dashboard-layout__overlay{-webkit-backdrop-filter:blur(4px)!important;z-index:10000!important;cursor:pointer!important;background:#0f172abf!important;border:none!important;display:block!important;position:fixed!important;inset:0!important}.dashboard-layout__main{width:100%!important;min-width:100%!important;margin-left:0!important}.is-collapsed .dashboard-layout__main{width:100%!important;margin-left:0!important}.dashboard-layout__header{z-index:99!important;background:#0d1117!important;border-bottom:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;height:58px!important;padding:0 16px!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 2px 10px #00000026!important}.dashboard-layout__menu-btn{color:#fff!important;cursor:pointer!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important}.dashboard-layout__content{padding:16px 14px 48px!important;overflow-x:hidden!important}aside.dashboard-layout__sidebar .dashboard-layout__link,aside.dashboard-layout__sidebar .nav-group__trigger{min-height:44px!important;padding:10px 14px!important;font-size:13.5px!important}aside.dashboard-layout__sidebar .nav-sub__link{min-height:40px!important;padding:8px 12px!important;font-size:13px!important}.dashboard-switch-tabs{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;border-radius:8px!important;gap:6px!important;width:100%!important;padding:4px!important;display:flex!important;overflow-x:auto!important}.dashboard-switch-tabs::-webkit-scrollbar{display:none!important}.dashboard-switch-tabs button{flex-shrink:0!important;padding:8px 14px!important;font-size:12.5px!important}.mobile-grid-stack{grid-template-columns:1fr!important}.mobile-grid-2col{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-brand:"Inter", sans-serif;--primary:var(--color-primary);--primary-dark:var(--color-primary-dark);--primary-soft:var(--color-primary-light);--success:var(--color-success);--success-soft:var(--color-success-bg);--danger:var(--color-danger);--danger-soft:var(--color-danger-bg);--warning:var(--color-warning);--warning-soft:var(--color-warning-bg);--info-soft:var(--color-info-bg);--bg:var(--color-bg-page);--card:var(--color-bg-card);--border:var(--color-border);--input-border:var(--color-border);--text:var(--color-text-primary);--text-soft:var(--color-text-secondary);--muted:var(--color-text-muted);--soft:var(--color-primary-light);--soft-2:#f0f4f8;--hover-border:var(--color-primary-dark);--radius:var(--radius-button);--radius-sm:var(--radius-button);--sidebar-width:240px}:root[data-theme=dark]{--bg:#0e1420;--card:#161e2d;--border:#263144;--input-border:#3a4660;--text:#e7ecf4;--text-soft:#b9c3d4;--muted:#8793a8;--soft:#ffffff0f;--soft-2:#ffffff17;--hover-border:#3b5274;--primary-soft:#3574f02e;--success-soft:#1e7e342e;--danger-soft:#d930252e;--warning-soft:#b7791f2e;--info-soft:#3574f02e}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100vh;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1,h2,h3,h4{color:var(--text);letter-spacing:-.01em;font-weight:600}.dashboard-layout{width:100%;height:100vh;display:flex;overflow:hidden}.dashboard-layout__sidebar{z-index:200;width:var(--sidebar-width);background:var(--card);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.dashboard-layout__brand{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:11px;padding:16px 18px 14px;display:flex}.dashboard-layout__brand-mark{background:linear-gradient(135deg, var(--primary) 0%, #6d9bff 100%);width:34px;height:34px;font-family:var(--font-brand);color:#fff;letter-spacing:-.03em;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #3574f059}.dashboard-layout__brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.dashboard-layout__brand-name{font-family:var(--font-brand);color:var(--text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.dashboard-layout__brand-role{color:var(--muted);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;margin-top:0;font-size:11px;font-weight:500;display:block;overflow:hidden}.dashboard-layout__nav{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;padding:12px 10px;display:flex;overflow:hidden auto}.dashboard-layout__link{border-radius:var(--radius-sm);color:var(--text-soft);white-space:nowrap;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.dashboard-layout__link:hover{background:var(--soft);color:var(--text)}.dashboard-layout__link.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}.dashboard-layout__footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.dashboard-layout__footer-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.theme-toggle{justify-content:center;align-items:center;padding:6px 8px;line-height:0;display:inline-flex}.dashboard-layout__user{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.dashboard-layout__main{min-width:0;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.dashboard-layout__header{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:none}.dashboard-layout__header-title{font-family:var(--font-brand);color:var(--primary);letter-spacing:-.02em;font-size:15px;font-weight:800}.dashboard-layout__menu-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:36px;height:36px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.dashboard-layout__menu-btn:hover{background:var(--primary-soft);color:var(--primary)}.dashboard-layout__content{overscroll-behavior:contain;flex:1;min-height:0;padding:28px 32px;overflow:hidden auto}.dashboard-layout__overlay{z-index:150;cursor:pointer;background:#0f172a73;border:none;padding:0;animation:.2s dashboard-overlay-in;display:none;position:fixed;inset:0}@keyframes dashboard-overlay-in{0%{opacity:0}to{opacity:1}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.page,.page--wide{width:100%;max-width:100%}.page__title{font-family:var(--font-brand);letter-spacing:-.02em;color:var(--text);margin:0 0 4px;font-size:22px;font-weight:800}.page__subtitle{color:var(--muted);margin:0 0 20px;font-size:14px}.page__body{color:var(--muted)}.page__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.page__header .btn{flex-shrink:0}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 12px;display:flex}.section-head .page__subtitle{margin:0}.section-title{margin:28px 0 12px;font-size:16px}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-dark)}.btn--success{background:var(--success);color:#fff}.btn--success:hover:not(:disabled){background:#16652a}.btn--danger{background:var(--card);color:var(--danger);border-color:#e6b4b0}.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn--ghost{background:var(--card);border-color:var(--input-border);color:var(--text-soft)}.btn--ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn--info{background:var(--card);border-color:var(--hover-border);color:var(--primary)}.btn--info:hover:not(:disabled){background:var(--info-soft);border-color:var(--primary)}.btn--sm{padding:6px 12px;font-size:12.5px}.btn--xs{padding:4px 8px;font-size:11.5px}.btn--block{width:100%}.seg{gap:8px;display:inline-flex}.input{border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--text);background:var(--card);padding:9px 12px;font-size:13.5px;line-height:1.4;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3574f024}.input::placeholder{color:var(--muted)}.input--select{appearance:auto;cursor:pointer;padding-right:10px}.input--textarea{resize:vertical;min-height:80px;line-height:1.55}.input--sm{padding:6px 10px;font-size:12.5px}.input--narrow{max-width:220px}.field,.form-field{flex-direction:column;gap:6px;display:flex}.field label,.field__label,.form-field label,.form-field__label{color:var(--text-soft);letter-spacing:.01em;font-size:12.5px;font-weight:600;line-height:1.3}.field__req{color:var(--danger);margin-left:2px}.field .input,.form-field .input{margin-top:0}.pw-field{display:block;position:relative}.pw-field .input{padding-right:42px}.pw-field__toggle{cursor:pointer;color:var(--muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .12s,background .12s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-field__toggle:hover{color:var(--primary);background:var(--primary-soft)}.form-grid{gap:16px;margin-bottom:16px;display:grid}.form-grid:last-of-type{margin-bottom:0}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}.form-grid--4{grid-template-columns:repeat(4,1fr)}.form-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.form-row--grid{grid-template-columns:minmax(140px,2fr) minmax(140px,2fr) 150px 70px 60px 80px auto;align-items:center;gap:8px;display:grid}.form-row__qty{width:80px}.form-row__rate{width:110px}.form-row__total{text-align:right;min-width:90px;font-weight:500}.form-actions{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.inline-form .input{flex:1;min-width:160px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin:16px 0;padding:20px 22px}.panel__section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.panel h3{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;font-size:13.5px;font-weight:600}.panel__form-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.panel__form-title{color:var(--text);margin:0 0 3px;font-size:15px;font-weight:700}.panel__form-subtitle{color:var(--muted);margin:0;font-size:12.5px}.pr-list,.job-list,.task-list,.project-list,.log-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pr-card,.job-card,.task-card,.project-card,.log-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.pr-card__head,.job-card__head,.task-card__head,.project-card__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pr-card__item,.job-card__project,.task-card__name,.project-card__name{font-size:14.5px;font-weight:600}.pr-card__qty{color:var(--muted);font-size:13px}.pr-card__meta,.job-card,.task-card__meta,.project-card__meta,.log-card__meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px;display:flex}.pr-card__actions,.job-card__actions,.task-card__actions,.project-card__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pr-card__project,.task-card__project{font-weight:500}.log-card__remarks{margin:0 0 6px;font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.machine-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;transition:border-color .14s,box-shadow .14s;display:flex}.machine-card:hover{border-color:var(--hover-border);box-shadow:0 2px 8px #1b21260f}.machine-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.machine-card__name{font-size:14.5px;font-weight:600}.machine-card__meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12.5px;display:flex}.machine-card--static .machine-card__name{color:var(--text)}.lock-icon{color:var(--muted);font-size:15px}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.filter-bar .input--select{width:auto;min-width:160px}.empty-state{color:var(--muted);padding:16px 0;font-style:italic}.muted{color:var(--muted);font-size:13px}.badge{letter-spacing:.01em;text-transform:capitalize;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge--neutral{color:var(--text-soft);background:#f0f2f5;border-color:#e2e5ea}.badge--info{background:var(--info-soft);color:var(--primary);border-color:#d6dffb}.badge--success{background:var(--success-soft);color:var(--success);border-color:#cdeeda}.badge--warning{background:var(--warning-soft);color:var(--warning);border-color:#f3e2bd}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:#f5d0cd}.badge--muted{border-color:var(--border);color:var(--muted);background:0 0}.badge--inline{position:relative;top:-1px}.alert{border-radius:var(--radius-sm);margin:0 0 14px;padding:10px 14px;font-size:13.5px}.alert--error{background:var(--danger-soft);color:var(--danger);border:1px solid #f5d0cd}.alert--success{background:var(--success-soft);color:var(--success);border:1px solid #cdeeda}.checklist{margin:12px 0;padding-left:2px}.check-row{cursor:pointer;align-items:center;gap:8px;padding:7px 0;font-size:14px;display:flex}.check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.is-done{color:var(--muted);text-decoration:line-through}.nested-card{border:1px dashed var(--hover-border);border-radius:var(--radius);background:var(--soft);margin:12px 0 0;padding:14px}.meta-chip{background:var(--soft-2);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;margin:2px 4px 2px 0;padding:3px 10px;font-size:12px;display:inline-block}.modal-backdrop{z-index:100;background:#141a2273;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:10px;width:100%;max-width:460px;padding:20px;box-shadow:0 12px 32px #141a222e}.modal__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal__title{margin:0 0 4px;font-size:18px}.modal__subtitle{color:var(--muted);margin:0;font-size:13.5px}.modal__close{border:1px solid var(--border);background:var(--card);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--muted);font-size:14px;line-height:1}.modal__close:hover{color:var(--danger);border-color:var(--danger)}.modal__actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.login-page{background:#fff;grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-split__left{color:#fff;background:radial-gradient(900px 460px at 88% 8%,#ffffff29,#0000 60%),radial-gradient(700px 360px at 4% 92%,#ffffff1f,#0000 60%),linear-gradient(150deg,#123f9e 0%,#2d6aef 58%,#4b86f5 100%);flex-direction:column;justify-content:space-between;gap:36px;padding:56px 52px;display:flex;position:relative;overflow:hidden}.login-split__left:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.login-brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.login-mark{color:#1a4bc4;background:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #09287047}.login-mark--sm{border-radius:11px;width:40px;height:40px;font-size:18px;box-shadow:0 4px 12px #09287029}.login-logo{letter-spacing:-.02em;color:#fff;margin:0;font-size:30px;font-weight:700}.login-tagline{color:#ffffffd1;margin:0;font-size:14px}.login-hero{color:#fffffff5;max-width:440px;margin:0;font-size:17.5px;font-weight:500;line-height:1.55}.login-hero-area{z-index:1;flex-direction:column;gap:28px;display:flex;position:relative}.login-foot-wrap{z-index:1;position:relative}.login-quote{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:12px;padding:16px 18px}.login-quote p{color:#fff;margin:0 0 12px;font-size:13.5px;line-height:1.55}.login-quote__author{align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.login-quote__avatar{background:#ffffff47;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:inline-flex}.login-quote__who{color:#ffffffd9}.login-foot{color:#ffffff9e;margin:16px 2px 0;font-size:12px}.login-features{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.login-features li{color:#fff;align-items:center;gap:12px;font-size:14.5px;font-weight:500;display:flex}.login-features__icon{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.login-split__right{background:#f6f8fb;justify-content:center;align-items:center;padding:40px;display:flex}.login-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:34px 32px 26px;display:flex;box-shadow:0 12px 44px #141a2217}.login-card__head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-card__title{letter-spacing:-.01em;color:var(--text);margin:0 0 2px;font-size:22px}.login-card__subtitle{color:var(--muted);margin:0;font-size:13.5px}.login-card__foot{text-align:center;color:var(--muted);margin:2px 0 0;font-size:12px}.input-wrap{display:block;position:relative}.input-wrap .input{padding-left:38px}.input-wrap__icon{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media (width<=920px){.login-page{display:block}.login-split__left{gap:26px;padding:36px 24px}.login-split__left .login-hero{font-size:15px}.login-split__left .login-features,.login-split__left .login-quote{display:none}.login-split__right{min-height:60vh;padding:28px 20px}}.dash-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.dash-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:18px}.dash-section .section-title{margin:0 0 14px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:14px 16px}.kpi--primary .kpi__value{color:var(--primary)}.kpi--success .kpi__value{color:var(--success)}.kpi--money .kpi__value{color:var(--text)}.kpi__label{color:var(--muted);margin-bottom:6px;font-size:12.5px;font-weight:500}.kpi__value{letter-spacing:-.01em;color:var(--text);font-size:22px;font-weight:700;line-height:1.2}.kpi__sub{color:var(--muted);margin-top:4px;font-size:12.5px}.chart-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:16px 18px 14px}.chart-card__title{color:var(--text-soft);margin:0 0 12px;font-size:13px;font-weight:600}.charts-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:14px;display:grid}.donut-wrap{align-items:center;gap:24px;display:flex}.donut{flex-shrink:0;width:160px;height:160px;position:relative}.donut svg{transform:rotate(-90deg)}.donut__center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.donut__center strong{color:var(--text);font-size:20px;font-weight:700}.donut__center span{color:var(--muted);font-size:11px}.donut-legend{flex-direction:column;gap:8px;min-width:0;display:flex}.donut-legend__row{color:var(--text-soft);align-items:center;gap:10px;font-size:13px;display:flex}.donut-legend__dot{border-radius:3px;flex-shrink:0;width:11px;height:11px}.donut-legend__count{color:var(--text);margin-left:auto;font-weight:600}.chart-card__legend{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.legend-dot--inflow{background:var(--primary);margin-left:8px}.legend-dot--outflow{background:var(--soft-2);border:1px solid var(--border);margin-left:8px}.chart{align-items:flex-end;gap:8px;height:200px;display:flex}.chart__col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.chart__bars{flex:1;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.chart__bar{background:var(--primary);border-radius:3px 3px 0 0;width:28%;min-height:2px;transition:height .3s}.chart__bar--inflow{background:var(--primary)}.chart__bar--outflow{background:var(--soft-2)}.chart__month{color:var(--muted);font-size:11px}.recent-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.recent-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:14px 16px}.recent-card h3{color:var(--text-soft);margin:0 0 10px;font-size:13px;font-weight:600}.recent-row{border-bottom:1px solid #f1f3f6;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;font-size:13px;display:flex}.recent-row:last-child{border-bottom:none}.recent-row__name{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-row__value{color:var(--text);flex-shrink:0;font-weight:600}.tab-bar{border-bottom:2px solid var(--border);margin-bottom:24px;display:flex}.tab-bar__btn{cursor:pointer;font-family:var(--font);color:var(--text-soft);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:9px 22px;font-size:13.5px;font-weight:500;transition:color .12s,border-color .12s}.tab-bar__btn.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);margin:20px 0 12px;padding-bottom:8px;font-size:11px;font-weight:700}.section-label:first-child{margin-top:0}.nav-group{flex-direction:column;display:flex}.nav-group__trigger{text-align:left;cursor:pointer;width:100%;font-family:var(--font);border-radius:var(--radius-sm);color:var(--text-soft);white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-group__trigger:hover{background:var(--soft);color:var(--text)}.nav-group__trigger.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-group__trigger span{flex:1}.nav-group__children{border-left:2px solid var(--border);flex-direction:column;gap:1px;margin:2px 0 4px 10px;padding-left:12px;display:flex}.nav-sub__link{border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-sub__link:hover{background:var(--soft);color:var(--text)}.nav-sub__link.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-subgroup{flex-direction:column;display:flex}.nav-subgroup__children{border-left:2px solid var(--border);flex-direction:column;gap:1px;margin:2px 0 2px 10px;padding-left:10px;display:flex}.nav-subsub__link{border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding:5px 8px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-subsub__link:hover{background:var(--soft);color:var(--text)}.nav-subsub__link.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}:root[data-theme=dark] .dashboard-layout__brand-mark{box-shadow:0 2px 10px #3574f073}:root[data-theme=dark] .badge--neutral{background:var(--soft-2);border-color:var(--border)}:root[data-theme=dark] .badge--info{color:#8ab0ff;background:#3574f029;border-color:#3574f059}:root[data-theme=dark] .badge--success{color:#6ee7a0;background:#4ade8024;border-color:#4ade804d}:root[data-theme=dark] .badge--warning{color:#fcd069;background:#fbbf2424;border-color:#fbbf244d}:root[data-theme=dark] .badge--danger{color:#fca5a5;background:#f8717124;border-color:#f871714d}:root[data-theme=dark] .kpi--success .kpi__value{color:#6ee7a0}:root[data-theme=dark] .alert--error{color:#fca5a5}:root[data-theme=dark] .alert--success{color:#86efac}:root[data-theme=dark] .machine-card:hover{box-shadow:0 2px 8px #00000059}:root[data-theme=dark] .btn--danger{border-color:#f8717166}:root[data-theme=dark] .chart__bar--outflow{border-color:var(--border);background:#ffffff1a}:root[data-theme=dark] .input{border-color:var(--input-border);color:var(--text);background:#1c2637}:root[data-theme=dark] .input:focus{border-color:var(--primary);background:#1f2d42;box-shadow:0 0 0 3px #3574f038}:root[data-theme=dark] .input::placeholder{color:#5a6a82}:root[data-theme=dark] .input--select option{color:var(--text);background:#1c2637}:root[data-theme=dark] .login-split__right{background:#0e1420}:root[data-theme=dark] .login-card{background:var(--card);border-color:var(--border);box-shadow:0 12px 44px #0006}:root[data-theme=dark] .recent-row{border-bottom-color:var(--border)}.cust-split{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);align-items:flex-start;gap:0;min-height:520px;display:flex;overflow:hidden}.cust-split__left{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:340px;min-width:280px;height:calc(100vh - 200px);min-height:480px;display:flex}.cust-list__head{border-bottom:1px solid var(--border);background:var(--soft);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.cust-list__search{border-bottom:1px solid var(--border);padding:10px 14px}.cust-list__search .input{box-sizing:border-box;width:100%}.cust-list__body{flex:1;overflow-y:auto}.cust-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .12s;display:flex}.cust-row:hover{background:var(--soft)}.cust-row.is-selected{background:var(--primary-soft);border-left:3px solid var(--primary);padding-left:11px}.cust-row input[type=checkbox]{accent-color:var(--primary);flex-shrink:0}.cust-split__right{flex-direction:column;flex:1;min-width:0;height:calc(100vh - 200px);min-height:480px;display:flex}.detail-panel{flex-direction:column;height:100%;display:flex}.detail-panel__head{border-bottom:1px solid var(--border);background:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.detail-panel__head-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.detail-tabs{border-bottom:1px solid var(--border);gap:0;padding:0 20px;display:flex}.detail-tab{cursor:pointer;font-family:var(--font);color:var(--text-soft);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500;transition:color .12s,border-color .12s}.detail-tab:hover{color:var(--text)}.detail-tab.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.detail-content{flex:1;padding:20px;overflow-y:auto}.overview-grid{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.info-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);margin-bottom:16px;overflow:hidden}.info-card__head{background:var(--soft);letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11.5px;font-weight:700;display:flex}.info-card__head--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.info-card__head--clickable:hover{background:var(--soft-2)}.info-card__body{padding:14px 16px;font-size:13.5px;line-height:1.55}.detail-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.detail-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:100;min-width:160px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}.detail-dropdown button{text-align:left;cursor:pointer;width:100%;font-family:var(--font);color:var(--text);background:0 0;border:none;padding:8px 14px;font-size:13px;transition:background .1s;display:block}.detail-dropdown button:hover{background:var(--soft)}.cust-filter-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;font-family:var(--font);color:var(--text-soft);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:border-color .12s;display:inline-flex}.cust-filter-btn:hover{border-color:var(--primary);color:var(--text)}.income-bar{align-items:flex-end;gap:6px;height:110px;display:flex}.income-bar__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.income-bar__bar{background:var(--primary);border-radius:3px 3px 0 0;width:80%;min-height:2px;transition:height .3s}.timeline-list{padding-left:20px;position:relative}.timeline-list:before{content:"";background:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:5px}.timeline-item{margin-bottom:14px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item__dot{background:var(--primary);border:2px solid var(--card);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-20px}.timeline-item__time{color:var(--muted);margin-bottom:3px;font-size:11.5px}.timeline-item__card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:10px 12px;font-size:13px}@media (width<=900px){.cust-split{flex-direction:column}.cust-split__left{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;max-height:260px}.cust-split__right{height:auto;min-height:400px}.overview-grid{grid-template-columns:1fr}}.cust-table{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.cust-table__bar{border-bottom:1px solid var(--border);background:var(--soft);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.cust-table__bulk{border-bottom:1px solid var(--border);background:var(--primary-soft);align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.cust-name-link{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none}.cust-name-link:hover{text-decoration:underline}.cust-help-rail{border:1px solid var(--border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--card);z-index:60;flex-direction:column;display:flex;position:fixed;top:50%;right:0;overflow:hidden;transform:translateY(-50%);box-shadow:0 4px 16px #00000014}.cust-help-rail button{cursor:pointer;width:36px;height:36px;color:var(--text-soft);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:background .12s,color .12s;display:flex}.cust-help-rail button:hover{background:var(--soft);color:var(--primary)}.cust-help-rail button+button{border-top:1px solid var(--border)}.quote-no-link{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none}.quote-no-link:hover{text-decoration:underline}.qlist-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:5px;padding:10px 14px;transition:background .12s;display:flex}.qlist-row:hover{background:var(--soft)}.qlist-row.is-selected{background:var(--primary-soft);border-left:3px solid var(--primary);padding-left:11px}.qlist-row__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.qlist-row__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.qlist-row__amt{color:var(--text-soft);flex-shrink:0;font-size:12px;font-weight:700}.qlist-row__sub{align-items:center;gap:8px;display:flex}.qlist-row__no{color:var(--primary);font-size:12px;font-weight:700}.qlist-row__date{color:var(--muted);font-size:12px}.quote-banner{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#4360f617,#10b98112);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.quote-banner__title{letter-spacing:.02em;font-size:13px;font-weight:800}.quote-banner__text{color:var(--text-soft);margin-top:2px;font-size:12.5px}.seg-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;display:inline-flex;overflow:hidden}.seg-toggle button{cursor:pointer;font-family:var(--font);color:var(--text-soft);background:0 0;border:none;padding:5px 12px;font-size:12px;font-weight:600}.seg-toggle button+button{border-left:1px solid var(--border)}.seg-toggle button.is-active{background:var(--primary);color:#fff}.quote-detail{max-width:880px}.quote-detail__top{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;padding:4px 0 18px;display:flex}.quote-meta-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.quote-meta-grid{grid-template-columns:1fr}}.quote-meta-row{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13px;display:flex}.quote-meta-row+.quote-meta-row{border-top:1px dashed var(--border)}.quote-meta-row__label{color:var(--muted);flex-shrink:0;font-size:12px}.quote-meta-row__value{text-align:right;word-break:break-word;font-weight:600}.quote-template-btn{cursor:pointer;font-family:var(--font);color:var(--text);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.quote-template-btn:hover{color:var(--primary)}.quote-addr-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}@media (width<=900px){.quote-addr-grid{grid-template-columns:1fr}}.quote-addr-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--soft);padding:10px 12px}.quote-addr-box__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin-bottom:4px;font-size:11px;font-weight:700}.quote-addr-box__text{color:var(--text);white-space:pre-line;font-size:12.5px}.quote-items-table{border-collapse:collapse;width:100%;font-size:13px}.quote-items-table thead th{text-align:left;background:var(--soft);text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);border-bottom:1px solid var(--border);padding:9px 14px;font-size:11px;font-weight:700}.quote-items-table tbody td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:9px 14px}.quote-items-table tbody tr:last-child td{border-bottom:none}.quote-items-table .quote-item-name{font-weight:600}.quote-totals{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:flex-end;margin:0 0 16px;padding:12px 16px;display:flex}.quote-totals__row{justify-content:space-between;gap:40px;min-width:260px;padding:4px 0;font-size:13px;display:flex}.quote-totals__row--total{border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:15px;font-weight:800}.chip{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:999px;align-items:center;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.quote-terms{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);margin-top:20px;padding:14px 16px;font-size:13px;line-height:1.55}.quote-terms__head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin-bottom:8px;font-size:11px;font-weight:700}.activity-ico{background:var(--soft);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.quote-pdf{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);max-width:820px;margin:0 auto;padding:32px 36px;box-shadow:0 2px 12px #0000000d}@media print{.quote-pdf{box-shadow:none;border:none;max-width:100%}}.vform{max-width:1080px;position:relative}.vform__banner{background:var(--primary-soft);border-radius:var(--radius-sm);border:1px solid var(--hover-border,var(--border));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.vform__banner-text{color:var(--text-soft);flex:1;min-width:260px;font-size:13px}.vprefill-btn{flex-shrink:0;font-weight:600;color:var(--primary)!important}.vform__gst-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px;display:flex}.vform__gst-row .field{flex:1;min-width:260px}.vform__gst-actions{gap:8px;padding-bottom:4px;display:flex}.cc-group{gap:6px;display:flex}.cc-group__code{flex-shrink:0;width:80px}.cc-group__cur{color:var(--muted);align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.check-row{cursor:pointer;color:var(--text);align-items:center;gap:8px;padding-top:6px;font-size:13.5px;display:flex}.check-row input{accent-color:var(--primary);width:16px;height:16px}.panel__bordered{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:14px}.vaddr-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.vaddr-grid{grid-template-columns:1fr}}.vaddr-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.vaddr-half{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vupload-btn{background:#fff;border-radius:999px}.vupload-caret{border-radius:999px;padding-left:6px;padding-right:6px}.vdocs{flex-direction:column;gap:6px;max-width:640px;margin-top:10px;display:flex}.vdocs__item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--soft);align-items:center;gap:8px;padding:8px 10px;display:flex}.vdocs__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.vdocs__size{color:var(--muted);flex-shrink:0;font-size:12px}.vbank-empty{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--soft);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13.5px;display:flex}.vbank-empty__icon{color:var(--primary)}.vbank-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.vbank-row__main{flex:1;min-width:0}.vform-actions{z-index:20;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:#ffffffeb;align-items:center;gap:10px;margin:28px -18px -18px;padding:14px 18px;display:flex;position:sticky;bottom:0}:root[data-theme=dark] .vform-actions{background:#0f172aeb}.placeholder{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.placeholder__icon{background:var(--soft);border:1px solid var(--border);width:56px;height:56px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.placeholder__title{margin:0;font-size:17px;font-weight:700}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.recent-grid,.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-layout__sidebar{box-shadow:none;transition:transform .25s;transform:translate(-100%)}.dashboard-layout--mobile-open .dashboard-layout__sidebar{transform:translate(0);box-shadow:4px 0 24px #0f172a2e}.dashboard-layout__overlay{display:block}.dashboard-layout__main{width:100%;margin-left:0}.dashboard-layout__header{display:flex}.dashboard-layout__content{padding:20px 16px}.page,.page--wide{width:100%;max-width:100%}}@media (width<=680px){.form-grid--2,.form-grid--3,.form-grid--4,.form-row--grid,.kpi-grid{grid-template-columns:1fr}.dash-head{flex-direction:column}.form-grid{gap:12px}}.ef-shell{padding-bottom:18px}.ef-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.ef-title{margin:0;font-size:15px;font-weight:700}.ef-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.ef-main{min-width:0}.ef-card{gap:16px;display:grid}.ef-divider{background:var(--border);height:1px;margin:18px 0}.ef-side{position:sticky;top:12px}.ef-actions{z-index:20;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:#ffffffeb;align-items:center;gap:10px;margin:22px -22px -18px;padding:14px 22px;display:flex;position:sticky;bottom:0}:root[data-theme=dark] .ef-actions{background:#0f172aeb}.ef-itemize{cursor:pointer;color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;margin-top:8px;padding:2px 0;font-size:12.5px;font-weight:600;display:inline-flex}.ef-note-count{text-align:right;margin-top:4px;font-size:11px}.form-field__label{color:var(--text-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field__req{color:var(--danger)}.itemize-box{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--soft);gap:8px;margin-top:10px;padding:12px;display:grid}.itemize-row{grid-template-columns:minmax(0,1fr) 190px 30px;align-items:center;gap:8px;display:grid}.itemize-row--foot{justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.itemize-row__amt{position:relative}.input--prefix{color:var(--muted);pointer-events:none;z-index:1;font-size:12px;font-weight:600;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.itemize-row__amt .input{text-align:right;padding-left:30px}.itemize-total{font-size:13px;font-weight:700}.ssel{position:relative}.ssel__search{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;padding:4px;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ssel__search:hover{color:var(--primary)}.ssel__filter{z-index:30;box-shadow:var(--shadow-sm,0 6px 18px #0000001f);position:absolute;top:calc(100% + 2px);left:0;right:0}.receipt-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:14px}.receipt-drop{border:1.5px dashed var(--border);border-radius:var(--radius);text-align:center;padding:22px 16px;transition:border-color .15s,background .15s}.receipt-drop.is-drag{border-color:var(--primary);background:var(--primary-soft)}.receipt-drop__icon{color:var(--muted);margin-bottom:8px}.receipt-drop__title{margin:0;font-size:13.5px;font-weight:700}.receipt-drop__sub{color:var(--muted);margin:4px 0 12px;font-size:12px}.vupload-wrap{align-items:center;gap:4px;display:inline-flex;position:relative}.vupload-menu{z-index:30;background:var(--card,#fff);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:170px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001f}.vupload-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px;display:block}.vupload-menu button:hover{background:var(--soft)}.vupload-menu button.is-disabled{color:var(--muted);cursor:default}.receipt-card__hint{font-size:11.5px}.vdocs__rm{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;padding:2px;display:inline-flex}.vdocs__rm:hover{color:var(--danger)}.apicker{position:relative}.apicker__trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);align-items:center;transition:border-color .15s;display:flex}.apicker__trigger.is-open{border-color:var(--primary)}.apicker__input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:8px 10px;font-size:13.5px}.apicker__input::placeholder{color:var(--muted)}.apicker__caret{color:var(--muted);justify-content:center;align-items:center;padding:0 10px;transition:transform .15s;display:inline-flex}.apicker__caret.is-open{color:var(--primary);transform:rotate(180deg)}.apicker__panel{z-index:40;background:var(--card,#fff);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:240px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000021}.apicker__row{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:6px;align-items:baseline;gap:8px;padding:7px 9px;font-size:13px;display:flex}.apicker__row:hover{background:var(--soft)}.apicker__row.is-active{background:var(--primary-soft)}.apicker__row-name{font-weight:600}.apicker__row-parent{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:11.5px}.apicker__empty{text-align:center;color:var(--muted);padding:10px;font-size:13px}.apicker__add{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--primary);border:0;border-top:1px solid var(--border);background:0 0;margin-top:4px;padding:8px 9px;font-size:12.5px;display:block}.coa-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.coa-tree{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.coa-node{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:44px;padding:11px 14px;display:flex}.coa-node:last-child{border-bottom:0}.coa-node:hover{background:var(--soft)}.coa-node__name{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:6px;min-width:0;font-size:13.5px;font-weight:600;display:inline-flex;overflow:hidden}.coa-node__caret{color:var(--muted);flex-shrink:0;width:12px;font-size:10px}.coa-node__caret--empty{visibility:hidden}.coa-node__sub{color:var(--muted);font-size:11.5px;font-weight:500}.coa-node__type{color:var(--text-soft);background:var(--soft);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.po-form{padding-bottom:26px}.po-dropdown{z-index:30;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:220px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #141a221f}.po-addr-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-top:18px;padding:14px 16px}.po-addr-preview{background:var(--soft);border:1px dashed var(--border);border-radius:var(--radius-sm);min-height:42px;padding:10px 14px}.po-addr-edit{padding:4px 0 2px}.po-items-head{grid-template-columns:30px 22px 1fr 190px 80px 110px 110px 30px;gap:8px;margin-bottom:6px;padding:0 2px;display:grid}.po-items-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.po-items-body{flex-direction:column;gap:6px;display:flex}.po-item-row{border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:30px 22px 1fr 190px 80px 110px 110px 30px;align-items:start;gap:8px;padding:4px 2px;display:grid}.po-item-row.is-dragging{border:1px dashed var(--primary)}.po-item-row.is-selected{background:var(--primary-soft)}.po-item-desc{margin-top:6px}.po-item-amount{text-align:right;padding-top:9px;font-size:13px;font-weight:600}.po-totals-wrap{grid-template-columns:minmax(0,340px) 1fr;align-items:start;gap:40px;display:grid}.po-totals-left{grid-template-columns:1fr 1fr 1fr;align-content:start;gap:12px;display:grid}.po-totals-right{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);justify-self:end;min-width:320px;padding:14px 16px}.po-totals-row{color:var(--text);justify-content:space-between;align-items:center;padding:4px 0;font-size:13.5px;display:flex}.po-totals-row>span:first-child{color:var(--muted)}.po-totals-row>span:last-child{font-weight:600}.po-totals-row--total{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.po-totals-row--total>span:first-child{color:var(--text);font-size:15px;font-weight:700}.po-totals-row--total>span:last-child{color:var(--primary);font-size:17px;font-weight:800}.po-template-row{align-items:center;gap:10px;margin-top:18px;display:flex}@media (width<=1100px){.ef-grid{grid-template-columns:1fr}.ef-side{position:static}.po-items-head,.po-item-row{grid-template-columns:30px 22px minmax(160px,1fr) 140px 70px 90px 90px 28px}.po-totals-wrap{grid-template-columns:1fr}.po-totals-right{justify-self:stretch}}@media (width<=720px){.itemize-row{grid-template-columns:1fr 120px 28px}.po-items-head,.po-item-row{grid-template-columns:30px 22px 1fr}.po-items-head span:nth-child(n+3){display:none}}.zoho-panel{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:32px!important;box-shadow:0 1px 3px #0000000d!important}.zoho-panel .panel__form-head{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:16px}.zoho-panel .panel__form-title{color:#333;font-size:20px;font-weight:500}.zoho-flex-grid{flex-wrap:wrap;margin-bottom:24px;gap:24px!important;display:flex!important}@media (width>=768px){.zoho-flex-grid{flex-direction:column}.zoho-flex-grid .field{flex-direction:row;align-items:center}.zoho-flex-grid .field__label{flex-shrink:0;width:220px;margin-bottom:0;font-weight:500}.zoho-flex-grid .input,.zoho-flex-grid .input-wrap,.zoho-flex-grid .cc-group{flex:1;max-width:450px}}:root{--font:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#6366f1;--primary-hover:#4f46e5;--primary-soft:#e0e7ff;--accent:#8b5cf6;--success:#10b981;--success-soft:#d1fae5;--danger:#ef4444;--danger-soft:#fee2e2;--warning:#f59e0b;--warning-soft:#fef3c7;--info:#3b82f6;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text-main:#334155;--text-heading:#0f172a;--text-muted:#64748b;--sidebar-bg:#0b1120;--sidebar-border:#ffffff0d;--sidebar-text:#94a3b8;--sidebar-hover-bg:#ffffff0d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000008;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #00000008;--shadow-hover:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body,html,#root{font-family:var(--font)!important;background-color:var(--bg)!important;color:var(--text-main)!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizelegibility!important;letter-spacing:-.015em!important}*,button,input,select,textarea,h1,h2,h3,h4,h5,h6,.page,.card,table{font-family:var(--font)!important}.page__title,.page h1,.dashboard-layout__content h1{letter-spacing:-.01em!important;color:var(--color-text-primary)!important;-webkit-text-fill-color:initial!important;background:0 0!important;margin-bottom:8px!important;font-size:24px!important;font-weight:600!important}.page__subtitle,.text-muted{color:var(--text-muted)!important;margin-bottom:32px!important;font-size:15px!important;font-weight:400!important;line-height:1.6!important}.page__header{justify-content:space-between;align-items:flex-end;display:flex;margin-top:16px!important;margin-bottom:32px!important}.dashboard-layout{background:var(--bg)!important}.dashboard-layout__sidebar{background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important;color:var(--sidebar-text)!important;box-shadow:inset -1px 0 #0000001a!important}.dashboard-layout__nav{-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.dashboard-layout__nav::-webkit-scrollbar{display:none}.dashboard-layout__content{overflow-y:auto}.dashboard-layout__content::-webkit-scrollbar{width:6px;height:6px}.dashboard-layout__content::-webkit-scrollbar-track{background:0 0}.dashboard-layout__content::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}.dashboard-layout__content::-webkit-scrollbar-thumb:hover{background:#94a3b880}.dashboard-layout__brand{border-bottom:1px solid var(--sidebar-border)!important;padding:28px 24px!important}.dashboard-layout__brand-name{color:#fff!important;letter-spacing:-.03em!important;font-size:18px!important;font-weight:800!important}.dashboard-layout__brand-name span{color:var(--primary)!important}.dashboard-layout__link{position:relative;border-radius:var(--radius-sm)!important;color:var(--sidebar-text)!important;align-items:center!important;gap:12px!important;margin:4px 12px!important;padding:10px 14px!important;font-size:14.5px!important;font-weight:400!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.dashboard-layout__link>svg:first-child{flex-shrink:0!important;width:20px!important;min-width:20px!important;height:20px!important}.dashboard-layout__link>svg:last-child{opacity:.5;margin-left:auto!important}.dashboard-layout__link:hover{transform:translate(4px);background:var(--sidebar-hover-bg)!important;color:#f8fafc!important}.dashboard-layout__link.is-active{color:#c7d2fe!important;background:linear-gradient(90deg,#6366f12e 0%,#6366f108 100%)!important;border-left:3px solid #6366f1!important;padding-left:10px!important;font-weight:600!important;box-shadow:inset 1px 0 #6366f14d!important}.dashboard-layout__link.is-active>svg:last-child{opacity:1}.dashboard-layout__link.is-active:before{display:none!important}.dashboard-layout__footer{flex-direction:column;gap:16px;display:flex;border-top:1px solid var(--sidebar-border)!important;padding:20px 24px 28px!important}.dashboard-layout__user-info{flex-direction:column;align-items:center;gap:4px;display:flex}.dashboard-layout__user-label{color:var(--sidebar-text)!important;letter-spacing:.05em!important;font-size:11px!important;font-weight:600!important}.dashboard-layout__user-name{color:#fff!important;font-size:14px!important;font-weight:600!important}.btn--logout{cursor:pointer;background:var(--surface)!important;color:var(--text-heading)!important;border-radius:var(--radius-md)!important;border:none!important;justify-content:center!important;width:100%!important;padding:10px!important;font-weight:600!important;transition:all .2s!important;box-shadow:0 4px 12px #0000001a!important}.btn--logout:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003!important}.dashboard-layout__main{background:var(--bg)!important;height:100vh!important;min-height:0!important;margin-left:var(--sidebar-width,240px)!important;width:calc(100% - var(--sidebar-width,240px))!important;flex-direction:column!important;min-width:0!important;display:flex!important;overflow:hidden!important}.is-collapsed .dashboard-layout__main{width:calc(100% - 74px)!important;margin-left:74px!important}.dashboard-layout__header{background:var(--color-bg-card)!important;border-bottom:1px solid var(--color-border-light)!important;z-index:100!important;box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;height:64px!important;padding:0 24px!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 1px 2px #00000008!important}@media (width<=768px){.dashboard-layout__header{padding:0 16px!important}}.dashboard-layout__content{background:var(--color-bg-page)!important;box-sizing:border-box!important;flex:1!important;width:100%!important;height:calc(100vh - 64px)!important;min-height:0!important;padding:24px!important;overflow:hidden auto!important}@media (width<=768px){.dashboard-layout__content{padding:16px 12px 48px!important}}.card,.zoho-panel,.pr-card,.sectioned-form{background:var(--color-bg-card)!important;border-radius:var(--radius-card)!important;border:1px solid var(--color-border-light)!important;box-shadow:var(--shadow-card)!important;max-width:100%!important;margin-bottom:20px!important;padding:20px!important;transition:box-shadow .2s,border-color .2s!important}.card:hover,.zoho-panel:hover,.pr-card:hover{box-shadow:var(--shadow-card-hover)!important;border-color:var(--color-border)!important}.pr-card__head{border-bottom:1px solid var(--border)!important;margin-bottom:20px!important;padding-bottom:20px!important}.table-responsive{border:1px solid var(--color-border-light)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-card)!important;background:var(--color-bg-card)!important;-webkit-overflow-scrolling:touch!important;margin-top:16px!important;overflow-x:auto!important}.table{border-collapse:collapse!important;width:100%!important}.table th{color:var(--color-text-secondary)!important;text-transform:uppercase!important;letter-spacing:.03em!important;border-bottom:1px solid var(--color-border-light)!important;white-space:nowrap!important;text-align:left!important;background:#f9fafb!important;border-top:none!important;border-left:none!important;border-right:none!important;padding:12px 18px!important;font-size:12px!important;font-weight:600!important}.table td{border-bottom:1px solid var(--color-border-light)!important;color:var(--color-text-primary)!important;vertical-align:middle!important;background:#fff!important;border-top:none!important;border-left:none!important;border-right:none!important;padding:12px 18px!important;font-size:13.5px!important;transition:background .15s!important}.table tr:last-child td{border-bottom:none!important}.table tr:hover td{background:var(--color-primary-light)!important}.page__body form,.form-container,.sectioned-form{max-width:100%!important}label,.field__label{color:var(--color-text-secondary)!important;margin-bottom:6px!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important;display:block!important}label .req,label span[style*=red],.field__label[style*=red]{color:var(--color-danger)!important;font-weight:700!important}.input,select,textarea,.btn{box-sizing:border-box!important}.input,select,input[type=text],input[type=date],input[type=time],input[type=number],input[type=email],input[type=password]{border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text-primary);box-sizing:border-box;background:#fff;width:100%;height:38px;padding:0 12px;font-size:13.5px;line-height:36px;transition:all .15s;box-shadow:0 1px 2px #00000008}.login-input-box input,.search-wrap input,.cust-search-wrap input,.dc-search-wrap input,.item-search-wrap input,.pr-search-wrap input,.po-search-wrap input,.table-search input,.filter-search input,.search-input,.dc-search-input,.item-search-input,.cust-search-input,.has-icon-left,.input-with-icon{padding-left:42px!important}div[style*=relative]:has(>span[style*=absolute]) input{padding-left:42px!important}div[style*=relative]:has(>svg[style*=absolute]) input{padding-left:42px!important}.input:hover,select:hover,input[type=text]:hover,input[type=date]:hover,input[type=time]:hover{border-color:#94a3b8!important}.input-compact,.table-input,.table-cell-input,table .input,table input[type=text],table input[type=number],table input[type=date],table input[type=time]{box-sizing:border-box!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:6px!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:12.5px!important;line-height:32px!important}select.input-compact,select.table-input,select.table-cell-input,table select.input,table select{appearance:none!important;box-sizing:border-box!important;cursor:pointer!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;border:1.5px solid #cbd5e1!important;border-radius:6px!important;height:34px!important;min-height:34px!important;padding:0 28px 0 10px!important;font-size:12.5px!important;line-height:normal!important}textarea{resize:vertical;width:100%;color:var(--text-heading)!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;min-height:80px!important;padding:10px 13px!important;font-size:13.5px!important;line-height:1.5!important;transition:all .15s!important;box-shadow:0 1px 2px #00000008!important}textarea:hover{border-color:#94a3b8!important}select,.input--select{color:#0f172a;background-color:#fff;appearance:none!important;cursor:pointer!important;box-sizing:border-box!important;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='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:calc(100% - 12px)!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding:0 36px 0 12px!important;line-height:normal!important}select:focus,.input--select:focus{background-color:#fff;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='%236366f1' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important}.machine-dark-console select,.machine-dark-select,.machine-dark-select:focus,.machine-dark-console select:focus{color:#f8fafc!important;background-color:#0d1527!important;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='%2338bdf8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:calc(100% - 12px)!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border:1.5px solid #38bdf8!important}.machine-dark-console select option,.machine-dark-select option{color:#f8fafc!important;background-color:#0f172a!important;padding:8px 12px!important}.input:focus,textarea:focus,input[type=text]:focus,input[type=date]:focus,input[type=time]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,table .input:focus,table select:focus{border:2px solid var(--color-primary)!important;background-color:#fff!important;outline:none!important;box-shadow:0 0 0 3px #1e88e526!important}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;max-width:100%;display:grid;gap:16px 20px!important;margin-bottom:20px!important}.modal-overlay{-webkit-backdrop-filter:blur(5px)!important;z-index:9999!important;background:#0f172a99!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-content{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;flex-direction:column!important;max-height:90vh!important;animation:.25s cubic-bezier(.16,1,.3,1) fadeUp!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important}.btn{cursor:pointer!important;letter-spacing:.01em!important;-webkit-user-select:none!important;user-select:none!important;border:1px solid #0000!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:40px!important;padding:0 18px!important;font-size:13.5px!important;font-weight:600!important;transition:all .15s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.btn:active{transform:scale(.98)!important}.btn--sm{border-radius:6px!important;height:32px!important;padding:0 12px!important;font-size:12.5px!important}.btn--xs{border-radius:6px!important;height:28px!important;padding:0 8px!important;font-size:11.5px!important}.btn--primary{background:var(--color-primary)!important;color:#fff!important;border:1px solid var(--color-primary)!important;border-radius:var(--radius-button)!important;font-weight:500!important;transition:background .15s,border-color .15s!important;box-shadow:0 1px 2px #0000000d!important}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important;transform:none!important;box-shadow:0 2px 4px #0000001a!important}.btn--outline,.btn--secondary{border:1px solid var(--color-border)!important;border-radius:var(--radius-button)!important;color:var(--color-text-primary)!important;background:#fff!important;font-weight:500!important;transition:all .15s!important;box-shadow:0 1px 2px #00000008!important}.btn--outline:hover:not(:disabled),.btn--secondary:hover:not(:disabled){border-color:var(--color-border)!important;background:var(--color-bg-page)!important;color:var(--color-text-primary)!important;transform:none!important}.btn--ghost{color:var(--color-text-muted)!important;background:0 0!important;border:1px solid #0000!important}.btn--ghost:hover{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.btn--danger{border:1px solid var(--color-danger)!important;border-radius:var(--radius-button)!important;color:var(--color-danger)!important;box-shadow:none!important;background:#fff!important;font-weight:500!important;transition:all .15s!important}.btn--danger:hover:not(:disabled){background:var(--color-danger)!important;color:#fff!important;transform:none!important}.tab-bar{border-radius:var(--radius-md)!important;border:1px solid var(--border)!important;background:#f1f5f9!important;gap:4px!important;margin-bottom:32px!important;padding:6px!important;display:inline-flex!important}.tab-bar__btn{color:var(--text-muted)!important;border-radius:var(--radius-sm)!important;background:0 0!important;border:none!important;padding:10px 24px!important;font-size:14px!important;font-weight:600!important;transition:all .25s!important}.tab-bar__btn:hover{color:var(--text-main)!important}.tab-bar__btn.is-active{background:var(--surface)!important;color:var(--primary)!important;box-shadow:var(--shadow-sm)!important}.badge{border-radius:var(--radius-badge)!important;letter-spacing:.01em!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px 10px!important;font-size:12px!important;font-weight:500!important;line-height:1.3!important;display:inline-flex!important}.badge--success{background:var(--color-success-bg)!important;color:#15803d!important}.badge--warning{background:var(--color-warning-bg)!important;color:#b45309!important}.badge--danger{background:var(--color-danger-bg)!important;color:#b91c1c!important}.badge--info{background:var(--color-info-bg)!important;color:#1d4ed8!important}.badge--neutral,.badge--muted{color:#4b5563!important;background:#f3f4f6!important}.alert{animation:.3s ease-out fadeUp;border-radius:var(--radius-md)!important;border:none!important;border-left:4px solid #0000!important;margin-bottom:24px!important;padding:16px 20px!important;font-weight:500!important}.alert--error{background:var(--danger-soft)!important;color:#991b1b!important;border-left-color:var(--danger)!important}.alert--success{background:var(--success-soft)!important;color:#065f46!important;border-left-color:var(--success)!important}.dashboard-layout{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.is-collapsed{--sidebar-width:84px!important}.dashboard-layout__sidebar{transition:width .3s cubic-bezier(.4,0,.2,1)!important;overflow-x:hidden!important}.dashboard-layout__main{transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)!important}.is-collapsed .nav-item__label,.is-collapsed .nav-sub__label,.is-collapsed .nav-subsub__label,.is-collapsed .nav-group__chevron{display:none!important}.is-collapsed .nav-item__icon{opacity:1!important;visibility:visible!important;justify-content:center!important;align-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;display:flex!important}.is-collapsed .nav-item__icon svg{visibility:visible!important;opacity:1!important;stroke:#cbd5e1!important;stroke-width:2.2px!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;display:block!important}.is-collapsed .dashboard-layout__link.is-active .nav-item__icon svg,.is-collapsed .nav-group__trigger.is-active .nav-item__icon svg{stroke:#a5b4fc!important;filter:drop-shadow(0 0 6px #6366f1b3)!important}.is-collapsed .nav-group__children{display:none!important}.nav-group__children,.nav-subgroup__children{border-left:1.5px solid #ffffff14!important;flex-direction:column!important;gap:2px!important;margin:3px 0 6px 21px!important;padding-left:10px!important;display:flex!important}.nav-sub__link,.nav-subsub__link{position:relative;color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;align-items:center!important;gap:9px!important;margin:0!important;padding:6px 10px!important;font-size:12.5px!important;font-weight:500!important;line-height:1.35!important;transition:all .15s!important;display:flex!important}.nav-sub__link:before,.nav-subsub__link:before{content:none!important;display:none!important}.nav-sub__icon{opacity:.8!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:15px!important;height:15px!important;display:flex!important}.nav-sub__label{white-space:nowrap!important;text-overflow:ellipsis!important;flex:1!important;overflow:hidden!important}.nav-sub__link:hover,.nav-subsub__link:hover{color:#fff!important;background:#ffffff0d!important;transform:translate(2px)!important}.nav-sub__link.is-active,.nav-subsub__link.is-active{color:#818cf8!important;background:#6366f124!important;font-weight:600!important;box-shadow:inset 0 0 0 1px #6366f140!important}.nav-sub__link.is-active .nav-sub__icon,.nav-subsub__link.is-active .nav-sub__icon{color:#818cf8!important;opacity:1!important}.nav-sub__link>svg:last-child{opacity:.5;margin-left:auto!important}.timeline-container{background:#fff;border-radius:12px;margin-top:32px;padding:32px;box-shadow:0 1px 3px #0000001a}.timeline-header{color:#111827;align-items:center;gap:8px;margin-bottom:32px;font-size:18px;font-weight:700;display:flex}.timeline-wrapper{justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex;position:relative;overflow-x:auto}.timeline-line{z-index:0;background:#e5e7eb;height:2px;position:absolute;top:15px;left:20px;right:20px}.timeline-line-fill{background:#3b82f6;height:100%;transition:width .5s;position:absolute;top:0;left:0}.timeline-step{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:100px;display:flex;position:relative}.timeline-circle{color:#9ca3af;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.timeline-step.completed .timeline-circle{color:#fff;background:#10b981;border-color:#10b981}.timeline-step.current .timeline-circle{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.timeline-step.warning .timeline-circle{color:#f97316;background:#fff7ed;border-color:#f97316}.timeline-label{color:#4b5563;font-size:13px;font-weight:600}.timeline-step.current .timeline-label{color:#2563eb;font-weight:700}.timeline-date{color:#6b7280;min-height:16px;margin-top:-6px;font-size:11px}.purchase-order-premium-form{max-width:1240px;margin:0 auto;max-width:1200px!important;box-shadow:none!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0 auto!important;padding:0!important}.po-neat-container{flex-direction:column;gap:20px;display:flex}.po-neat-header{justify-content:space-between;align-items:center;padding:4px 0 16px;display:flex}.po-neat-title{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:800;display:flex}.po-neat-tabs{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px;display:grid}.po-neat-tab-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;align-items:center;gap:14px;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.po-neat-tab-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.po-neat-tab-btn.is-active{background:#fff;border-color:#6366f1;box-shadow:0 4px 14px #6366f11f}.po-neat-tab-num{color:#64748b;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.po-neat-tab-btn.is-active .po-neat-tab-num{color:#fff;background:#6366f1}.po-neat-tab-info{flex-direction:column;display:flex}.po-neat-tab-title{color:#334155;font-size:14px;font-weight:600;line-height:1.25}.po-neat-tab-btn.is-active .po-neat-tab-title{color:#0f172a;font-weight:700}.po-neat-tab-desc{color:#94a3b8;margin-top:2px;font-size:11.5px}.po-neat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:24px 28px;box-shadow:0 1px 3px #0000000a}.po-neat-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.po-neat-card-title{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.po-neat-badge{color:#3b82f6;background:#eff6ff;border-radius:6px;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.po-neat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:18px;display:grid}.po-neat-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:18px;display:grid}@media (width<=900px){.po-neat-grid-3,.po-neat-grid-2,.po-neat-tabs{grid-template-columns:1fr}}.po-neat-field{flex-direction:column;gap:6px;display:flex}.po-neat-label{color:#475569;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.po-neat-label .req{color:#ef4444}.po-neat-input{width:100%;height:40px;padding:8px 12px;transition:all .15s;color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;font-size:13.5px!important}.po-neat-input:focus{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11f!important}select.po-neat-input,.po-neat-select{color:#0f172a!important;appearance:none!important;box-sizing:border-box!important;cursor:pointer!important;background-color:#fff!important;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='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:calc(100% - 12px)!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;height:42px!important;min-height:42px!important;padding:0 36px 0 12px!important;font-size:13.5px!important;font-weight:500!important;line-height:normal!important;display:block!important}select.po-neat-input:focus,.po-neat-select:focus{background-color:#fff!important;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='%236366f1' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:calc(100% - 12px)!important;background-repeat:no-repeat!important;background-size:16px 16px!important;border-color:#6366f1!important;outline:none!important;box-shadow:0 0 0 3px #6366f126!important}select.po-neat-input option,.po-neat-select option{color:#0f172a!important;background:#fff!important;padding:8px 12px!important;font-size:13.5px!important}.po-neat-textarea{resize:vertical;width:100%;padding:10px 12px;transition:all .15s;color:#0f172a!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;font-size:13.5px!important}.po-neat-textarea:focus{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11f!important}.po-neat-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:14px;overflow:auto visible}.po-neat-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1720px;font-size:13px}.po-neat-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;box-sizing:border-box;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 10px;font-size:11.5px;font-weight:700}.po-neat-table td{vertical-align:top;box-sizing:border-box;border-bottom:1px solid #f1f5f9;padding:10px 8px}.po-neat-table tr:hover td{background:#fcfdfe}.po-neat-cell-input{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:36px;padding:6px 10px;font-size:13px;transition:all .15s}.po-neat-cell-input:hover{background:#f8fafc;border-color:#cbd5e1}.po-neat-cell-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f126}select.po-neat-cell-input{color:#0f172a!important;appearance:none!important;box-sizing:border-box!important;cursor:pointer!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:calc(100% - 6px)!important;background-repeat:no-repeat!important;background-size:14px 14px!important;border:1.5px solid #cbd5e1!important;border-radius:6px!important;height:36px!important;min-height:36px!important;padding:0 24px 0 8px!important;font-size:12.5px!important;font-weight:500!important;line-height:normal!important}select.po-neat-cell-input:focus{border-color:#6366f1!important;outline:none!important;box-shadow:0 0 0 2px #6366f126!important}.po-neat-totals-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px}.po-neat-total-row{color:#475569;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13.5px;display:flex}.po-neat-total-row.is-grand{color:#0f172a;border-top:2px dashed #cbd5e1;margin-top:16px;margin-bottom:0;padding-top:16px}.po-neat-grand-amount{color:#4f46e5;font-size:22px;font-weight:800}.po-neat-footer{z-index:40;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;margin-top:24px;padding:14px 24px;display:flex;position:sticky;bottom:16px;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}.pm-neat-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.pm-neat-kpi-grid{grid-template-columns:repeat(2,1fr)}}.pm-neat-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000008}.pm-neat-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.pm-neat-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.pm-neat-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.pm-neat-kpi-val{color:#0f172a;letter-spacing:-.02em;margin-top:2px;font-size:22px;font-weight:800}.pst-matrix-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pst-matrix-table{border-collapse:collapse;width:100%;font-size:13px}.pst-matrix-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:14px 10px;font-size:11.5px;font-weight:700}.pst-matrix-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;border-right:1px solid #f8fafc;padding:10px}.pst-cell-progress{cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:100%;height:26px;transition:all .2s;display:flex;position:relative;overflow:hidden}.pst-cell-progress:hover{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 8px #6366f126}.bom-neat-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:18px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #00000008}.bom-neat-card.is-expanded{border-color:#6366f1;box-shadow:0 6px 18px #6366f114}.bom-neat-card-header{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.bom-neat-card-header:hover{background:#f8fafc}.page{padding:0!important;animation:.25s cubic-bezier(.16,1,.3,1) fadeUp!important}.page__header{margin-bottom:24px!important}.page__title,h1.page__title,.page-title{color:#0f172a!important;letter-spacing:-.025em!important;font-size:24px!important;font-weight:800!important;line-height:1.25!important}.page__subtitle,.page-subtitle{color:#64748b!important;margin-top:4px!important;font-size:13.5px!important;line-height:1.5!important}.kpi-card,.metric-card,.stat-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;padding:20px 22px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 1px 3px #0f172a0a!important}.kpi-card:hover,.metric-card:hover,.stat-card:hover{border-color:#cbd5e1!important;transform:translateY(-2px)!important;box-shadow:0 10px 20px -5px #0f172a0f!important}.kpi-card__label,.stat-card__title{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:11.5px!important;font-weight:700!important}.kpi-card__value,.stat-card__value{color:#0f172a!important;letter-spacing:-.02em!important;margin-top:6px!important;font-size:26px!important;font-weight:800!important}.table-responsive{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;overflow-x:auto!important;box-shadow:0 1px 3px #0f172a0a!important}.table-responsive table{border-collapse:collapse!important;width:100%!important}.table-responsive table thead th,table.table thead th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;white-space:nowrap!important;background:#f8fafc!important;border-bottom:1.5px solid #e2e8f0!important;padding:12px 16px!important;font-size:11.5px!important;font-weight:700!important}.table-responsive table tbody td,table.table tbody td{color:#334155!important;vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;padding:12px 16px!important;font-size:13.5px!important;transition:background .15s!important}.table-responsive table tbody tr:hover td,table.table tbody tr:hover td{background:#f8fafc!important}.table-responsive table tbody tr:last-child td,table.table tbody tr:last-child td{border-bottom:none!important}.filter-bar,.toolbar{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin-bottom:20px!important;padding:12px 16px!important;display:flex!important;box-shadow:0 1px 3px #0f172a08!important}.empty-state-card{text-align:center!important;color:#64748b!important;background:#fff!important;border:1.5px dashed #cbd5e1!important;border-radius:14px!important;padding:40px 24px!important}.empty-state-card__title{color:#0f172a!important;margin:8px 0 4px!important;font-size:16px!important;font-weight:700!important}.empty-state-card__subtitle{color:#94a3b8!important;margin:0!important;font-size:13px!important}@media (width<=1024px){.dashboard-layout__content{padding:24px 20px 48px!important}.po-neat-grid-3,.form-grid--4,.cust-grid-4,.item-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){html,body{width:100%!important;overflow-x:hidden!important}.dashboard-layout{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.dashboard-layout__main{width:100%!important;min-width:100%!important;max-width:100vw!important;margin-left:0!important}.dashboard-layout__header{z-index:1000!important;background:#080c14!important;border-bottom:1px solid #ffffff14!important;height:56px!important;padding:0 14px!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 2px 12px #00000040!important}.dashboard-layout__content{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100vw!important;padding:14px 12px 64px!important;overflow-x:hidden!important}.page,.page--wide,.page__body,.form-container,.sectioned-form,.card,.zoho-panel,.pr-card,.po-neat-card,.cust-card,.dc-card,.item-card,.detail-panel{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.card,.zoho-panel,.pr-card,.po-neat-card,.cust-card,.dc-card,.item-card,.sectioned-form,.detail-panel{border-radius:12px!important;margin-bottom:16px!important;padding:16px 14px!important}.page__header,.dash-head,.po-neat-header,.cust-card-header,.dc-card-header,.item-card-header,.pr-card-header,.detail-panel__head{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-top:8px!important;margin-bottom:20px!important}.page__title,h1{margin-bottom:4px!important;font-size:20px!important;line-height:1.25!important}.page__subtitle,.text-muted{margin-bottom:16px!important;font-size:13px!important;line-height:1.5!important}.form-grid,.form-grid--2,.form-grid--3,.form-grid--4,.form-row--grid,.cust-grid-2,.cust-grid-4,.dc-grid-2,.dc-grid-3,.item-grid-3,.item-grid-4,.pr-grid-2,.pr-grid-3,.po-neat-grid-2,.po-neat-grid-3,.rfq-form-grid,.tc-form-grid,.zoho-flex-grid,.quote-meta-grid,.quote-addr-grid,.vaddr-grid,.ef-grid,.recent-grid,.charts-grid,div[style*="1fr 1fr"],div[style*="1.2fr 1fr"],div[style*="repeat(2, 1fr)"],div[style*="repeat(3, 1fr)"],div[style*="repeat(4, 1fr)"],div[style*="repeat(2,"],div[style*="repeat(3,"],div[style*="repeat(4,"],div[style*=minmax\(200px],div[style*=minmax\(210px],div[style*=minmax\(220px],div[style*=minmax\(230px],div[style*=minmax\(240px],div[style*=minmax\(260px],div[style*=minmax\(280px],div[style*=minmax\(320px],div[style*=minmax\(360px],div[style*=minmax\(400px],div[style*=minmax\(450px]{grid-template-columns:1fr!important;gap:12px!important}.field[style*=gridColumn],.form-field[style*=gridColumn],.item-field[style*=gridColumn],[style*="gridColumn: 'span"],[style*="grid-column: span"],[style*="gridColumn: '1 / -1'"],[style*="grid-column: 1 / -1"]{grid-column:1/-1!important}.form-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.form-row>*{width:100%!important;min-width:0!important;max-width:100%!important}.form-row__qty,.form-row__price,.form-row__desc{width:100%!important}.form-field,.field,.item-field{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-bottom:12px!important}.input,select,textarea,input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],input[type=password]{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:40px!important;font-size:14px!important;line-height:normal!important}textarea{height:auto!important;min-height:80px!important}.form-actions,.panel__form-actions,.vform-actions,.modal__actions,.modal__footer,.modal-footer,.cust-table__bar,.dc-table__bar,.pr-table__bar,.po-toolbar-actions{flex-direction:column-reverse!important;align-items:stretch!important;gap:8px!important;width:100%!important}.form-actions .btn,.panel__form-actions .btn,.vform-actions .btn,.modal__footer .btn,.modal__actions .btn{justify-content:center!important;width:100%!important;height:42px!important}.filter-bar,.toolbar,.cust-toolbar,.dc-toolbar,.item-toolbar,.pr-toolbar,.po-toolbar,.rfq-filter-bar,.tc-filter-bar,.mm-filter-bar{border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important}.filter-bar>*,.toolbar>*,.cust-toolbar>*,.dc-toolbar>*,.item-toolbar>*,.pr-toolbar>*,.po-toolbar>*,.cust-search-wrap,.dc-search-wrap,.item-search-wrap,.pr-search-wrap,.po-search-wrap,.cust-filter-select,.dc-filter-select,.item-filter-select,.pr-filter-select,.po-filter-select,.rfq-filter-select,.tc-filter-select,.mm-filter-select{flex:100%!important;width:100%!important;min-width:100%!important}.table-responsive,.cust-table-card,.dc-table-card,.item-table-card,.pr-table-card,.po-table-card,.po-neat-table-wrap,.pst-matrix-table-wrap{-webkit-overflow-scrolling:touch!important;border:1px solid #e2e8f0!important;border-radius:10px!important;width:100%!important;max-width:100%!important;margin-bottom:16px!important;display:block!important;overflow-x:auto!important}table.table,.table,.cust-table,.po-neat-table,.tc-table,.pst-matrix-table{width:100%!important;min-width:620px!important}.table-responsive table thead th,table.table thead th,.cust-table thead th{white-space:nowrap!important;padding:10px 12px!important;font-size:11px!important}.table-responsive table tbody td,table.table tbody td,.cust-table tbody td{white-space:nowrap!important;padding:10px 12px!important;font-size:12.5px!important}.kpi-grid,.pm-neat-kpi-grid,.overview-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.kpi-card,.metric-card,.stat-card,.pm-neat-kpi-card{padding:12px 14px!important}.kpi-card__value,.stat-card__value{font-size:20px!important}.modal-backdrop,.modal-overlay,.modal__backdrop,.tc-modal-backdrop{z-index:10002!important;justify-content:center!important;align-items:flex-end!important;padding:12px 8px!important;display:flex!important}.modal-content,.modal__content,.modal-dialog,.tc-modal-dialog,.modal{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;border-radius:16px 16px 8px 8px!important;width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;padding:18px 14px!important;overflow-y:auto!important}.tabs,.cust-form-subtabs,.dc-form-subtabs,.item-form-subtabs,.pr-form-subtabs,.nav-tabs{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:6px!important;display:flex!important;overflow-x:auto!important}.tabs::-webkit-scrollbar{display:none!important}.cust-form-subtabs::-webkit-scrollbar{display:none!important}.dc-form-subtabs::-webkit-scrollbar{display:none!important}.item-form-subtabs::-webkit-scrollbar{display:none!important}.pr-form-subtabs::-webkit-scrollbar{display:none!important}}@media (width<=480px){.dashboard-layout__content{padding:10px 8px 56px!important}.kpi-grid,.pm-neat-kpi-grid,.overview-grid{grid-template-columns:1fr!important;gap:8px!important}.card,.zoho-panel,.pr-card,.po-neat-card,.cust-card,.dc-card,.item-card,.sectioned-form,.detail-panel{border-radius:10px!important;padding:12px 10px!important}.page__title,h1{font-size:18px!important}}html[data-font-size=small]{--font-scale:.9}html[data-font-size=normal]{--font-scale:1}html[data-font-size=large]{--font-scale:1.15}html[data-font-size=xlarge]{--font-scale:1.28}html[data-font-size=large] .page,html[data-font-size=large] .card,html[data-font-size=large] .table,html[data-font-size=large] input,html[data-font-size=large] select,html[data-font-size=large] textarea,html[data-font-size=large] button,html[data-font-size=large] label,html[data-font-size=large] p,html[data-font-size=large] span:not(.nav-item__icon):not(.sidebar-brand-meta *):not(.login-input-icon){font-size:1.12em!important}html[data-font-size=xlarge] .page,html[data-font-size=xlarge] .card,html[data-font-size=xlarge] .table,html[data-font-size=xlarge] input,html[data-font-size=xlarge] select,html[data-font-size=xlarge] textarea,html[data-font-size=xlarge] button,html[data-font-size=xlarge] label,html[data-font-size=xlarge] p,html[data-font-size=xlarge] span:not(.nav-item__icon):not(.sidebar-brand-meta *):not(.login-input-icon){font-size:1.25em!important}html[data-font-size=small] .page,html[data-font-size=small] .card,html[data-font-size=small] .table,html[data-font-size=small] input,html[data-font-size=small] select,html[data-font-size=small] textarea,html[data-font-size=small] button,html[data-font-size=small] label,html[data-font-size=small] p,html[data-font-size=small] span:not(.nav-item__icon):not(.sidebar-brand-meta *):not(.login-input-icon){font-size:.9em!important}.detail-dropdown,.cust-dropdown-zone .detail-dropdown,.cust-more-zone .detail-dropdown{z-index:999999!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;box-shadow:0 12px 30px -4px #00000038,0 6px 14px -4px #0000001f!important}.document-side-drawer-container{z-index:9999!important;background:#fff!important;border-left:1px solid #e2e8f0!important;flex-direction:column!important;width:680px!important;max-width:calc(100vw - 260px)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important;box-shadow:-8px 0 35px #0003!important}@media (width<=1024px){.document-side-drawer-container{width:600px!important;max-width:calc(100vw - 80px)!important}}@media (width<=768px){.document-side-drawer-container{width:100vw!important;max-width:100vw!important}}.sf-container{background:var(--color-bg-card,#fff);border-radius:var(--radius-card,10px);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light,#eef1f4);flex-direction:column;height:calc(100vh - 160px);min-height:500px;animation:.4s ease-out fadeUp;display:flex;overflow:hidden}.sf-body{flex:1;display:flex;overflow:hidden}.sf-sidebar{border-right:1px solid var(--color-border-light,#eef1f4);background:#f9fafb;flex-direction:column;width:250px;padding:24px 16px;display:flex;overflow-y:auto}.sf-sidebar-item{color:var(--color-text-secondary,#6b7280);cursor:pointer;border-radius:var(--radius-button,6px);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.sf-sidebar-item:hover{color:var(--color-text-primary,#1f2937);background:var(--color-primary-light,#e3f2fd)}.sf-sidebar-item.is-active{background:var(--color-primary-light,#e3f2fd);color:var(--color-primary,#1e88e5);border-left:3px solid var(--color-primary,#1e88e5);font-weight:600}.sf-content{background:var(--color-bg-card,#fff);flex:1;padding:32px 40px;overflow-y:auto}.sf-section-title{color:var(--color-text-primary,#1f2937);letter-spacing:-.01em;margin-top:0;margin-bottom:24px;font-size:18px;font-weight:600}.sf-footer{background:var(--color-bg-card,#fff);border-top:1px solid var(--color-border-light,#eef1f4);justify-content:flex-end;align-items:center;gap:16px;padding:16px 28px;display:flex}.ftp-container{max-width:1300px;margin:0 auto;padding:24px}.ftp-header-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex}.ftp-header-left{align-items:center;gap:16px;display:flex}.ftp-header-icon-wrap{border-radius:var(--radius-button);background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ftp-title{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:600}.ftp-subtitle{color:var(--color-text-secondary);margin:0;font-size:13px}.ftp-create-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-button);cursor:pointer;border:none;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #1e88e533}.ftp-create-btn:hover{background:var(--color-primary-dark)}.ftp-create-btn.active{background:var(--color-bg-page);color:var(--color-text-primary);box-shadow:none;border:1px solid var(--color-border)}.ftp-create-btn.active:hover{background:var(--color-border-light)}.ftp-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.ftp-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-card);box-shadow:var(--shadow-card);align-items:center;gap:14px;padding:16px 20px;transition:box-shadow .15s;display:flex}.ftp-stat-card:hover{box-shadow:var(--shadow-card-hover)}.ftp-stat-icon{border-radius:var(--radius-badge);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ftp-stat-icon--total{background:var(--color-primary-light);color:var(--color-primary)}.ftp-stat-icon--pending{background:var(--color-warning-bg);color:var(--color-warning)}.ftp-stat-icon--progress{background:var(--color-info-bg);color:var(--color-info)}.ftp-stat-icon--completed{background:var(--color-success-bg);color:var(--color-success)}.ftp-stat-val{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.ftp-stat-label{color:#64748b;font-size:12.5px;font-weight:500}.ftp-form-card{background:#fff;border:1px solid #cbd5e1;border-radius:16px;margin-bottom:28px;animation:.25s cubic-bezier(.16,1,.3,1) ftpSlideDown;overflow:hidden;box-shadow:0 12px 28px -5px #0f172a14,0 8px 12px -6px #0f172a0a}@keyframes ftpSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ftp-form-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ftp-form-head-left{align-items:center;gap:10px;display:flex}.ftp-form-title{color:#0f172a;margin:0;font-size:16.5px;font-weight:700}.ftp-form-badge{color:#4338ca;text-transform:uppercase;letter-spacing:.04em;background:#e0e7ff;border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:600}.ftp-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ftp-close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.ftp-form-body{padding:24px}.ftp-grid{grid-template-columns:repeat(2,1fr);gap:18px 20px;margin-bottom:20px;display:grid}@media (width<=768px){.ftp-grid{grid-template-columns:1fr}}.ftp-span-2{grid-column:span 2}@media (width<=768px){.ftp-span-2{grid-column:span 1}}.ftp-field-group{flex-direction:column;gap:6px;display:flex}.ftp-label{color:#334155;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.ftp-req{color:#ef4444;font-weight:700}.ftp-input,.ftp-select,.ftp-textarea{color:#0f172a;outline:none;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .15s,box-shadow .15s;box-sizing:border-box!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:8px!important;width:100%!important;max-width:none!important;padding:10px 14px!important}.ftp-input:focus,.ftp-select:focus,.ftp-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.ftp-input::placeholder,.ftp-textarea::placeholder{color:#94a3b8}.ftp-textarea{resize:vertical;min-height:72px}.ftp-checklist-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:8px;margin-bottom:24px;padding:20px}.ftp-checklist-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ftp-checklist-title{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.ftp-count-badge{color:#475569;background:#e2e8f0;border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:700}.ftp-checklist-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.ftp-checklist-row{align-items:center;gap:10px;animation:.2s ftpFadeIn;display:flex}@keyframes ftpFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ftp-item-num{color:#3730a3;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.ftp-checklist-input{flex:1}.ftp-del-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ftp-del-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.ftp-add-item-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ftp-add-item-btn:hover{color:#1e40af;background:#dbeafe;border-color:#3b82f6}.ftp-actions-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.ftp-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s}.ftp-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.ftp-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 10px #2563eb40}.ftp-btn-submit:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 14px #2563eb59}.ftp-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.ftp-task-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;padding:20px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 5px #00000008}.ftp-task-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px -2px #0f172a0f}.ftp-task-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.ftp-task-title{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.35}.ftp-task-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.ftp-badge{text-transform:capitalize;letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.ftp-badge--high{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.ftp-badge--medium{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.ftp-badge--low{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.ftp-badge--completed{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.ftp-badge--in_progress{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.ftp-badge--pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.ftp-badge--cancelled{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.ftp-task-meta{flex-wrap:wrap;gap:8px 14px;margin-bottom:14px;display:flex}.ftp-meta-chip{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:inline-flex}.ftp-task-desc{color:#475569;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:8px;margin:0 0 16px;padding:8px 12px;font-size:13px;line-height:1.5}.ftp-progress-bar-wrap{margin-bottom:14px}.ftp-progress-header{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11.5px;font-weight:600;display:flex}.ftp-progress-track{background:#e2e8f0;border-radius:9999px;height:6px;overflow:hidden}.ftp-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#10b981 100%);border-radius:9999px;height:100%;transition:width .3s}.ftp-card-checklist{background:#fff;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.ftp-check-item{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;font-size:13px;display:flex}.ftp-check-input{cursor:pointer;accent-color:#2563eb;width:15px;height:15px;margin-top:3px}.ftp-check-text{flex:1;transition:all .15s}.ftp-check-text.is-done{color:#94a3b8;text-decoration:line-through}.ftp-check-meta{color:#94a3b8;margin-left:auto;font-size:11px}.ftp-card-actions{border-top:1px solid #f1f5f9;gap:8px;margin-top:auto;padding-top:12px;display:flex}.ftp-btn-action{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.ftp-btn-action--start{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.ftp-btn-action--start:hover{background:#dbeafe}.ftp-btn-action--complete{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.ftp-btn-action--complete:hover{background:#d1fae5}.ftp-btn-action--cancel{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.ftp-btn-action--cancel:hover{background:#fee2e2}.ftp-empty-state{text-align:center;color:#64748b;background:#fff;border:1.5px dashed #cbd5e1;border-radius:16px;padding:48px 24px}.ftp-empty-icon{margin-bottom:12px;font-size:36px;display:block}.ftp-empty-title{color:#1e293b;margin-bottom:6px;font-size:16px;font-weight:600}.mon-dashboard-root{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mon-dashboard-root *,.mon-dashboard-root :before,.mon-dashboard-root :after{box-sizing:border-box}.mon-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.mon-toolbar-left{align-items:center;gap:12px;display:flex}.mon-icon-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.mon-toolbar-title{color:#0f172a;margin:0;font-size:17px;font-weight:700;line-height:1.2}.mon-toolbar-subtitle{color:#64748b;margin:3px 0 0;font-size:12px}.mon-segment-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.mon-segment-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.mon-segment-btn:hover{color:#0f172a}.mon-segment-btn.is-active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000f}.mon-toolbar-right{align-items:center;gap:10px;display:flex}.mon-live-clock{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;height:32px;padding:6px 12px;font-family:Roboto Mono,monospace;font-size:12.5px;font-weight:600;display:flex}.mon-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #10b98133}.mon-select-sm{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;height:32px;padding:0 10px;font-size:12px}.mon-select-sm:hover{border-color:#cbd5e1}.mon-btn-icon{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.mon-btn-icon:hover{background:#f8fafc;border-color:#cbd5e1}.mon-metrics-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.mon-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;box-shadow:0 1px 3px #00000008}.mon-metric-label{color:#64748b;font-size:12px;font-weight:500}.mon-metric-value{color:#0f172a;align-items:center;gap:8px;margin-top:4px;font-size:22px;font-weight:700;display:flex}.mon-active-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.mon-cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;display:grid}@media (width<=768px){.mon-cards-grid{grid-template-columns:1fr}}.mon-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;gap:16px;padding:18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.mon-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.mon-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.mon-card-title-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mon-tag{letter-spacing:.02em;border-style:solid;border-width:1px;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.mon-tag-assembly{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.mon-tag-design{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.mon-tag-machine{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.mon-station-name{color:#0f172a;margin:0;font-size:14.5px;font-weight:700}.mon-operator-text{color:#64748b;align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.mon-status-pill{white-space:nowrap;border-style:solid;border-width:1px;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600}.mon-status-running{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.mon-status-paused{color:#b45309;background:#fffbeb;border-color:#fde68a}.mon-status-idle{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.mon-field-group{flex-direction:column;gap:5px;display:flex}.mon-field-header{color:#64748b;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;display:flex}.mon-field-meta{color:#94a3b8;font-size:11px;font-weight:400}.mon-input-box{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;height:34px;padding:0 10px;font-size:12.5px;font-weight:500;transition:border-color .15s}.mon-input-box:focus{background:#fff;border-color:#3b82f6}.mon-input-static{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12.5px;font-weight:600;display:flex}.mon-chips-list{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.mon-chip-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .15s}.mon-chip-btn:hover{background:#f8fafc;border-color:#cbd5e1}.mon-chip-btn.is-selected-purple{color:#7e22ce;background:#faf5ff;border-color:#d8b4fe;font-weight:600}.mon-chip-btn.is-selected-blue{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:600}.mon-timer-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.mon-timer-display{color:#0f172a;letter-spacing:.04em;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-family:Roboto Mono,monospace;font-size:20px;font-weight:700;display:inline-block}.mon-controls-row{align-items:center;gap:6px;display:flex}.mon-action-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.mon-btn-start{color:#fff;background:#10b981}.mon-btn-start:hover{background:#059669}.mon-btn-pause{color:#fff;background:#f59e0b}.mon-btn-pause:hover{background:#d97706}.mon-btn-complete{color:#fff;background:#2563eb}.mon-btn-complete:hover{background:#1d4ed8}.mon-btn-complete:disabled{opacity:.4;cursor:not-allowed}.mon-btn-reset{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.mon-btn-reset:hover{background:#e2e8f0}.reports-container{flex-direction:column;gap:24px;max-width:1600px;min-height:calc(100vh - 80px);margin:0 auto;padding:24px;display:flex}.reports-header{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.reports-header__titles h1{color:var(--text-primary,#0f172a);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:700;display:flex}.reports-header__badge{color:#4338ca;text-transform:uppercase;letter-spacing:.05em;background:#e0e7ff;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:600}.reports-header__titles p{color:var(--text-secondary,#64748b);max-width:720px;margin:0;font-size:13px;line-height:1.5}.reports-header__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reports-btn{cursor:pointer;border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);color:var(--text-primary,#1e293b);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.reports-btn:hover{background:var(--bg-subtle,#f8fafc);border-color:#94a3b8}.reports-btn--primary{color:#fff;background:#2563eb;border-color:#2563eb}.reports-btn--primary:hover{background:#1d4ed8;border-color:#1d4ed8}.reports-nav-tabs{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 1px 2px #0000000a}.reports-nav-tab{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.reports-nav-tab:hover{color:var(--text-primary,#0f172a);background:var(--bg-subtle,#f1f5f9)}.reports-nav-tab.is-active{color:#fff;background:#2563eb;box-shadow:0 2px 4px #2563eb33}.reports-nav-tab__count{background:#00000014;border-radius:9999px;padding:1px 6px;font-size:11px;font-weight:700}.reports-nav-tab.is-active .reports-nav-tab__count{color:#fff;background:#ffffff40}.reports-filter-bar{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:0 1px 2px #00000008}.reports-filter-group{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.reports-search-box{flex:1;align-items:center;min-width:240px;max-width:380px;display:flex;position:relative}.reports-search-box svg{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.reports-search-input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:8px;outline:none;padding:8px 12px 8px 36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.reports-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.reports-select{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:8px;outline:none;min-width:140px;padding:8px 12px;font-size:13px}.reports-select:focus{border-color:#2563eb}.reports-date-input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);color:var(--text-primary,#0f172a);border-radius:8px;outline:none;padding:7px 10px;font-size:12px}.reports-subview-toggle{background:var(--bg-subtle,#f1f5f9);border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.reports-subview-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.reports-subview-btn:hover{color:var(--text-primary,#0f172a)}.reports-subview-btn.is-active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000001a}.reports-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.reports-kpi-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:16px 20px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.reports-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.reports-kpi-card__bar{background:#3b82f6;height:3px;position:absolute;top:0;left:0;right:0}.reports-kpi-card--blue .reports-kpi-card__bar{background:#3b82f6}.reports-kpi-card--green .reports-kpi-card__bar{background:#10b981}.reports-kpi-card--amber .reports-kpi-card__bar{background:#f59e0b}.reports-kpi-card--purple .reports-kpi-card__bar{background:#8b5cf6}.reports-kpi-card--rose .reports-kpi-card__bar{background:#f43f5e}.reports-kpi-card--teal .reports-kpi-card__bar{background:#06b6d4}.reports-kpi-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reports-kpi-card__label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.reports-kpi-card__icon{background:var(--bg-subtle,#f1f5f9);width:28px;height:28px;color:var(--text-secondary,#475569);border-radius:6px;justify-content:center;align-items:center;display:flex}.reports-kpi-card__value{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin-bottom:4px;font-size:24px;font-weight:700}.reports-kpi-card__meta{color:var(--text-secondary,#64748b);font-size:12px}.reports-table-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.reports-table-card__header{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reports-table-card__title{color:var(--text-primary,#0f172a);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.reports-table-wrapper{max-width:100%;overflow-x:auto}.reports-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.reports-table th{background:var(--bg-subtle,#f8fafc);color:var(--text-secondary,#475569);border-bottom:1px solid var(--border-color,#e2e8f0);white-space:nowrap;padding:12px 16px;font-weight:600}.reports-table td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#1e293b);vertical-align:middle;padding:12px 16px}.reports-table tbody tr:hover{background:var(--bg-subtle,#f8fafc)}.reports-table th.is-numeric,.reports-table td.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.reports-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.reports-badge--success{color:#15803d;background:#dcfce7}.reports-badge--warning{color:#b45309;background:#fef3c7}.reports-badge--danger{color:#b91c1c;background:#fee2e2}.reports-badge--info{color:#0369a1;background:#e0f2fe}.reports-badge--purple{color:#7e22ce;background:#f3e8ff}.reports-badge--neutral{color:#475569;background:#f1f5f9}.reports-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.reports-progress-wrap{align-items:center;gap:8px;width:100%;min-width:100px;display:flex}.reports-progress-bar{background:#e2e8f0;border-radius:9999px;flex:1;height:6px;overflow:hidden}.reports-progress-fill{background:#2563eb;border-radius:9999px;height:100%;transition:width .3s}.reports-progress-fill--green{background:#10b981}.reports-progress-fill--amber{background:#f59e0b}.reports-progress-fill--red{background:#ef4444}.reports-progress-text{text-align:right;min-width:36px;color:var(--text-secondary,#475569);font-size:12px;font-weight:600}.reports-stage-stepper{align-items:center;gap:4px;display:flex}.reports-stage-step{color:#64748b;text-transform:uppercase;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.reports-stage-step.is-done{color:#15803d;background:#dcfce7}.reports-stage-step.is-current{color:#fff;background:#2563eb}.reports-operators-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:16px;display:grid}.reports-operator-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 1px 2px #0000000a}.reports-operator-card__head{justify-content:space-between;align-items:center;display:flex}.reports-operator-card__profile{align-items:center;gap:12px;display:flex}.reports-operator-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.reports-operator-name{color:var(--text-primary,#0f172a);font-size:14px;font-weight:700}.reports-operator-role{color:var(--text-secondary,#64748b);font-size:12px}.reports-operator-stats{background:var(--bg-subtle,#f8fafc);text-align:center;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.reports-operator-stat__label{color:var(--text-secondary,#64748b);margin-bottom:2px;font-size:11px}.reports-operator-stat__val{color:var(--text-primary,#0f172a);font-size:15px;font-weight:700}.reports-expand-row{background:var(--bg-subtle,#f8fafc)}.reports-expand-content{padding:16px 20px}.reports-empty-state{text-align:center;color:var(--text-secondary,#64748b);padding:60px 20px}.reports-empty-state svg{color:#94a3b8;margin-bottom:12px}.reports-empty-state h3{color:var(--text-primary,#0f172a);margin:0 0 6px;font-size:16px;font-weight:700}.reports-empty-state p{margin:0;font-size:13px}.reports-loading-spinner{color:#2563eb;justify-content:center;align-items:center;gap:10px;padding:80px 20px;font-weight:600;display:flex}@media print{body{color:#000!important;background:#fff!important}.dashboard-layout__sidebar,.reports-header__actions,.reports-nav-tabs,.reports-filter-bar,.btn--logout-icon{display:none!important}.reports-container{max-width:100%!important;padding:0!important}.reports-table-card{box-shadow:none!important;border:none!important}.reports-table th,.reports-table td{padding:6px 8px!important;font-size:11px!important}}:root[data-theme=dark] .reports-header,:root[data-theme=dark] .reports-nav-tabs,:root[data-theme=dark] .reports-filter-bar,:root[data-theme=dark] .reports-kpi-card,:root[data-theme=dark] .reports-table-card,:root[data-theme=dark] .reports-table-card__header,:root[data-theme=dark] .reports-operator-card{background:#0f172a!important;border-color:#334155!important}:root[data-theme=dark] .reports-header__titles h1,:root[data-theme=dark] .reports-table-card__title,:root[data-theme=dark] .reports-kpi-card__value,:root[data-theme=dark] .reports-table td,:root[data-theme=dark] .reports-operator-name,:root[data-theme=dark] .reports-operator-stat__val{color:#f8fafc!important}:root[data-theme=dark] .reports-table th{color:#94a3b8!important;background:#1e293b!important;border-color:#334155!important}:root[data-theme=dark] .reports-table td{border-color:#1e293b!important}:root[data-theme=dark] .reports-search-input,:root[data-theme=dark] .reports-select,:root[data-theme=dark] .reports-date-input,:root[data-theme=dark] .reports-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}:root[data-theme=dark] .reports-operator-stats,:root[data-theme=dark] .reports-subview-toggle,:root[data-theme=dark] .reports-expand-row{background:#1e293b!important}.rfq-styled-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:11.5px;font-weight:700}.rfq-styled-table td{vertical-align:middle;padding:8px 12px;font-size:12px}.rfq-row--highlight-green{background:#f0fdf4!important;border-bottom:1.5px solid #86efac!important}.rfq-status-select{cursor:pointer;border-radius:6px;outline:none;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .15s;box-shadow:0 1px 2px #0000000a}.rfq-desc-textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:5px;width:100%;min-height:42px;padding:5px 8px;font-size:11.5px;line-height:1.35}.rfq-desc-textarea:focus{border-color:#2563eb;outline:none}