.fr-page{color:#263956}.fr-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 24px}.fr-hero h2{font-size:28px;margin:8px 0 12px}.fr-hero p{color:#72819b;line-height:1.8;margin:0}.fr-eyebrow{font-size:11px;color:#6581b8;font-weight:800;letter-spacing:1.5px}.fr-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fr-metric{border:1px solid #e0e7f2;border-radius:16px;background:white;padding:22px;text-align:left;cursor:pointer;box-shadow:0 5px 20px #243b5b04;color:#314564}.fr-metric:hover{border-color:#698df1}.fr-metric small,.fr-metric span{display:block;color:#72819b;font-size:12px}.fr-metric strong{display:block;font-size:32px;margin:12px 0}.fr-metric em{font-style:normal;font-size:12px;margin-left:8px;color:#8b98ad}.fr-flow{display:flex;align-items:center;justify-content:space-around;padding:20px 10px;color:#637697;font-size:12px;gap:12px}.fr-flow i{font-style:normal;color:#a7b7d1}.fr-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e2e8f3;padding:0 0 16px}.fr-tabs button{background:#f5f7fb;border:0;border-radius:9px;padding:10px 15px;color:#677b99;font:inherit;font-size:13px;cursor:pointer}.fr-tabs button.active{color:#fff;background:#315feb}.fr-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.fr-filters>input{flex:1;min-width:250px}.fr-filters input,.fr-filters select{border:1px solid #d7e0ee;border-radius:8px;padding:10px;font:inherit;background:#fff;min-width:0}.fr-filters label{display:flex;gap:7px;align-items:center;font-size:12px;color:#71809b}.fr-list-summary{display:flex;justify-content:space-between;gap:12px;margin:18px 0;color:#73839c;font-size:12px}.fr-list-summary b{color:#415c89}.fr-table{min-width:1140px}.fr-table td{vertical-align:top;white-space:normal!important;max-width:230px;font-size:12px;line-height:1.7}.fr-table small,.fr-charge-table small{display:block;color:#8591a5;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.fr-row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:150px}.fr-row-actions button{font-size:12px;padding:7px 10px}.fr-badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#eef2f7;color:#73809a;font-weight:700;font-size:12px;white-space:nowrap}.fr-badge.pending{color:#ac7317;background:#fff5dd}.fr-badge.approved{color:#137d68;background:#e4f7ef}.fr-badge.rejected{color:#c73b58;background:#ffedf1}.fr-badge.invoiced{color:#4065cc;background:#ecf1ff}.fr-alert{display:block;color:#b96a19;background:#fff5dd;padding:3px 6px;border-radius:5px;font-size:11px}.fr-empty{text-align:center;padding:60px 24px}.fr-empty>div{font-size:40px;color:#86a0ce}.fr-empty h3{margin:16px 0 10px}.fr-empty p{color:#7d8ba2;font-size:13px;line-height:1.8}.fr-empty button{margin-top:15px}.fr-box{max-width:1160px!important;width:min(1160px,95vw)!important;max-height:93vh;overflow:auto;box-sizing:border-box}.fr-box h3{margin:8px 0}.fr-section{border:1px solid #dfe6f1;padding:20px;margin:20px 0;border-radius:13px}.fr-section h4{margin:0 0 16px;font-size:15px}.fr-section h4 i{display:inline-grid;place-items:center;font-style:normal;width:24px;height:24px;background:#edf2ff;color:#4169cc;border-radius:7px;margin-right:8px}.fr-section>summary{font-weight:700;cursor:pointer}.fr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fr-box .field{min-width:0}.fr-box .field label{display:block;font-size:12px;font-weight:700;color:#627491;margin-bottom:8px}.fr-box input,.fr-box select,.fr-box textarea{width:100%;min-width:0;box-sizing:border-box;padding:11px;border:1px solid #d2ddec;border-radius:8px;background:white;font:inherit;font-size:13px;color:#344b70}.fr-box textarea{resize:vertical}.fr-box input[readonly]{background:#f4f7fb}.fr-wide{grid-column:1/-1}.fr-order-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;background:#f6f8fc;border-radius:10px;padding:18px;margin-top:16px}.fr-order-grid small,.fr-record-meta small{display:block;font-size:11px;color:#8391a8;margin-bottom:7px}.fr-order-grid b,.fr-record-meta b{font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}.fr-note,.fr-warning{background:#f1f5ff;border:1px solid #dce5fb;padding:14px 17px;border-radius:10px;font-size:12px;line-height:1.8;color:#576f9b;margin:14px 0;white-space:pre-wrap}.fr-warning{background:#fff8e8;border-color:#f3dfac;color:#9e741d}.fr-note p{margin:6px 0}.fr-line-labels,.fr-line{display:grid;grid-template-columns:1.15fr 1.7fr .4fr .65fr .65fr auto;gap:9px;margin:10px 0}.fr-line-labels{font-size:11px;color:#8391a8}.fr-line{padding:10px 0;border-bottom:1px solid #edf0f6;align-items:center}.fr-line-basis{grid-column:1/-1;background:#fcfdff!important;font-size:12px!important}.fr-total{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:15px;background:#f4f7ff;border-radius:9px;font-size:13px;margin:18px 0 0}.fr-total b{font-size:22px;color:#355dba}.fr-check{display:flex;align-items:center;gap:10px;font-size:13px;margin:13px 0;line-height:1.7}.fr-check input{width:17px;height:17px;flex-shrink:0;accent-color:#315feb;padding:0}.fr-upload{display:grid;gap:12px;border:1px dashed #b8c8e4;background:#fafcff;padding:16px;font-size:12px;color:#6a7f9e;border-radius:10px;margin:16px 0}.fr-savebar{position:sticky;bottom:0;padding:15px 0;background:white;border-top:1px solid #e0e7f2;z-index:2}.fr-savebar .fr-actions{justify-content:flex-end}.fr-box .msg{font-size:13px;color:#c6415c}.fr-box .fr-invalid{border:2px solid #da4156;background:#fff5f6}.fr-detail-head{display:flex;gap:20px;align-items:center;font-size:12px;color:#7f8da5;margin-top:20px}.fr-record-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.fr-charge-table{min-width:580px}.fr-charge-table td{white-space:normal;font-size:12px;overflow-wrap:anywhere}.fr-evidence{display:grid;gap:10px}.fr-evidence a{display:block;padding:13px;background:#f5f8fd;border-radius:8px;text-decoration:none;color:#4b6da7;font-size:13px;overflow-wrap:anywhere}.fr-evidence small{display:block;color:#8391a8;font-size:11px;margin-top:6px}.fr-review-checks{background:#f9fbff}.fr-red{color:#c53b56!important}.fr-history{border-bottom:1px solid #e1e8f3;padding:15px 0;font-size:12px}.fr-history summary{cursor:pointer;color:#657997;line-height:1.8}.fr-history-diff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.fr-history-diff>div{min-width:0;background:#fafbfd;padding:12px;border-radius:9px}.fr-history-diff .fr-record-meta{grid-template-columns:1fr 1fr}.fr-history-diff .fr-total b{font-size:16px}.fr-box button:disabled{opacity:.6;cursor:wait}#fr-picked-files{overflow-wrap:anywhere;color:#6c82a3;font-size:12px;line-height:1.8}.fr-detail-actions{position:sticky;bottom:0;padding:14px;background:white;border:1px solid #dce4f0;border-radius:10px;z-index:2}
@media(max-width:1200px){.fr-order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fr-line{grid-template-columns:1fr 1.3fr .5fr .7fr .7fr}.fr-remove{grid-column:5}.fr-line-labels{display:none}.fr-metrics{gap:10px}.fr-metric{padding:18px}.fr-flow{font-size:11px}}
@media(max-width:760px){.fr-hero{flex-direction:column;align-items:flex-start}.fr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-metric{padding:16px}.fr-metric strong{font-size:26px}.fr-flow{display:grid;grid-template-columns:1fr 1fr;padding:18px 0}.fr-flow i{display:none}.fr-form-grid,.fr-history-diff{grid-template-columns:1fr}.fr-order-grid,.fr-record-meta{grid-template-columns:1fr 1fr}.fr-filters>input{min-width:180px;width:100%}.fr-filters label{flex-wrap:wrap}.fr-box{padding:16px!important}.fr-section{padding:14px}.fr-section .panelhead{flex-direction:column;align-items:flex-start;gap:12px}.fr-line{grid-template-columns:1fr 1fr}.fr-line>input[data-key=description]{grid-column:1/-1;grid-row:2}.fr-line-basis{grid-column:1/-1}.fr-remove{grid-column:auto}.fr-line input,.fr-line select{padding:10px}.fr-wide{grid-column:auto}.fr-detail-head{align-items:flex-start}.fr-detail-head span{line-height:1.7}.fr-list-summary{flex-direction:column}.fr-total b{font-size:20px}.fr-detail-actions{padding:10px;gap:6px}.fr-detail-actions button{font-size:12px;padding:9px}.fr-hero h2{font-size:25px}}

#fr-page-message{color:#1b8a6a}.fr-history-diff .fr-order-grid{grid-template-columns:1fr 1fr;font-size:11px}