:root{--color-bg: #f4f6fa;--color-surface: #ffffff;--color-text: #0f172a;--color-muted: #64748b;--color-border: #e2e8f0;--color-primary: #1d4ed8;--color-primary-hover: #1e40af;--color-danger: #b91c1c;--color-danger-hover: #991b1b;--color-success: #15803d;--color-warn: #b45309;--color-info: #0e7490;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--radius: 10px;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--color-primary);color:#fff;font-weight:500;transition:background .15s ease}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:#f1f5f9}.btn-danger{background:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-success{background:var(--color-success)}.btn-success:hover:not(:disabled){background:#166534}.btn-sm{padding:5px 10px;font-size:12px}input,textarea,select{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;background:#fff;color:var(--color-text)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}label{display:block;margin-bottom:4px;font-weight:500;color:var(--color-text);font-size:13px}.field{margin-bottom:14px}.field-error{color:var(--color-danger);font-size:12px;margin-top:4px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.page{max-width:1200px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.muted{color:var(--color-muted)}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;font-size:13px;border-bottom:1px solid var(--color-border)}th{background:#f8fafc;font-weight:600;color:var(--color-muted);text-transform:uppercase;font-size:11px;letter-spacing:.04em}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;background:#e2e8f0;color:#334155;text-transform:uppercase;letter-spacing:.04em}.badge-draft{background:#e2e8f0;color:#334155}.badge-pending-manager-approval{background:#fef3c7;color:#92400e}.badge-pending-finance-review{background:#dbeafe;color:#1d4ed8}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-cancelled{background:#f1f5f9;color:#64748b}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.alert{padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:14px;font-size:13px}.alert-error{background:#fee2e2;color:var(--color-danger)}.alert-success{background:#dcfce7;color:var(--color-success)}.alert-info{background:#dbeafe;color:var(--color-primary)}.flex-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}@media (max-width: 800px){html,body{font-size:13.5px}.page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header>div:first-child{width:100%}.page-header h1{font-size:20px}.card{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr;gap:8px}.table-wrapper.stacked table,.table-wrapper.stacked thead,.table-wrapper.stacked tbody,.table-wrapper.stacked tr,.table-wrapper.stacked th,.table-wrapper.stacked td{display:block;width:100%}.table-wrapper.stacked thead{display:none}.table-wrapper.stacked tr{border-bottom:1px solid var(--color-border);padding:10px 0}.table-wrapper.stacked tr:last-child{border-bottom:0}.table-wrapper.stacked td{padding:6px 14px;border:0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right}.table-wrapper.stacked td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-weight:600;text-align:left}.table-wrapper.stacked td[data-label=""]:before{content:""}.btn{padding:9px 14px}.btn-sm{padding:6px 10px}}