*{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg: rgba(255, 255, 255, .06);--glass-blur: blur(14px) saturate(160%);--glass-blur-lg: blur(20px) saturate(180%);--glass-distort: url(#glass-distortion);--glass-distort-soft: url(#glass-distortion-soft);--glass-border: rgba(255, 255, 255, .22);--glass-radius: 20px;--glass-shadow: 0 10px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .08), inset 0 0 30px rgba(255, 255, 255, .04);--glass-sheen-top: linear-gradient( 90deg, transparent, rgba(255, 255, 255, .8), transparent );--glass-sheen-left: linear-gradient( 180deg, rgba(255, 255, 255, .8), transparent, rgba(255, 255, 255, .3) );--bg: #07070f;--surface: #0d0d1a;--card-bg: var(--glass-bg);--card-border: var(--glass-border);--card-shadow: var(--glass-shadow);--accent: #6366f1;--accent-bg: rgba(99, 102, 241, .15);--badge-bg: rgba(0, 0, 0, 0);--text: #ffffff;--muted: #64748b;--placeholder: #475569;--divider: rgba(255, 255, 255, .1);--border: var(--glass-border);--input-bg: var(--glass-bg);--scrollbar: rgba(255, 255, 255, .18);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--radius-tag: 8px}body{background-color:#07070f;color:var(--text);font-family:Inter,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}html,body,input,button,select,textarea,table,th,td{font-family:Inter,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}input,select,textarea{padding:9px 12px;font-family:Josefin Sans,Poppins,sans-serif;font-size:13px;width:100%;outline:none}select option{background:#0d0d1a;color:#fff}button{cursor:pointer;font-family:Josefin Sans,Poppins,sans-serif}.glass,.glass-card,.glass-panel,.glass-table-wrap{background:var(--glass-bg);backdrop-filter:blur(14px) saturate(160%) url(#glass-distortion);-webkit-backdrop-filter:blur(14px) saturate(160%);border-radius:var(--glass-radius);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;isolation:isolate}.glass:before,.glass-card:before,.glass-panel:before,.glass-table-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--glass-sheen-top);pointer-events:none;z-index:1}table{border-collapse:collapse;width:100%}thead tr{background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.12)}tbody tr{border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s ease}tbody tr:hover{background:#ffffff14}th{color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:12px 16px;text-align:left;white-space:nowrap}td{color:#fff;font-size:13px;padding:11px 16px;vertical-align:middle}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade,.fade-in{animation:fadeIn .22s ease}.modal-backdrop{animation:fadeIn .2s ease}.loading{animation:pulse 1.5s ease-in-out infinite}.mono{font-family:Fira Code,monospace}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;font-family:Fira Code,monospace}@media (max-width: 767px){table{min-width:600px}.modal-content,[class*=modal]{max-width:100vw!important;width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important}button{min-height:36px}input,select,textarea{font-size:16px}}:root{--lg-radius: 20px;--lg-radius-sm: 12px;--lg-radius-lg: 28px;--lg-bg: rgba(255, 255, 255, .06);--lg-bg-hover: rgba(255, 255, 255, .1);--lg-bg-active: rgba(255, 255, 255, .14);--lg-border: rgba(255, 255, 255, .22);--lg-border-strong: rgba(255, 255, 255, .32);--lg-blur: blur(14px) saturate(160%);--lg-blur-lg: blur(22px) saturate(180%);--lg-blur-sm: blur(10px) saturate(150%);--lg-distort: url(#glass-distortion);--lg-distort-soft: url(#glass-distortion-soft);--lg-shadow: 0 10px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .08), inset 0 0 30px rgba(255, 255, 255, .03);--lg-shadow-sm: 0 4px 16px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .3);--lg-sheen-top: linear-gradient( 90deg, transparent, rgba(255, 255, 255, .65), transparent );--lg-sheen-left: linear-gradient( 180deg, rgba(255, 255, 255, .55), transparent, rgba(255, 255, 255, .2) );--lg-accent: #6366f1;--lg-accent-glow: rgba(99, 102, 241, .35);--lg-danger: #ef4444;--lg-danger-glow: rgba(239, 68, 68, .35)}:root{--lg-bg-image: url(https://orecticdesign.com/wp-content/uploads/2025/09/mv-bg.jpeg);--lg-bg-tint: linear-gradient( 135deg, rgba(7, 7, 15, .55) 0%, rgba(12, 12, 26, .45) 50%, rgba(9, 9, 14, .65) 100% )}.lg-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:var(--lg-bg-tint),var(--lg-bg-image);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat;background-attachment:fixed;pointer-events:none}.flat-glass .lg-stat-tile-compact,.flat-glass .lg-toolbar,.flat-glass .lg-table-wrap{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#ffffff12;box-shadow:none}.flat-glass .lg-table thead tr{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.08)}.flat-glass .lg-table tbody tr:hover{background:transparent}.lg-surface,.lg-card,.lg-panel,.lg-modal,.lg-table-wrap{position:relative;overflow:hidden;isolation:isolate;background:transparent;border:1px solid var(--lg-border);border-radius:var(--lg-radius);box-shadow:var(--lg-shadow);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);color:#fff}.lg-surface:before,.lg-card:before,.lg-panel:before,.lg-modal:before,.lg-table-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:transparent;pointer-events:none;z-index:2}.lg-surface:after,.lg-card:after,.lg-panel:after,.lg-modal:after,.lg-table-wrap:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:transparent;pointer-events:none;z-index:2}.lg-card{padding:20px}.lg-card-sm{padding:14px;border-radius:var(--lg-radius-sm)}.lg-card-lg{padding:28px;border-radius:var(--lg-radius-lg)}.lg-card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lg-card-clickable:hover{transform:translateY(-2px);border-color:var(--lg-border-strong);box-shadow:0 14px 50px #00000073,0 4px 12px #00000040,inset 0 1px #ffffff8c}.lg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font:600 13px/1 Josefin Sans,Poppins,sans-serif;letter-spacing:-.01em;color:#fff;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--lg-radius-sm);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow-sm);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden;isolation:isolate}.lg-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--lg-sheen-top);pointer-events:none;z-index:2}.lg-btn:hover:not(:disabled){background:var(--lg-bg-hover);border-color:var(--lg-border-strong);transform:translateY(-1px);box-shadow:0 6px 22px #0000004d,inset 0 1px #fff6}.lg-btn:active:not(:disabled){transform:translateY(0);background:var(--lg-bg-active)}.lg-btn:disabled{opacity:.45;cursor:not-allowed}.lg-btn-sm{padding:6px 14px;font-size:12px;border-radius:10px}.lg-btn-lg{padding:13px 28px;font-size:14px;border-radius:14px}.lg-btn-primary{background:linear-gradient(135deg,#6366f173,#6366f140);border-color:#6366f18c;box-shadow:0 6px 20px var(--lg-accent-glow),inset 0 1px #ffffff4d}.lg-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f199,#6366f159);border-color:#6366f1bf}.lg-btn-danger{background:linear-gradient(135deg,#ef444466,#ef444433);border-color:#ef44448c;color:#fee2e2;box-shadow:0 6px 20px var(--lg-danger-glow),inset 0 1px #ffffff40}.lg-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef44448c,#ef44444d);border-color:#ef4444bf}.lg-btn-ghost{background:transparent;border-color:#ffffff1f;box-shadow:none}.lg-btn-ghost:hover:not(:disabled){background:var(--lg-bg);border-color:var(--lg-border)}.lg-input,.lg-select,.lg-textarea{width:100%;padding:10px 13px;font:400 13px Josefin Sans,Poppins,sans-serif;color:#fff;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--lg-radius-sm);backdrop-filter:var(--lg-blur-sm);-webkit-backdrop-filter:var(--lg-blur-sm);box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0000001a;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.lg-input::placeholder,.lg-textarea::placeholder{color:#fff6;font-style:italic;font-weight:300}.lg-input:focus,.lg-select:focus,.lg-textarea:focus{border-color:#6366f1a6;background:#ffffff1a;box-shadow:inset 0 1px #ffffff26,0 0 0 3px #6366f12e}.lg-select option{background:#0d0d1a;color:#fff}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:var(--lg-radius-sm);backdrop-filter:var(--lg-blur-sm);-webkit-backdrop-filter:var(--lg-blur-sm);box-shadow:inset 0 1px #ffffff14;color:#fff;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}input:focus,select:focus,textarea:focus{border-color:#6366f1a6!important;background:#ffffff1a!important;box-shadow:0 0 0 3px #6366f12e!important;outline:none}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(80%);cursor:pointer}.lg-table-wrap{padding:0;background:transparent;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.lg-table-wrap>.lg-table-scroll{overflow-x:auto;border-radius:inherit}.lg-table{width:100%;border-collapse:collapse;font-size:13px;color:#fff}.lg-table thead tr{background:transparent;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:none;-webkit-backdrop-filter:none}.lg-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.lg-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:all .4s ease}.lg-table tbody tr:nth-child(2n){background:#ffffff03}.lg-table td{padding:12px 14px;vertical-align:middle}.lg-table tbody tr.is-clickable{cursor:pointer}.lg-table-wrap:before,.lg-table-wrap:after{content:none}.lg-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.lg-modal{width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;padding:0;border-radius:var(--lg-radius-lg)}.lg-modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.lg-modal-title{margin:0;font-size:18px;font-weight:500;letter-spacing:-.02em}.lg-modal-body{overflow-y:auto;padding:22px 28px 28px;flex:1}.lg-modal-close{background:var(--lg-bg);border:1px solid var(--lg-border);color:#ffffffb3;width:32px;height:32px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;backdrop-filter:var(--lg-blur-sm);-webkit-backdrop-filter:var(--lg-blur-sm);transition:background .18s ease,color .18s ease}.lg-modal-close:hover{background:var(--lg-bg-hover);color:#fff}.lg-pill,.lg-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font:500 12px Fira Code,monospace;letter-spacing:.01em;color:#fff;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:999px;backdrop-filter:var(--lg-blur-sm);-webkit-backdrop-filter:var(--lg-blur-sm);box-shadow:var(--lg-shadow-sm);white-space:nowrap}.lg-stat-tile{padding:16px 20px;background:var(--lg-bg);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--lg-accent);border-radius:var(--lg-radius-sm);backdrop-filter:var(--lg-blur-sm);-webkit-backdrop-filter:var(--lg-blur-sm);position:relative;overflow:hidden}.lg-stat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--lg-sheen-top);pointer-events:none}.lg-divider{height:1px;background:#ffffff14;border:none;margin:14px 0}@media (max-width: 640px){:root{--lg-distort: none;--lg-distort-soft: none}}.lg-stat-tile-compact{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-items:center;height:84px;padding:12px 16px;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:12px;backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow-sm);overflow:hidden;isolation:isolate}.lg-stat-tile-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--lg-sheen-top);pointer-events:none;z-index:2}.lg-stat-tile-compact:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:var(--lg-sheen-left);pointer-events:none;z-index:2}.lg-stat-tile-compact .lg-stat-label{grid-column:1;grid-row:1;font-size:11px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;line-height:1}.lg-stat-tile-compact .lg-stat-icon{grid-column:2;grid-row:1 / span 2;align-self:start;font-size:18px;opacity:.6;color:#ffffffbf;line-height:1}.lg-stat-tile-compact .lg-stat-value{grid-column:1;grid-row:2;font-size:28px;font-weight:700;color:#fff;font-family:Josefin Sans,Poppins,sans-serif;letter-spacing:-.01em;line-height:1.1;margin-top:2px}.lg-stat-tile-compact .lg-stat-trend{grid-column:1 / -1;grid-row:3;font-size:11px;font-weight:500;margin-top:4px;line-height:1}.lg-stat-trend--up,.lg-stat-trend--down,.lg-stat-trend--warn,.lg-stat-trend--muted{color:#ffffff8c}.lg-summary-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 0;margin:12px 0;font-size:13px;color:#fff9;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.lg-summary-bar>.sep{width:1px;height:14px;background:#ffffff1f}.lg-summary-bar strong{color:#fff;font-weight:600}.lg-summary-bar .lg-summary-warn{color:#fbbf24;font-weight:600}.lg-toolbar{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:48px;background:var(--lg-bg);border:1px solid var(--lg-border);border-radius:10px 10px 0 0;border-bottom:none;backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);overflow:hidden;isolation:isolate}.lg-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--lg-sheen-top);pointer-events:none;z-index:2}.lg-toolbar>.spacer{flex:1}.lg-toolbar .lg-input,.lg-toolbar .lg-select,.lg-toolbar input,.lg-toolbar select{height:32px;padding:6px 12px;font-size:12.5px}.lg-toolbar .lg-toolbar-search{position:relative;flex:1;max-width:280px}.lg-toolbar .lg-toolbar-search input{padding-left:32px}.lg-toolbar .lg-toolbar-search .lg-toolbar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fff6;font-size:12px;pointer-events:none}.lg-bulk-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px 10px 18px;background:#0f0f1a8c;border:1px solid var(--lg-border-strong);border-radius:999px;box-shadow:0 16px 48px #0000008c,0 4px 14px #00000059,inset 0 1px #ffffff4d;backdrop-filter:var(--lg-blur-lg);-webkit-backdrop-filter:var(--lg-blur-lg);z-index:900;animation:lg-pop-in .18s ease;isolation:isolate}@keyframes lg-pop-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.lg-bulk-bar .lg-bulk-count{font-size:13px;font-weight:600;color:#fff;padding-right:6px;border-right:1px solid rgba(255,255,255,.12);margin-right:4px}.lg-bulk-bar .lg-btn{box-shadow:none}.lg-status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font:600 11px Josefin Sans,Poppins,sans-serif;letter-spacing:.02em;border-radius:6px;white-space:nowrap;border:1px solid transparent}.lg-status-pill--open{background:#60a5fa2e;color:#93c5fd;border-color:#60a5fa4d}.lg-status-pill--pending,.lg-status-pill--partial{background:#f59e0b2e;color:#fcd34d;border-color:#f59e0b4d}.lg-status-pill--received{background:#10b9812e;color:#6ee7b7;border-color:#10b9814d}.lg-status-pill--cancelled{background:#ef44442e;color:#fca5a5;border-color:#ef44444d}.lg-vendor-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;font-size:10px;font-weight:700;color:#fff;background:var(--lg-avatar-bg, #6366f1);border:1px solid rgba(255,255,255,.2);letter-spacing:.02em;flex-shrink:0}.lg-vendor-cell{display:inline-flex;align-items:center;gap:8px}.lg-link{font-family:Josefin Sans,Poppins,sans-serif;font-weight:600;color:#fff;cursor:pointer;text-decoration:none;transition:color .15s ease}.lg-link:hover{color:#fff;text-decoration:underline;text-decoration-color:#ffffff80}.lg-row-menu-trigger{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:#ffffff8c;border-radius:6px;cursor:pointer;font-size:16px;transition:background .15s ease,color .15s ease,border-color .15s ease}.lg-row-menu-trigger:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.lg-row-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:140px;padding:4px;background:#0f0f1aeb;border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 14px 40px #0000008c;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);z-index:50}.lg-row-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:#fff;font-size:13px;font-family:Josefin Sans,Poppins,sans-serif;text-align:left;border-radius:6px;cursor:pointer;transition:background .15s ease}.lg-row-menu button:hover{background:#ffffff14}.lg-row-menu button.danger{color:#fca5a5}.lg-row-menu button.danger:hover{background:#ef444424;color:#fecaca}.lg-table--zebra tbody tr:nth-child(2n){background:transparent}.lg-table--zebra tbody tr:hover{background:transparent}.lg-table--compact thead tr{height:40px}.lg-table--compact thead th{font-size:11px;letter-spacing:.05em;font-weight:700;background:transparent}.lg-table--compact tbody tr{height:44px}.lg-table--compact td{padding:6px 14px}.lg-date-overdue{color:#f87171;display:inline-flex;align-items:center;gap:5px;font-weight:600}.lg-sidebar-group-label{padding:14px 14px 6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d}.lg-sidebar-item{position:relative;width:100%;padding:9px 14px 9px 18px;text-align:left;background:transparent;color:#ffffffd9;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:400;display:flex;align-items:center;gap:12px;margin:1px 0;transition:background .15s ease,color .15s ease}.lg-sidebar-item:hover{background:#ffffff0f;color:#fff}.lg-sidebar-item.active{background:#6366f11a;color:#fff;font-weight:600}.lg-sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#6366f1;border-radius:0 3px 3px 0}.lg-sidebar-item i{width:16px;text-align:center;font-size:13px;opacity:.75;flex-shrink:0}.lg-sidebar-item.active i{opacity:1;color:#818cf8}