:root{--ocb-navy: #212d53;--ocb-blue: #4a6ca4;--ocb-sky: #6992af;--ocb-green: #7bae6d;--ocb-slate: #a9bccd;--ocb-mist: #d4e3ef;--bg: var(--ocb-mist);--surface: #ffffff;--surface-2: #f6f8fb;--text: #0b1220;--text-muted: #445066;--border: rgba(33, 45, 83, .18);--shadow: 0 10px 30px rgba(33, 45, 83, .12);--primary: var(--ocb-navy);--primary-hover: #1b2546;--primary-contrast: #ffffff;--secondary: var(--ocb-blue);--secondary-hover: #3f5f93;--accent: var(--ocb-green);--danger: #b42318;--danger-hover: #8f1c13;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--container: 1480px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--status-pending-bg: rgba(74, 108, 164, .18);--status-pending-bd: rgba(74, 108, 164, .38);--status-pending-tx: rgba(33, 45, 83, 1);--status-approved-bg: rgba(123, 174, 109, .22);--status-approved-bd: rgba(123, 174, 109, .42);--status-approved-tx: rgba(26, 83, 45, 1);--status-rejected-bg: rgba(180, 35, 24, .14);--status-rejected-bd: rgba(180, 35, 24, .34);--status-rejected-tx: rgba(143, 28, 19, 1);--status-cancelled-bg: rgba(68, 80, 102, .14);--status-cancelled-bd: rgba(68, 80, 102, .3);--status-cancelled-tx: rgba(68, 80, 102, 1);--status-draft-bg: rgba(105, 146, 175, .18);--status-draft-bd: rgba(105, 146, 175, .36);--status-draft-tx: rgba(33, 45, 83, 1);--status-queued-bg: rgba(169, 188, 205, .22);--status-queued-bd: rgba(169, 188, 205, .42);--status-queued-tx: rgba(33, 45, 83, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg)}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--border);margin:var(--space-4) 0}h1,h2,h3{margin:0 0 var(--space-3) 0;color:var(--ocb-navy);letter-spacing:-.01em}p{margin:0 0 var(--space-3) 0;color:var(--text)}small{color:var(--text-muted)}label{font-weight:600;color:var(--ocb-navy)}input,select,textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#4a6ca4a6;box-shadow:0 0 0 4px #4a6ca426}textarea{resize:vertical}button{appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 12px;font-weight:650;cursor:pointer;background:var(--primary);color:var(--primary-contrast)}button:hover{background:var(--primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.container{max-width:var(--container);margin:0 auto;padding:0 16px}.page{display:grid;gap:14px;padding:var(--space-5) 0}.page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:6px 0}.page__title{display:grid;gap:4px}.muted{margin:0;color:var(--text-muted);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5);min-width:0}.card__title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;min-width:0}.card__title h3{margin:0;font-weight:650}.btn-secondary{background:#4a6ca41f;color:var(--ocb-navy);border:1px solid var(--border)}.btn-secondary:hover{background:#4a6ca42e}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#6992af2e;color:var(--ocb-navy);font-size:12px;white-space:nowrap;box-shadow:0 1px #0b12200a;letter-spacing:.01em;font-weight:650;flex:0 0 auto}.badge.badge--sm{padding:4px 10px;font-size:12px}.badge.status-pending{background:var(--status-pending-bg);border-color:var(--status-pending-bd);color:var(--status-pending-tx)}.badge.status-approved{background:var(--status-approved-bg);border-color:var(--status-approved-bd);color:var(--status-approved-tx)}.badge.status-rejected{background:var(--status-rejected-bg);border-color:var(--status-rejected-bd);color:var(--status-rejected-tx)}.badge.status-cancelled{background:var(--status-cancelled-bg);border-color:var(--status-cancelled-bd);color:var(--status-cancelled-tx)}.badge.status-draft{background:var(--status-draft-bg);border-color:var(--status-draft-bd);color:var(--status-draft-tx)}.badge.status-queued{background:var(--status-queued-bg);border-color:var(--status-queued-bd);color:var(--status-queued-tx)}.pill{font-size:12px;font-weight:600;color:var(--ocb-navy);background:#6992af24;border:1px solid var(--border);padding:3px 10px;border-radius:999px;flex:0 0 auto}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.list__item{padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);display:grid;gap:6px;min-width:0}.list__top{display:flex;align-items:flex-start;gap:10px;min-width:0;flex-wrap:nowrap}.list__link{flex:1 1 auto;min-width:0;overflow:hidden;display:block;text-decoration:none;color:var(--ocb-navy);font-weight:650}.list__link:hover{color:var(--secondary);text-decoration:none}.list__headline{display:flex;align-items:baseline;gap:8px;min-width:0}.list__code{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums}.list__sep{flex:0 0 auto;color:var(--text-muted)}.list__title{flex:1 1 auto;min-width:0;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.list__top .badge{margin-left:10px}.list__meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-muted);font-weight:500;font-size:13px;min-width:0}.error{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:#b4231814;border:1px solid rgba(180,35,24,.22);color:var(--danger);font-weight:600}@media(max-width:520px){.page__header{flex-direction:column;align-items:stretch}}