.proc-page{max-width:1440px;margin:0 auto;padding:28px 28px 56px;color:#102118}.proc-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #dcebdc;border-radius:18px;background:linear-gradient(118deg,#f0fdf4,#fff 58%,#f7fbf3);box-shadow:0 12px 32px #1f482e12}.proc-hero h2{margin:3px 0 4px;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}.proc-hero p:not(.proc-eyebrow){max-width:720px;color:#526b5b}.proc-eyebrow,.proc-kicker{margin:0;color:#16803f;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.proc-role-chip{display:grid;flex:0 0 auto;gap:2px;min-width:150px;padding:10px 14px;border:1px solid #cde5d1;border-radius:12px;background:#ffffffdb}.proc-role-chip span{color:#718176;font-size:.72rem}.proc-tabs{display:flex;gap:6px;margin:18px 0;padding:5px;overflow-x:auto;border:1px solid #dfecdf;border-radius:13px;background:#fff;scrollbar-width:thin}.proc-tab{flex:1 0 auto;border:1px solid transparent;background:transparent;color:#53695a;white-space:nowrap}.proc-tab.active{border-color:#b8dbbf;background:#eaf8ed;color:#145b2c;box-shadow:0 2px 7px #1c5a2f14}.proc-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.62fr);gap:18px;align-items:start}.proc-card{min-width:0;padding:20px;border:1px solid #dfebdf;border-radius:16px;background:#fff;box-shadow:0 5px 18px #183d240b}.proc-list-panel{position:sticky;top:14px}.proc-card-heading,.proc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.proc-card-heading h3,.proc-section-heading h4,.proc-form h4{margin:2px 0 0;font-size:1.08rem;letter-spacing:-.015em}.proc-section-heading{margin:24px 0 11px;padding-top:18px;border-top:1px solid #edf3ed}.proc-section-heading>span{color:#708075;font-size:.8rem}.proc-filter-grid,.proc-form-grid{display:grid;gap:12px}.proc-filter-grid{grid-template-columns:1fr auto;align-items:end;margin:16px 0}.proc-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.proc-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.proc-page label{display:flex;flex-direction:column;gap:5px;margin:0;color:#465e4d;font-size:.79rem;font-weight:650}.proc-page input,.proc-page select,.proc-page textarea{width:100%;min-height:40px;padding:8px 10px;border:1px solid #cfdfd1;border-radius:9px;background:#fff;color:#13231a;font:inherit}.proc-page textarea{min-height:74px;resize:vertical}.proc-page input:focus,.proc-page select:focus,.proc-page textarea:focus{outline:2px solid #67bf7c;outline-offset:1px;border-color:#3a9f56}.proc-page input:disabled,.proc-page select:disabled,.proc-page textarea:disabled{background:#f4f7f4;color:#607065}.proc-check{flex-direction:row!important;align-items:center;min-height:44px;padding:0 3px;white-space:nowrap}.proc-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;flex:none;border:none;background:transparent;position:relative;cursor:pointer;vertical-align:middle}.proc-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.proc-list-button{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1ebe1;border-radius:11px;background:#fbfdfb;text-align:left;overflow-wrap:anywhere}.proc-list-button>span{min-width:0}.proc-list-title{overflow-wrap:anywhere}.proc-list-button:hover,.proc-list-button.selected{border-color:#92c99e;background:#f0faf2}.proc-list-button.selected{box-shadow:inset 3px 0 #208244}.proc-list-main{display:grid;min-width:0}.proc-list-main strong,.proc-list-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proc-list-main small,.proc-table small{display:block;margin-top:2px;color:#718076;font-size:.73rem;font-weight:450}.proc-status{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:999px;background:#edf3ee;color:#4c6253;font-size:.68rem;font-weight:750;line-height:1.2;white-space:nowrap}.proc-status.active,.proc-status.approved,.proc-status.posted,.proc-status.received{background:#dcf6e2;color:#176132}.proc-status.draft{background:#fff5d9;color:#845f08}.proc-status.partially_received{background:#e6f1ff;color:#245fa2}.proc-status.archived,.proc-status.cancelled{background:#f2f2f2;color:#68706b}.proc-status.reversed,.proc-status.corrected{background:#ffe9d6;color:#93500a}.proc-form{display:grid;gap:12px}.proc-form-divider{margin-top:18px;padding-top:18px;border-top:1px solid #e8f0e8}.proc-actions,.proc-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.proc-btn{padding:9px 14px;border:1px solid transparent;border-radius:9px;font-size:.82rem;font-weight:700}.proc-btn.primary{background:#176b36;color:#fff}.proc-btn.accent{background:#0b7668;color:#fff}.proc-btn.secondary{border-color:#cfddd1;background:#fff;color:#37513e}.proc-btn.danger{border-color:#efc7c7;background:#fff7f7;color:#a12a2a}.proc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:16px 0;overflow:hidden;border:1px solid #e1ebe1;border-radius:12px;background:#e1ebe1}.proc-metrics div{min-width:0;padding:11px 12px;background:#f9fcf9}.proc-metrics dt{color:#738078;font-size:.7rem}.proc-metrics dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:.86rem;font-weight:700}.proc-notes{padding:11px 13px;border-left:3px solid #91c49b;background:#f7fbf7;color:#4e6254;font-size:.86rem}.proc-table-wrap{overflow-x:auto;border:1px solid #e1eae1;border-radius:11px}.proc-table{width:100%;min-width:630px;border-collapse:collapse;font-size:.78rem}.proc-table th,.proc-table td{padding:10px 11px;border-bottom:1px solid #edf2ed;text-align:left;vertical-align:top}.proc-table th{background:#f5f9f5;color:#5a6d5f;font-size:.68rem;letter-spacing:.025em}.proc-table tr:last-child td{border-bottom:0}.proc-inline-actions{flex-wrap:nowrap}.proc-inline-actions button{padding:2px 3px;background:transparent;color:#176b36;font-size:.74rem}.proc-inline-actions .danger-link{color:#ad3030}.proc-empty{display:grid;place-items:center;min-height:210px;padding:28px;color:#5e7063;text-align:center}.proc-empty.compact{min-height:105px;padding:18px}.proc-empty strong{align-self:end}.proc-empty span{align-self:start;max-width:420px;color:#7a887e;font-size:.8rem}.proc-alert{margin:12px 0;padding:11px 13px;border:1px solid;border-radius:10px;font-size:.84rem}.proc-alert.error{border-color:#f0c6c6;background:#fff5f5;color:#982727}.proc-alert.success{border-color:#b9ddc0;background:#effaf1;color:#165d2d}.proc-alert.info{border-color:#bed7ee;background:#f0f7ff;color:#285d87}.proc-alert.warning{border-color:#ebd39a;background:#fff9e9;color:#745817}.proc-help{color:#6b7c70;font-size:.76rem}.proc-summary-band{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;border-radius:10px;background:#f1f8f2;font-size:.8rem}.proc-summary-band span:nth-child(2){flex:1;color:#627167}.proc-accounting-note{display:grid;gap:2px;margin:14px 0;padding:12px 14px;border:1px solid #c9ded1;border-radius:10px;background:#f3faf5;color:#345742;font-size:.8rem}.proc-accounting-note span{color:#5f7165}.proc-loading{display:grid;min-height:260px;place-items:center;color:#627267}@media(max-width:1000px){.proc-layout{grid-template-columns:1fr}.proc-list-panel{position:static}.proc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.proc-page{padding:16px 12px 40px}.proc-hero{align-items:stretch;flex-direction:column;padding:19px}.proc-role-chip{width:100%}.proc-card{padding:15px;border-radius:13px}.proc-filter-grid,.proc-form-grid.two,.proc-form-grid.three,.proc-metrics{grid-template-columns:1fr}.proc-card-heading{align-items:flex-start}.proc-card-heading .proc-btn{flex:0 0 auto}}:root{--color-bg: #f6faf6;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-primary: #166534;--color-primary-hover: #14532d;--color-primary-light: #dcfce7;--color-accent: #16a34a;--color-accent-light: #bbf7d0;--color-text: #0f1f17;--color-text-secondary: #3f5c48;--color-text-muted: #6b7f72;--color-border: #d6e5d6;--color-border-light: #e8f2e8;--color-danger: #b91c1c;--color-danger-bg: #fef2f2;--color-warning: #a16207;--color-warning-bg: #fffbeb;--color-info: #1d4ed8;--color-info-bg: #eff6ff;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);padding:10px 18px;font-size:.95rem;font-weight:500;transition:background .15s ease,opacity .15s ease}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--color-primary);color:#fff}button.primary:hover:not(:disabled){background:var(--color-primary-hover)}input{font-family:inherit;font-size:.95rem;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);width:100%}input:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:none;background:transparent;position:relative;flex:none;cursor:pointer;vertical-align:middle}input[type=checkbox]:before,input[type=radio]:before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1.5px solid var(--color-text-muted);background-color:var(--color-surface)}input[type=checkbox]:before{border-radius:5px}input[type=radio]:before{border-radius:50%}input[type=checkbox]:checked:before{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3.2 3.2L12.5 5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 12px}input[type=radio]:checked:before{border-color:var(--color-primary);background-image:radial-gradient(circle,var(--color-primary) 0 4px,transparent 4.5px)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=checkbox]:disabled:before,input[type=radio]:disabled:before{opacity:.5}