:root{--c-bg: #f3f4f6;--c-surface: #ffffff;--c-border: #e5e7eb;--c-navy: #111827;--c-navy-mid: #1f2937;--c-accent: #2563eb;--c-accent-hv: #1d4ed8;--c-accent-bg: #dbeafe;--c-green: #059669;--c-green-bg: #d1fae5;--c-amber: #d97706;--c-amber-bg: #fef3c7;--c-red: #dc2626;--c-red-bg: #fee2e2;--c-purple: #7c3aed;--c-purple-bg: #ede9fe;--c-text: #111827;--c-text-muted:#6b7280;--c-text-inv: #ffffff;--c-text-sub: #9ca3af;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--sh-sm: 0 1px 2px rgba(0,0,0,.05);--sh-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--fz-2xs: 10px;--fz-xs: 11px;--fz-sm: 13px;--fz-base: 14px;--fz-md: 15px;--fz-lg: 18px;--fz-xl: 24px;--fz-2xl: 30px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fz-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--c-bg);color:var(--c-text);line-height:1.5}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}[data-testid=app-shell]{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.pi-navbar{background:var(--c-surface);border-bottom:1px solid var(--c-border);height:52px;display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:200;gap:8px;flex-shrink:0}.pi-navbar__brand{display:flex;align-items:center;gap:10px;margin-right:8px;flex-shrink:0}.pi-navbar__logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--c-accent);border-radius:var(--r-md);font-size:var(--fz-sm);font-weight:800;color:#fff}.pi-navbar__title{font-size:var(--fz-base);font-weight:700;color:var(--c-text);white-space:nowrap}.pi-navbar__subtitle{font-size:var(--fz-2xs);color:var(--c-text-sub)}.pi-navbar__divider{width:1px;height:32px;background:var(--c-border);margin:0 8px}.pi-navbar__tabs{display:flex;align-items:center;gap:4px;flex:1}.pi-navbar__tab{font-size:var(--fz-2xs);font-weight:500;padding:5px 12px;border-radius:20px;text-decoration:none;color:var(--c-text-muted);background:var(--c-bg);transition:background .15s,color .15s;white-space:nowrap}.pi-navbar__tab:hover{background:#e5e7eb;color:var(--c-text)}.pi-navbar__tab.active{background:var(--c-accent-bg);color:var(--c-accent);font-weight:600}.pi-navbar__user{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.pi-navbar__username{font-size:var(--fz-xs);font-weight:500;color:var(--c-text-muted)}.pi-navbar__logout{font-size:var(--fz-2xs);color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);padding:4px 10px;border-radius:var(--r-sm);cursor:pointer;transition:background .15s}.pi-navbar__logout:hover{background:var(--c-bg)}#main-content{flex:1;min-height:0;padding:20px;overflow-y:auto}.pi-statusbar{background:var(--c-surface);border-top:1px solid var(--c-border);padding:6px 20px;display:flex;align-items:center;gap:16px;font-size:var(--fz-2xs);color:var(--c-text-sub);flex-shrink:0}.pi-statusbar .connected{color:var(--c-green)}.pi-page-header{margin-bottom:20px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.pi-page-header h1{font-size:var(--fz-xl);font-weight:700;color:var(--c-navy);line-height:1.2}.pi-page-header .subtitle{font-size:var(--fz-sm);color:var(--c-text-muted);margin-top:2px;flex-basis:100%}.pi-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.pi-stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:20px;box-shadow:var(--sh-card);border-left:4px solid var(--c-accent);transition:box-shadow .15s}.pi-stat:hover{box-shadow:var(--sh-md)}.pi-stat--ok{border-left-color:var(--c-green)}.pi-stat--warn,.pi-stat--warning{border-left-color:var(--c-amber)}.pi-stat--alert{border-left-color:var(--c-red)}.pi-stat--info{border-left-color:var(--c-accent)}.pi-stat__value{font-size:var(--fz-2xl);font-weight:700;color:var(--c-navy);line-height:1}.pi-stat__label{font-size:var(--fz-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.pi-stat__sub{font-size:var(--fz-xs);color:var(--c-text-muted);margin-top:2px}.pi-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:var(--fz-xs);font-weight:600;letter-spacing:.3px}.pi-badge--scheduled{background:#e3eafe;color:#2c4ecf}.pi-badge--inprogress{background:#fff3cd;color:var(--c-amber)}.pi-badge--review{background:#e8f0fe;color:#1a73e8}.pi-badge--pendinggl{background:#fde8e8;color:var(--c-red)}.pi-badge--posted{background:var(--c-green-bg);color:var(--c-green)}.pi-badge--archived{background:var(--c-border);color:var(--c-text-muted)}.pi-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-card);overflow:hidden;transition:box-shadow .15s}.pi-card:hover{box-shadow:var(--sh-md)}.pi-card__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--c-border);background:#f8f9fb}.pi-card__title{font-size:var(--fz-sm);font-weight:600;color:var(--c-navy);text-transform:uppercase;letter-spacing:.4px}.pi-card__body{padding:18px}.pi-card__foot{padding:12px 18px;border-top:1px solid var(--c-border);background:#fafbfc}.pi-section{margin-bottom:24px}.pi-section+.pi-section{margin-top:0}.pi-form{display:flex;flex-direction:column;gap:14px}.pi-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pi-field{display:flex;flex-direction:column;gap:4px}.pi-field label,.pi-label{font-size:var(--fz-xs);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.4px}.pi-field input[type=text],.pi-field input[type=date],.pi-field input[type=number],.pi-field select{padding:8px 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--fz-base);background:var(--c-surface);color:var(--c-text);transition:border-color .15s}.pi-field input:focus,.pi-field select:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px #0078d41f}.pi-checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.pi-checkbox-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fz-sm);transition:background .1s,border-color .1s}.pi-checkbox-item:hover{background:#f4f6f9;border-color:#cdd2da}.pi-checkbox-item input[type=checkbox]{accent-color:var(--c-accent);width:15px;height:15px}.pi-checkbox-item .item-label{font-weight:500;color:var(--c-text)}.pi-checkbox-item .item-desc{font-size:var(--fz-xs);color:var(--c-text-muted)}.pi-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--c-accent);color:var(--c-text-inv);border:none;border-radius:var(--r-sm);font-size:var(--fz-sm);font-weight:600;transition:background .15s,opacity .15s}.pi-btn:hover:not(:disabled){background:var(--c-accent-hv)}.pi-btn:disabled{opacity:.55;cursor:not-allowed}.pi-btn--secondary{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border)}.pi-btn--secondary:hover:not(:disabled){background:#f0f2f5}.pi-btn--danger{background:var(--c-red)}.pi-btn--danger:hover:not(:disabled){background:#a00}.pi-btn--active{background:var(--c-navy);color:var(--c-text-inv)}.pi-btn--active:hover:not(:disabled){background:var(--c-navy-mid)}.pi-btn--sm{padding:5px 12px;font-size:var(--fz-xs)}.pi-table{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.pi-table thead tr{background:#f4f6f9}.pi-table th{text-align:left;padding:9px 12px;font-size:var(--fz-xs);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--c-border)}.pi-table td{padding:10px 12px;border-bottom:1px solid var(--c-border);color:var(--c-text)}.pi-table tbody tr:nth-child(2n){background:#f8f9fb}.pi-table tbody tr:hover{background:#eef1f6}.pi-table tbody tr:last-child td{border-bottom:none}.pi-toast{position:fixed;bottom:20px;right:20px;background:var(--c-navy);color:var(--c-text-inv);padding:12px 18px;border-radius:var(--r-md);font-size:var(--fz-sm);box-shadow:var(--sh-md);z-index:9999;max-width:400px;animation:pi-toast-in .25s ease-out}@keyframes pi-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pi-alert{padding:10px 14px;border-radius:var(--r-sm);font-size:var(--fz-sm);margin-bottom:12px}.pi-alert--error{background:var(--c-red-bg);color:var(--c-red);border:1px solid #f5c0c0}.pi-alert--warn{background:var(--c-amber-bg);color:var(--c-amber);border:1px solid #fcd070}.pi-alert--ok{background:var(--c-green-bg);color:var(--c-green);border:1px solid #a3d9a5}.pi-alert--info{background:#e8f0fe;color:#1a73e8;border:1px solid #a8c7fa}.pi-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 20px}.pi-dl dt{font-size:var(--fz-xs);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:1px}.pi-dl dd{font-size:var(--fz-sm);color:var(--c-text)}[data-testid=access-denied]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:8px;color:var(--c-text-muted);text-align:center}[data-testid=access-denied] h2{font-size:var(--fz-lg);color:var(--c-red)}.pi-progress{background:var(--c-border);border-radius:4px;height:6px;overflow:hidden}.pi-progress__bar{height:100%;background:var(--c-accent);border-radius:4px;transition:width .4s}.pi-progress__bar--ok{background:var(--c-green)}.pi-progress__bar--warn{background:var(--c-amber)}.pi-phase-steps{display:flex;list-style:none;gap:0;margin-bottom:16px;counter-reset:phase}.pi-phase-step{display:flex;align-items:center;gap:6px;flex:1;position:relative;padding:8px 0}.pi-phase-step:after{content:"";flex:1;height:2px;background:var(--c-border);margin-left:6px}.pi-phase-step:last-child:after{display:none}.pi-phase-step--done:after{background:var(--c-green)}.pi-phase-step__dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--fz-xs);font-weight:700;flex-shrink:0;border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text-muted)}.pi-phase-step--done .pi-phase-step__dot{background:var(--c-green);border-color:var(--c-green);color:#fff}.pi-phase-step__label{font-size:var(--fz-xs);color:var(--c-text-muted);white-space:nowrap}.pi-phase-step--done .pi-phase-step__label{color:var(--c-green)}.pi-card__header--toggle{cursor:pointer;width:100%;text-align:left;background:#fafbfc;border:none;font:inherit;transition:background .15s}.pi-card__header--toggle:hover{background:#f0f2f5}.pi-chevron{display:inline-block;transition:transform .2s;font-size:14px;color:var(--c-text-muted)}.pi-chevron--open{transform:rotate(90deg)}.pi-table tr.row--over-threshold{background:#fee2e273!important}.pi-table tr.row--has-variance{background:#fef3c74d!important}.pi-table tr.row--selected{background:var(--c-accent-bg)!important;border-left:2px solid var(--c-accent)}.pi-cell-main{font-size:var(--fz-sm);font-weight:500;color:var(--c-text)}.pi-cell-sub{font-size:var(--fz-2xs);color:var(--c-text-sub);font-family:SF Mono,Fira Code,monospace}.pi-cell-mono{font-family:SF Mono,Fira Code,monospace}.pi-inline-progress{width:64px;height:6px;background:var(--c-border);border-radius:4px;margin-top:4px}.pi-inline-progress__bar{height:100%;background:var(--c-green);border-radius:4px;transition:width .3s}.pi-status-badge{display:inline-flex;align-items:center;font-size:var(--fz-2xs);font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.pi-status-badge--counting,.pi-status-badge--counted,.pi-status-badge--in_progress{background:#dbeafe;color:#1d4ed8}.pi-status-badge--pending{background:#e0e7ff;color:#4338ca}.pi-status-badge--variance{background:var(--c-amber-bg);color:var(--c-amber)}.pi-status-badge--approved{background:var(--c-green-bg);color:var(--c-green)}.pi-status-badge--posted{background:#d1fae5;color:#065f46}.pi-status-badge--voided{background:var(--c-red-bg);color:var(--c-red)}.pi-status-badge--open{background:#f1f5f9;color:#475569}.pi-status-badge--completed{background:var(--c-amber-bg);color:var(--c-amber)}.pi-workflow-dots{display:flex;align-items:center;gap:2px}.pi-workflow-dot{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.pi-workflow-dot--done{background:var(--c-green);color:#fff}.pi-workflow-dot--active{background:var(--c-accent);color:#fff;animation:pulse 1.5s infinite}.pi-workflow-dot--pending{background:var(--c-border);color:var(--c-text-sub)}.pi-workflow-connector{width:10px;height:2px}.pi-workflow-connector--done{background:#6ee7b7}.pi-workflow-connector--pending{background:var(--c-border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pi-detail-header{padding:16px 20px;border-bottom:1px solid var(--c-border);background:linear-gradient(to right,#f9fafb,#fff)}.pi-detail-header__top{display:flex;align-items:flex-start;justify-content:space-between}.pi-detail-header__title{font-size:var(--fz-lg);font-weight:700;color:var(--c-text);display:flex;align-items:center;gap:10px}.pi-detail-header__meta{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:var(--fz-xs);color:var(--c-text-muted)}.pi-detail-header__meta .separator{color:var(--c-border)}.pi-detail-header__actions{display:flex;gap:8px}.pi-stats-bar{padding:8px 20px;background:#f9fafb;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:20px;font-size:var(--fz-xs)}.pi-stats-bar__item span:first-child{color:var(--c-text-sub)}.pi-stats-bar__item span:last-child{font-weight:600;color:var(--c-text)}.pi-stats-bar__actions{margin-left:auto;display:flex;gap:8px}.pi-stats-bar__btn{font-size:var(--fz-2xs);color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);padding:3px 8px;border-radius:var(--r-sm);cursor:pointer}.pi-stats-bar__btn:hover{color:var(--c-text)}.var-zero{color:var(--c-green)}.var-warn{color:var(--c-amber)}.var-over{color:var(--c-red);font-weight:700}.pi-stat--admin{border-left-color:#3b82f6}.pi-stat--counter{border-left-color:#22c55e}.pi-stat--supervisor{border-left-color:#f59e0b}.pi-stat--finance{border-left-color:#a855f7}:root{--c-teal: #0d9488}.pi-phase-step--current .pi-phase-step__dot{background:var(--c-teal);border-color:var(--c-teal);color:#fff;animation:stepper-pulse 1.6s ease-in-out infinite}.pi-phase-step--current .pi-phase-step__label{color:var(--c-teal);font-weight:600}.pi-phase-step--current:after{background:var(--c-teal)}@keyframes stepper-pulse{0%,to{box-shadow:0 0 #0d948866}50%{box-shadow:0 0 0 6px #0d948800}}.pi-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--c-border);border-top-color:var(--c-teal, #0d9488);border-radius:50%;animation:pi-spin .7s linear infinite;flex-shrink:0}@keyframes pi-spin{to{transform:rotate(360deg)}}.pi-grid-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.pi-grid-toolbar label{font-size:var(--fz-2xs);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.4px}.pi-grid-toolbar select,.pi-grid-toolbar input[type=search]{padding:5px 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--fz-xs);background:var(--c-surface);color:var(--c-text)}.pi-grid-toolbar select:focus,.pi-grid-toolbar input:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 2px #2563eb1f}@media (min-width: 640px){.pi-modal-card{border-radius:12px!important;width:560px!important;align-self:center}}