*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f6fa;--surface: #fff;--primary: #1a237e;--text: #212121;--muted: #68707d;--ok: #2e7d32;--error: #c62828;--border: #e0e3eb;--radius: 10px}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;padding:1.25rem 1.5rem;color:#fff;background:var(--primary)}.header__title{font-size:1.4rem}.header__env{opacity:.8;font-size:.85rem}.main{max-width:1120px;margin:2rem auto;padding:0 1rem 3rem}.status-section,.dashboard-section{margin-bottom:1.5rem}h2,.status-section__heading{color:var(--primary);font-size:1.1rem;margin-bottom:.75rem}.status-box{padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.status-box--loading{color:#a85b00;border-color:#e5a94f}.status-box--ok{color:var(--ok);border-color:#76b77a}.status-box--error,.inline-error{color:var(--error);border-color:#df8585}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}#funnel-period{color:var(--muted);font-size:.9rem}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.metric-card{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.metric-card__label{display:block;color:var(--muted);font-size:.85rem}.metric-card strong{display:block;margin-top:.35rem;color:var(--primary);font-size:1.8rem}.filters{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}label{display:grid;gap:.25rem;color:var(--muted);font-size:.85rem}input,select,button{min-height:2.3rem;padding:.4rem .65rem;border:1px solid #b7bdc9;border-radius:6px;background:#fff;color:var(--text);font:inherit}button{cursor:pointer;color:#fff;background:var(--primary);border-color:var(--primary)}button:disabled{cursor:not-allowed;opacity:.5}.inline-error{min-height:1.5rem}.empty-state{padding:1rem;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.7rem .75rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:600;background:#fafbfe}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.pagination span{margin-right:auto;color:var(--muted);font-size:.9rem}@media(max-width:720px){.metric-grid{grid-template-columns:repeat(2,1fr)}.pagination{flex-wrap:wrap}}.approval-cell{white-space:normal;min-width:180px}.approval-status{font-weight:600}.approval-status--approved{color:var(--ok)}.approval-status--rejected{color:var(--error)}.approval-status--pending{color:#a85b00}.approval-recommendation{display:block;font-size:.8rem;color:var(--muted)}.approval-actions{margin-top:.35rem}.approval-form{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.approval-form input{min-width:80px;max-width:120px;font-size:.8rem;padding:.2rem .4rem;min-height:auto}.approval-btn{font-size:.75rem;padding:.2rem .5rem;min-height:auto;border-radius:4px}.approval-btn--approve{background:var(--ok);border-color:var(--ok)}.approval-btn--reject{background:var(--error);border-color:var(--error)}.approval-form-error{font-size:.75rem;color:var(--error)}