.role-view-control{margin:0 0 16px}.role-view-control label{display:block;color:#c8d6e1;font-size:11px;font-weight:600;margin-bottom:6px}.role-view-control select{width:100%;max-width:100%;background:#203244;color:#fff;border:1px solid #547087;border-radius:6px;padding:8px 5px;font-size:11px}.role-view-notice{background:#fff3d8;border-bottom:1px solid #e1c984;padding:10px 24px;color:#60491b;font-size:12px}.role-view-notice[hidden],.role-view-control[hidden]{display:none}
.fin-workspace{--fin-ink:#173347;--fin-muted:#637786;--fin-line:#dce4e9;--fin-accent:#247c9a;color:var(--fin-ink);font-size:13px}.fin-toolbar{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.fin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--fin-line);overflow-x:auto}.fin-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 16px;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;color:var(--fin-muted)}.fin-tabs button.active{border-color:var(--fin-accent);color:var(--fin-ink)}.fin-filters{display:flex;gap:12px;flex-wrap:wrap}.fin-filters label,.fin-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.fin-workspace input,.fin-workspace select,.fin-form input,.fin-form select,.fin-form textarea{border:1px solid #ced9e0;border-radius:6px;padding:10px 11px;font:inherit;color:#173347;background:#fff;min-width:0}.fin-workspace input:focus,.fin-workspace select:focus,.fin-form input:focus,.fin-form select:focus,.fin-form textarea:focus{outline:2px solid #6bb3c8;outline-offset:1px}.fin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--fin-line);border-radius:9px;background:#fff;margin-bottom:22px}.fin-stats>div{padding:20px;border-right:1px solid var(--fin-line)}.fin-stats>div:last-child{border:0}.fin-stats span{font-size:12px;color:var(--fin-muted)}.fin-stats strong{display:block;font-size:23px;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:9px 0;overflow-wrap:anywhere}.fin-stats small,.fin-note{color:var(--fin-muted);font-size:11px;line-height:1.55}.fin-panel{border:1px solid var(--fin-line);border-radius:9px;background:#fff;overflow:hidden}.fin-section-head{padding:20px 22px;border-bottom:1px solid var(--fin-line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.fin-section-head h2{margin:0;font-size:17px}.fin-section-head p{margin:6px 0 0;color:var(--fin-muted);font-size:12px}.fin-list-controls{display:flex;gap:8px;flex-wrap:wrap}.fin-list-controls input{width:260px}.fin-table-wrap{overflow-x:auto}.fin-table{border-collapse:collapse;width:100%;text-align:left}.fin-table th{padding:12px 16px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;background:#f6f9fa;color:#526878;white-space:nowrap}.fin-table td{padding:15px 16px;border-top:1px solid #e8edf0;font-size:12px;vertical-align:middle;font-variant-numeric:tabular-nums}.fin-table td:first-child{min-width:200px;max-width:350px}.fin-table td:not(:first-child){white-space:nowrap}.fin-table small{display:block;color:var(--fin-muted);margin-top:5px;line-height:1.4}.fin-link{border:0;background:none;padding:0;text-align:left;color:#176b8a;cursor:pointer;font:inherit;font-weight:600}.fin-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;background:#eff3f5;color:#53697a}.fin-status.overdue{background:#fff0ee;color:#a0332c}.fin-status.partial{background:#fff6dd;color:#87611c}.fin-status.settled{background:#e8f4ef;color:#27664f}.fin-empty{text-align:center;padding:44px 24px;color:var(--fin-muted)}.fin-empty h3{font-size:16px;margin:0 0 10px;color:var(--fin-ink)}.fin-empty p{margin-bottom:20px}.fin-statements{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fin-statement-row{display:flex;justify-content:space-between;gap:16px;padding:12px 22px;border-bottom:1px solid #edf1f3;font-size:12px}.fin-statement-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}.fin-statement-row.total{background:#f1f6f8;font-weight:700;color:#13394d}.fin-panel>.fin-note,.fin-panel>.fin-warning{margin:16px 22px}.fin-warning,.fin-form-error{background:#fff1ed;color:#953b2d;border-radius:6px;padding:12px;line-height:1.5}.fin-warning[hidden],.fin-form-error[hidden]{display:none}.fin-modal{width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto}.fin-modal-wide{width:min(880px,calc(100vw - 32px))}.fin-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.fin-modal-head h3{margin:0}.fin-form{padding:22px}.fin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fin-full{grid-column:1/-1}.fin-form small{font-weight:400;color:#627988;line-height:1.5}.fin-form .modal-foot{padding:20px 0 0;margin-top:20px;border-top:1px solid #dce4e9}.fin-detail{padding:22px}.fin-detail-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.fin-detail-title>strong{font-size:27px}.fin-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9;padding:20px 0;margin:20px 0}.fin-meta dt{font-size:11px;color:#637786;margin-bottom:5px}.fin-meta dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}.fin-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.fin-file{display:inline-flex;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.fin-payment{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e5ebef;padding:12px 0}.fin-payment span{display:block;font-size:12px;color:#637786;margin-top:4px}.fin-history{max-height:180px;overflow:auto;font-size:11px}.fin-history p{padding:8px 0;border-bottom:1px solid #e5ebef}.fin-history small{display:block;color:#637786;margin-top:4px}
@media(max-width:1000px){.fin-stats{grid-template-columns:1fr 1fr}.fin-stats>div:nth-child(2){border-right:0}.fin-stats>div:nth-child(-n+2){border-bottom:1px solid var(--fin-line)}.fin-statements{grid-template-columns:1fr}.fin-filters label{flex:1;min-width:110px}}
@media(max-width:560px){.fin-stats strong{font-size:20px}.fin-stats>div{padding:15px}.fin-tabs button{padding:12px 10px;font-size:12px}.fin-form-grid,.fin-meta{grid-template-columns:1fr}.fin-list-controls,.fin-list-controls input{width:100%}.fin-modal .modal-head,.fin-detail,.fin-form{padding:16px}.fin-section-head{padding:16px}.fin-statement-row{padding:12px 16px}.role-view-notice{padding:10px 14px}.fin-filters{gap:8px}.fin-table th,.fin-table td{padding:12px}.fin-detail-title>strong{font-size:22px}}
.main,.content{min-width:0}.fin-tabs,.fin-statements,.fin-panel,.fin-form-grid>label{min-width:0}.fin-filters select{max-width:100%}.fin-list-controls{max-width:100%}.fin-list-controls input{max-width:100%}.fin-modal{box-sizing:border-box}.fin-modal-head{padding:20px 22px;border-bottom:1px solid #dce4e9}
.role-view-mobile{display:none}.nav-btn[data-screen="finance"] .nav-icon{font-size:16px}@media(max-width:600px){.role-view-mobile:not([hidden]){display:block;padding:10px 12px;background:#152331;color:#fff}.role-view-mobile label{display:block;font-size:11px;margin-bottom:6px}.role-view-mobile select{width:100%;padding:8px;border:1px solid #6a8293;background:#203244;color:white;border-radius:6px}.fin-workspace{padding:12px}.nav-btn[data-screen="finance"]{font-size:0}.nav-btn[data-screen="finance"] .nav-icon{font-size:18px}}
.fin-remove-button{color:#b42318;border-color:#f0b8b2}
.fin-remove-button:hover{background:#fef3f2}
.fin-table td:last-child .fin-remove-button{margin-left:6px}