[x-cloak]{display:none!important}
.el-finance{
    --f-navy:#102f43;
    --f-text:#173246;
    --f-muted:#687d8a;
    --f-teal:#00aeb5;
    --f-border:#dfe8ed;
    --f-soft:#f6f9fa;
    display:grid;
    gap:16px;
    padding:2px 0 40px;
    color:var(--f-text);
}
.el-finance button,.el-finance a{transition:.16s ease}
.el-finance-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    padding:25px 28px;
    border-radius:20px;
    background:linear-gradient(135deg,#102f43,#17485c 70%,#0b7c82 140%);
    color:#fff;
    box-shadow:0 16px 40px rgba(16,47,67,.15);
}
.el-finance-hero p{margin:0;color:#65dadd;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.el-finance-hero h1{margin:4px 0;font-size:31px;font-weight:850;letter-spacing:-.03em;line-height:1.05}
.el-finance-hero span{display:block;color:#c6d8df;font-size:13px}
.el-finance-actions{display:flex;gap:8px;flex:none}
.el-finance-actions a,
.el-finance-section-head button,
.el-finance-row-actions button,
.el-finance-rate-form button,
.el-finance-trip-editor button,
.el-finance-mini-table button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:11px;
    background:rgba(255,255,255,.09);
    color:inherit;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
}
.el-finance-actions svg{width:17px;height:17px}
.el-finance-actions .is-primary,
.el-finance-section-head .is-primary,
.el-finance-row-actions .is-primary,
.el-finance-rate-form .is-primary,
.el-finance-trip-editor .is-primary{
    background:#00aeb5;
    border-color:#35d2d3;
    color:#fff;
}
.el-finance-filters,
.el-finance-panel,
.el-finance-rate-form,
.el-finance-trip-editor,
.el-finance-table-wrap,
.el-finance-rate-list article{
    border:1px solid var(--f-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 5px 20px rgba(15,34,51,.045);
}
.el-finance-filters{padding:15px}
.el-finance-periods{display:flex;gap:7px;margin-bottom:12px;overflow-x:auto}
.el-finance-periods button,
.el-finance-reset{
    min-height:33px;
    padding:0 11px;
    border:1px solid #dce6eb;
    border-radius:9px;
    background:#f8fafb;
    color:#536b79;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}
.el-finance-periods button:hover,.el-finance-reset:hover{border-color:#66cfd1;color:#007f86}
.el-finance-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:9px;align-items:end}
.el-finance label{display:grid;gap:5px}
.el-finance label>span{color:#6c7f8b;font-size:10px;font-weight:800}
.el-finance input,.el-finance select,.el-finance textarea{
    width:100%;
    min-width:0;
    height:39px;
    padding:0 10px;
    border:1px solid #d7e2e8;
    border-radius:10px;
    background:#fff;
    color:#173246;
    font-size:11px;
    outline:none;
}
.el-finance textarea{min-height:96px;height:auto;padding:10px;resize:vertical}
.el-finance input:focus,.el-finance select:focus,.el-finance textarea:focus{border-color:#05aab1;box-shadow:0 0 0 3px rgba(5,170,177,.11)}
.el-finance-reset{height:39px;color:#9a4a3e}
.el-finance-errors{display:flex;flex-wrap:wrap;gap:7px;padding:13px 16px;border:1px solid #f3a4ad;border-radius:12px;background:#fff2f4;color:#9b1f32}
.el-finance-errors strong{width:100%}
.el-finance-errors span{padding:4px 8px;border-radius:7px;background:#fff}
.el-finance-tabs{
    display:flex;
    gap:6px;
    overflow-x:auto;
    padding:6px;
    border:1px solid var(--f-border);
    border-radius:14px;
    background:#fff;
}
.el-finance-tabs button{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:37px;
    padding:0 12px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#607682;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    cursor:pointer;
}
.el-finance-tabs button.is-active{background:#e8f8f8;color:#007f86}
.el-finance-tabs b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    background:rgba(0,0,0,.08);
    font-size:9px;
    font-weight:850;
}
.el-finance-tabs .is-active b{background:rgba(0,127,134,.12)}
.el-finance-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.el-finance-summary article{
    display:grid;
    gap:3px;
    min-width:0;
    padding:15px;
    border:1px solid var(--f-border);
    border-radius:15px;
    background:#fff;
    box-shadow:0 4px 15px rgba(15,34,51,.04);
}
.el-finance-summary small{color:#738691;font-size:9px;font-weight:750;text-transform:uppercase}
.el-finance-summary strong{overflow:hidden;color:#173246;font-size:18px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.el-finance-summary em{overflow:hidden;color:#7d909b;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.el-finance-summary .is-success{border-color:#cfe9db;background:#f4fbf7}
.el-finance-summary .is-danger{border-color:#f4c6ca;background:#fff5f6}
.el-finance-summary .is-warning{border-color:#efd18d;background:#fff8e8}
.el-finance-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.el-finance-section-head h2{margin:2px 0 0;color:#173246;font-size:18px;font-weight:850}
.el-finance-section-head p{margin:0;color:#00a0a7;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.el-finance-section-head span{color:#80919b;font-size:10px}
.el-finance-section-head button,
.el-finance-mini-table button,
.el-finance-row-actions button,
.el-finance-rate-form button,
.el-finance-trip-editor button{
    border:1px solid #dce6eb;
    background:#f8fafb;
    color:#536b79;
}
.el-finance-section-head button:hover,
.el-finance-mini-table button:hover,
.el-finance-row-actions button:hover,
.el-finance-rate-form button:hover,
.el-finance-trip-editor button:hover{border-color:#66cfd1;color:#007f86}
.el-finance-section-head .is-primary,
.el-finance-row-actions .is-primary,
.el-finance-rate-form .is-primary,
.el-finance-trip-editor .is-primary{background:#00aeb5;border-color:#35d2d3;color:#fff}
.el-finance-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.el-finance-panel{overflow:hidden}
.el-finance-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #e2eaed}
.el-finance-panel h3{margin:0;font-size:13px;font-weight:850}
.el-finance-panel header span{color:#80919b;font-size:10px}
.el-finance-mini-table article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid #edf1f3}
.el-finance-mini-table article:last-child{border-bottom:0}
.el-finance-mini-table strong,.el-finance-mini-table small{display:block}
.el-finance-mini-table strong{font-size:11px;color:#173246}
.el-finance-mini-table small{margin-top:3px;color:#7a8d98;font-size:9px}
.el-finance-mini-table b{color:#008d94;font-size:11px;white-space:nowrap}
.el-finance-mini-table button{min-height:36px;padding:0 10px;border-radius:9px}
.el-finance button:disabled{opacity:.45;cursor:not-allowed}
.el-finance-settlement-note{max-width:760px}
.el-finance-trip-editor{display:grid;grid-template-columns:minmax(230px,1.25fr) 150px minmax(220px,1fr) auto auto;gap:11px;align-items:end;padding:16px}
.el-finance-trip-editor p{margin:0;color:#00a0a7;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.el-finance-trip-editor h3{margin:3px 0;font-size:18px;font-weight:850}
.el-finance-trip-editor div>span{color:#6b8088;font-size:11px}
.el-finance-table-wrap{overflow:auto}
.el-finance-table{width:100%;min-width:1050px;border-collapse:collapse;font-size:10px}
.el-finance-table th{padding:10px 11px;background:#f3f7f8;color:#647984;font-size:9px;font-weight:850;text-align:left;text-transform:uppercase;white-space:nowrap}
.el-finance-table td{padding:11px;border-top:1px solid #edf2f4;color:#526a77;vertical-align:top;white-space:nowrap}
.el-finance-table td strong{color:#173246}
.el-finance-table td strong,.el-finance-table td small{display:block}
.el-finance-table td small{margin-top:3px;color:#82949e}
.el-finance-table .is-positive{color:#22945a}
.el-finance-table .is-negative{color:#c63131}
.el-finance-status,.el-report-status{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:4px 8px;
    border-radius:999px;
    background:#edf3f5;
    color:#4c6871;
    font-size:8px;
    font-weight:850;
}
.el-finance-status.is-finalized{background:#e8f8ef;color:#16864b}
.el-finance-status.is-draft{background:#fff4df;color:#ad6800}
.el-finance-status.is-estimate{background:#e7f5fa;color:#14758e}
.is-warning-text{color:#a06a00!important;font-size:9px;font-weight:850}
.el-finance-row-actions{display:flex;flex-wrap:wrap;gap:6px}
.el-finance-row-actions button{min-height:34px;padding:0 9px;border-radius:8px;font-size:10px}
.el-finance-rate-form{padding:18px}
.el-finance-rate-form>header,.el-finance-rate-form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.el-finance-rate-form header{padding-bottom:14px;border-bottom:1px solid #e3ebed}
.el-finance-rate-form header p{margin:0;color:#00a0a7;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.el-finance-rate-form header h3{margin:3px 0 0;font-size:18px;font-weight:850}
.el-finance-rate-form>footer{justify-content:flex-end;margin-top:16px;padding-top:15px;border-top:1px solid #e3ebed}
.el-finance-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.el-finance-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding-top:24px}
.el-finance-check input{width:18px;min-height:18px;height:18px;padding:0}
.el-finance-rate-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.el-finance-rate-columns fieldset{display:grid;gap:9px;margin:0;padding:14px;border:1px solid #dce7ea;border-radius:12px}
.el-finance-rate-columns legend{padding:0 6px;font-size:11px;font-weight:850;color:#1d555d}
.el-finance-rate-list{display:grid;gap:10px}
.el-finance-rate-list article{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(380px,1.8fr) auto;gap:18px;align-items:center;padding:16px}
.el-finance-rate-list article.is-inactive{opacity:.65}
.el-finance-rate-list h3{margin:7px 0 3px;font-size:14px;font-weight:850}
.el-finance-rate-list p{margin:0;color:#6c8189;font-size:11px}
.el-finance-rate-list dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.el-finance-rate-list dl div{padding:10px;border-radius:9px;background:#f5f8f9}
.el-finance-rate-list dt{font-size:9px;font-weight:850;color:#6b8088;text-transform:uppercase}
.el-finance-rate-list dd{margin:4px 0 0;font-size:11px;color:#173246}
.el-finance-empty{padding:36px!important;color:#7b8d97!important;text-align:center!important}

@media(max-width:1250px){
    .el-finance-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .el-finance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
    .el-finance-overview-grid{grid-template-columns:1fr}
}
@media(max-width:1100px){
    .el-finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-finance-rate-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
    .el-finance-trip-editor{grid-template-columns:1fr 1fr}
    .el-finance-trip-editor>div,.el-finance-trip-editor .is-wide{grid-column:1/-1}
    .el-finance-rate-list article{grid-template-columns:1fr}
}
@media(max-width:780px){
    .el-finance{gap:12px}
    .el-finance-hero{align-items:flex-start;flex-direction:column;padding:21px 18px}
    .el-finance-actions{width:100%;overflow:auto}
    .el-finance-actions a{flex:1;justify-content:center}
    .el-finance-filter-grid{grid-template-columns:1fr 1fr}
    .el-finance-filter-grid label:nth-of-type(n+3){grid-column:1/-1}
    .el-finance-reset{grid-column:1/-1}
    .el-finance-summary{grid-template-columns:1fr 1fr}
    .el-finance-mini-table article{grid-template-columns:1fr auto}
    .el-finance-mini-table button{grid-column:1/-1}
    .el-finance-panel>header,.el-finance-section-head{align-items:flex-start;flex-direction:column}
    .el-finance-table-wrap,.el-finance-rate-form,.el-finance-trip-editor{padding:14px}
}
@media(max-width:620px){
    .el-finance-filter-grid,.el-finance-form-grid,.el-finance-summary,.el-finance-rate-columns,.el-finance-trip-editor,.el-finance-overview-grid{grid-template-columns:1fr}
    .el-finance-rate-list dl{grid-template-columns:1fr}
    .el-finance-trip-editor>div,.el-finance-trip-editor .is-wide{grid-column:auto}
    .el-finance-rate-list article{padding:13px}
    .el-finance-section-head button{width:100%}
}
@media(max-width:480px){
    .el-finance-hero h1{font-size:27px}
    .el-finance-summary{grid-template-columns:1fr}
    .el-finance-actions a{min-width:0}
}
@media print{
    .fi-sidebar,.fi-topbar,.el-finance-actions,.el-finance-filters,.el-finance-tabs,.el-finance-section-head button,.el-finance-row-actions,.el-finance-rate-form,.el-finance-trip-editor,.el-finance-settlement-note{display:none!important}
    .fi-main{padding:0!important}
    .el-finance-hero{box-shadow:none}
    .el-finance{gap:8px}
    .el-finance-table-wrap,.el-finance-panel,.el-finance-summary article{box-shadow:none;break-inside:avoid}
    .el-finance-table-wrap{overflow:visible}
    .el-finance-table{font-size:8px}
}