@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.toast-stack[data-v-1ee02336]{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:380px}.toast[data-v-1ee02336]{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:10px;font-size:.88rem;font-weight:500;cursor:pointer;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast--success[data-v-1ee02336]{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.toast--error[data-v-1ee02336]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast--warning[data-v-1ee02336]{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.toast--info[data-v-1ee02336]{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.toast-icon[data-v-1ee02336]{font-size:1.1em;flex-shrink:0}.toast-msg[data-v-1ee02336]{flex:1}.toast-close[data-v-1ee02336]{background:none;border:none;font-size:1.2em;cursor:pointer;color:inherit;opacity:.5;padding:0;line-height:1}.toast-close[data-v-1ee02336]:hover{opacity:1}.toast-enter-active[data-v-1ee02336]{transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-leave-active[data-v-1ee02336]{transition:all .2s ease-in}.toast-enter-from[data-v-1ee02336]{opacity:0;transform:translate(100%)}.toast-leave-to[data-v-1ee02336]{opacity:0;transform:translate(30px)}.toast-move[data-v-1ee02336]{transition:transform .3s ease}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fb;--bg-elevated: #ffffff;--bg-hover: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--text-inverse: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: rgba(37, 99, 235, .08);--success: #16a34a;--success-light: #ecfdf5;--danger: #dc2626;--danger-light: #fef2f2;--warning: #f59e0b;--warning-light: #fffbeb;--card-bg: #ffffff;--card-border: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .03);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--z-sticky-header: 200;--z-header-dropdown: 320;--z-modal: 1200;--z-floating-widget: 9000}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-elevated: #1e293b;--bg-hover: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--text-inverse: #0f172a;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-light: rgba(59, 130, 246, .15);--success-light: rgba(22, 163, 74, .15);--danger-light: rgba(220, 38, 38, .15);--warning-light: rgba(245, 158, 11, .15);--card-bg: #1e293b;--card-border: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}:root{--font-xs: .6875rem;--font-sm: .75rem;--font-base: .8125rem;--font-md: .875rem;--font-lg: 1rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .05em}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--font-md);line-height:1.5;letter-spacing:var(--tracking-normal);color:var(--text);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a.nav-tab,a.inv-tab,a.payroll-tab,a.p-tab{color:inherit;text-decoration:none!important}a.inv-tab{color:#71717a}a.inv-tab:hover{color:#18181b;text-decoration:none!important}a.inv-tab.active{color:#18181b}::selection{background:var(--accent-light);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:10px;font-size:var(--font-base);font-weight:600;letter-spacing:-.005em;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn:active{transform:scale(.97);transition-duration:.08s}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:#18181b;color:#fafafa}.btn-primary:hover:not(:disabled){background:#27272a;box-shadow:0 4px 12px #0000001f}.btn-secondary{background:#f4f4f5;color:#3f3f46}.btn-secondary:hover:not(:disabled){background:#e4e4e7}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:#71717a}.btn-ghost:hover:not(:disabled){background:#f4f4f5;color:#18181b}.card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #00000005}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.form-label{font-size:.6875rem;font-weight:700;color:#a1a1aa;letter-spacing:.06em;text-transform:uppercase}.form-input,.form-select{padding:.5rem .75rem;border:1px solid #e4e4e7;border-radius:10px;font-size:var(--font-base);font-family:inherit;background:#fff;color:#18181b;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{outline:none;border-color:#a1a1aa;box-shadow:0 0 0 3px #0000000a}textarea.form-input{resize:vertical;min-height:80px}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-base);letter-spacing:var(--tracking-normal)}.data-table th,.data-table td{padding:.65rem .85rem;border-bottom:1px solid #f4f4f5;text-align:left}.data-table th{font-weight:700;color:#a1a1aa;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;background:#fafafa;position:sticky;top:0;z-index:1}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#fafafa}.data-table .num{font-variant-numeric:tabular-nums}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-title{margin:0;font-size:1.5rem;font-weight:800;color:#18181b;letter-spacing:-.03em}.page-content{padding:1.5rem 2rem}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:100px;font-size:.6875rem;font-weight:600;letter-spacing:.01em}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--accent-light);color:var(--accent)}.badge-muted{background:var(--bg-hover);color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-right{text-align:right}.text-center{text-align:center}.font-mono{font-variant-numeric:tabular-nums}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.error-msg{padding:.75rem 1rem;background:var(--danger-light);border:1px solid #fecaca;border-radius:var(--radius);color:var(--danger);font-size:var(--font-base)}.success-msg{padding:.75rem 1rem;background:var(--success-light);border:1px solid #a7f3d0;border-radius:var(--radius);color:var(--success);font-size:var(--font-base)}input[type=checkbox],input[type=radio]{accent-color:#18181b}*:focus-visible{outline:2px solid #a1a1aa;outline-offset:2px}select:focus-visible,input:focus-visible,button:focus-visible{outline:none;border-color:#a1a1aa;box-shadow:0 0 0 3px #0000000a}::-webkit-scrollbar{width:0;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.proc-page{--p-bg: #F8FAFC;--p-bg-card: #ffffff;--p-bg-subtle: #F1F5F9;--p-bg-hover: #E2E8F0;--p-border: #E2E8F0;--p-border-light: #F1F5F9;--p-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--p-shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--p-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.05);--p-text: #1E293B;--p-text-secondary: #475569;--p-text-muted: #94A3B8;--p-text-inverse: #ffffff;--p-accent: #18181b;--p-accent-hover: #27272a;--p-accent-light: rgba(24,24,27,.06);--p-accent-bg: rgba(24,24,27,.04);--accent: #18181b;--accent-bg: rgba(24,24,27,.06);--p-success: #16a34a;--p-success-bg: rgba(22,163,74,.08);--p-warning: #d97706;--p-warning-bg: rgba(217,119,6,.08);--p-danger: #dc2626;--p-danger-bg: rgba(220,38,38,.08);--p-info: #2563eb;--p-info-bg: rgba(37,99,235,.08);--p-neutral: #64748b;--p-neutral-bg: rgba(100,116,139,.08);--p-radius-sm: 8px;--p-radius: 12px;--p-radius-lg: 16px;--p-radius-pill: 100px;--p-font: "Inter", system-ui, -apple-system, sans-serif;--p-text-xs: .6875rem;--p-text-sm: .8125rem;--p-text-base: .875rem;--p-text-md: 1rem;--p-text-lg: 1.25rem;--p-text-xl: 1.5rem;--p-text-2xl: 2rem;font-family:var(--p-font);color:var(--p-text);background:var(--p-bg)}.proc-page .p-card{background:var(--p-bg-card);border:1px solid var(--p-border-light);border-radius:var(--p-radius-lg);box-shadow:var(--p-shadow-sm)}.proc-page .p-card--interactive{cursor:pointer;transition:box-shadow .2s,transform .2s}.proc-page .p-card--interactive:hover{box-shadow:var(--p-shadow-md);transform:translateY(-1px)}.proc-page .p-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.1rem;border:none;border-radius:var(--p-radius-sm);font-family:var(--p-font);font-size:var(--p-text-sm);font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none;line-height:1.4}.proc-page .p-btn--primary{background:var(--p-accent);color:var(--p-text-inverse)}.proc-page .p-btn--primary:hover{background:var(--p-accent-hover)}.proc-page .p-btn--secondary{background:var(--p-bg-card);color:var(--p-text);border:1px solid var(--p-border)}.proc-page .p-btn--secondary:hover{background:var(--p-bg-subtle);border-color:var(--p-text-muted)}.proc-page .p-btn--ghost{background:transparent;color:var(--p-text-secondary)}.proc-page .p-btn--ghost:hover{color:var(--p-text);background:var(--p-bg-subtle)}.proc-page .p-btn--sm{padding:.35rem .75rem;font-size:var(--p-text-xs)}.proc-page .p-btn--lg{padding:.6rem 1.5rem;font-size:var(--p-text-base)}.proc-page .p-tabs{display:flex;gap:.3rem}.proc-page .p-tab{padding:.45rem 1rem;border-radius:var(--p-radius-sm);font-size:var(--p-text-sm);font-weight:600;color:var(--p-text-secondary);border:1px solid var(--p-border);text-decoration:none!important;cursor:pointer;transition:all .15s;background:var(--p-bg-card)}.proc-page .p-tab:hover{background:var(--p-bg-subtle);color:var(--p-text);text-decoration:none!important}.proc-page .p-tab--active,.proc-page .p-tab--active:hover,.proc-page a.p-tab--active,.proc-page a.p-tab--active:hover{background:var(--p-accent);color:var(--p-text-inverse)!important;border-color:var(--p-accent);cursor:default;text-decoration:none!important}.proc-page .p-label{display:block;font-size:var(--p-text-xs);font-weight:700;color:var(--p-text-muted);letter-spacing:.06em;text-transform:uppercase}.proc-page .p-page-title{font-size:var(--p-text-xl);font-weight:800;color:var(--p-text);letter-spacing:-.02em;margin:0;line-height:1.2}.proc-page .p-section-title{font-size:var(--p-text-md);font-weight:700;color:var(--p-text);letter-spacing:-.01em;margin:0}.proc-page .p-subtitle{font-size:var(--p-text-sm);color:var(--p-text-secondary);margin:.2rem 0 0}.proc-page .p-breadcrumb{font-size:var(--p-text-xs);font-weight:700;color:var(--p-accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.3rem}.proc-page .p-input{padding:.45rem .65rem;border:1px solid var(--p-border);border-radius:var(--p-radius-sm);background:var(--p-bg-card);color:var(--p-text);font-size:var(--p-text-sm);font-family:var(--p-font);transition:border-color .15s,box-shadow .15s}.proc-page .p-input:focus{outline:none;border-color:var(--p-accent);box-shadow:0 0 0 3px var(--p-accent-light)}.proc-page .p-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.85rem 1.25rem;overflow:visible;position:relative;z-index:20}.proc-page .p-filter-group{display:flex;flex-direction:column;gap:.2rem}.proc-page .p-dd-wrap{position:relative;z-index:21}.proc-page .p-dd-btn{display:inline-flex;align-items:center;gap:.4rem;min-width:150px;padding:.45rem .65rem;border:1px solid var(--p-border);border-radius:var(--p-radius-sm);background:var(--p-bg-card);color:var(--p-text);font-size:var(--p-text-sm);font-family:var(--p-font);cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proc-page .p-dd-btn--fixed{width:160px}.proc-page .p-dd-btn:hover{border-color:var(--p-text-muted)}.proc-page .p-dd-btn:after{content:"";margin-left:auto;flex-shrink:0;border:.28rem solid transparent;border-top-color:var(--p-text-muted)}.proc-page .p-dd-menu{display:none;position:absolute;top:100%;left:0;margin-top:.3rem;min-width:100%;max-height:16rem;overflow-y:auto;background:var(--p-bg-card);border:1px solid var(--p-border);border-radius:var(--p-radius);box-shadow:var(--p-shadow-lg);z-index:1000;padding:.4rem 0}.proc-page .p-dd-menu.open{display:block}.proc-page .p-dd-menu label{display:flex;align-items:center;padding:.45rem .75rem;cursor:pointer;font-size:var(--p-text-sm)}.proc-page .p-dd-menu label:hover{background:var(--p-bg-subtle)}.proc-page .p-dd-menu input[type=checkbox]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.proc-page .p-dd-menu label span{flex:1;position:relative;padding-right:1.5rem}.proc-page .p-dd-menu input:checked+span:after{content:"✓";position:absolute;right:0;color:var(--p-accent);font-weight:700;font-size:.95em}.proc-page .p-kpi{padding:1.1rem 1.25rem;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;overflow:hidden}.proc-page .p-kpi--clickable{cursor:pointer;transition:box-shadow .15s,transform .15s}.proc-page .p-kpi--clickable:hover{box-shadow:var(--p-shadow-md);transform:translateY(-1px)}.proc-page .p-kpi__label{font-size:.6875rem;font-weight:700;color:#a1a1aa;letter-spacing:.06em;text-transform:uppercase}.proc-page .p-kpi__value{font-size:1.5rem;font-weight:800;line-height:1.15;margin-top:.25rem;color:#18181b;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.proc-page .p-kpi__note{font-size:var(--p-text-xs);color:var(--p-text-muted);margin-top:.2rem}.proc-page .p-kpi--success,.proc-page .p-kpi--warning,.proc-page .p-kpi--danger,.proc-page .p-kpi--info,.proc-page .p-kpi--neutral{border-left:none}.proc-page .p-table{width:100%;border-collapse:collapse}.proc-page .p-table th{background:var(--p-bg-subtle);color:var(--p-text-muted);font-size:var(--p-text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.55rem .7rem;text-align:left;white-space:nowrap;position:sticky;top:0;z-index:2}.proc-page .p-table td{padding:.55rem .7rem;border-bottom:1px solid var(--p-border-light);font-size:var(--p-text-base)}.proc-page .p-table tr:hover td{background:var(--p-bg-subtle)}.proc-page .p-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.proc-page .p-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.proc-page .p-table th.sortable:hover{color:var(--p-text)}.proc-page .p-table th.sorted{color:var(--p-accent)}.proc-page .p-badge{display:inline-block;padding:.12rem .5rem;border-radius:var(--p-radius-pill);font-size:var(--p-text-xs);font-weight:600;line-height:1.4}.proc-page .p-badge--success{background:var(--p-success-bg);color:var(--p-success)}.proc-page .p-badge--warning{background:var(--p-warning-bg);color:var(--p-warning)}.proc-page .p-badge--danger{background:var(--p-danger-bg);color:var(--p-danger)}.proc-page .p-badge--info{background:var(--p-info-bg);color:var(--p-info)}.proc-page .p-badge--neutral{background:var(--p-neutral-bg);color:var(--p-neutral)}.proc-page .p-switcher{display:inline-flex;gap:0;border:1px solid var(--p-border);border-radius:var(--p-radius-sm);overflow:hidden}.proc-page .p-switcher__btn{padding:.4rem .85rem;font-size:var(--p-text-sm);font-weight:600;font-family:var(--p-font);border:none;background:var(--p-bg-card);color:var(--p-text-secondary);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:.3rem}.proc-page .p-switcher__btn:not(:last-child){border-right:1px solid var(--p-border)}.proc-page .p-switcher__btn:hover{background:var(--p-bg-subtle);color:var(--p-text)}.proc-page .p-switcher__btn--active{background:var(--p-accent);color:var(--p-text-inverse)}.proc-page .p-switcher__btn--active:hover{background:var(--p-accent-hover);color:var(--p-text-inverse)}.proc-page .p-switcher__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:var(--p-radius-pill);font-size:.68rem;font-weight:700;background:#00000014;padding:0 4px}.proc-page .p-switcher__btn--active .p-switcher__count{background:#ffffff40;color:inherit}.proc-page .p-hero{padding:1.25rem 1.5rem;background:radial-gradient(ellipse at top right,var(--p-accent-light),transparent 50%),linear-gradient(135deg,var(--p-bg-card),var(--p-bg-subtle));border-bottom:1px solid var(--p-border-light)}.proc-page .text-success{color:var(--p-success)}.proc-page .text-warning{color:var(--p-warning)}.proc-page .text-danger{color:var(--p-danger)}.proc-page .text-info{color:var(--p-info)}.proc-page .text-muted{color:var(--p-text-muted)}.proc-page .text-secondary{color:var(--p-text-secondary)}.proc-page .fw-800{font-weight:800}.proc-page .fw-700{font-weight:700}.proc-page .fw-600{font-weight:600}.proc-page{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;min-height:calc(100vh - 56px)}@media(max-width:768px){.proc-page{padding:1rem;gap:1rem}}