:root[data-theme] body #app .rate-center{--rate-border:#e8e9f1;--rate-blue:#006ffd;color:#1f2024;min-width:0;padding:4px 4px 20px}
:root[data-theme] body #app .rate-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
:root[data-theme] body #app .rate-page-header h2{font-size:26px;margin:6px 0 0}.rate-eyebrow{color:#71727a;font-size:13px}.rate-live-tag{color:#298267;background:#e7f4e8;border-radius:999px;padding:8px 14px;font-size:12px;white-space:nowrap}
:root[data-theme] body #app .rate-active-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
:root[data-theme] body #app .rate-active-grid article{display:flex;flex-direction:column;gap:6px;padding:20px;background:#fff;border:1px solid var(--rate-border);border-radius:16px;min-width:0}
:root[data-theme] body #app .rate-active-grid article>span{font-size:13px;color:#71727a}.rate-active-grid strong{font-size:28px;line-height:1.5;color:#006ffd}.rate-active-grid small{font-size:12px;color:#71727a}
:root[data-theme] body #app .rate-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.rate-main{min-width:0}
:root[data-theme] body #app .rate-tabs{display:flex;gap:4px;padding:5px;background:#eaf2ff;border-radius:12px;margin-bottom:16px}
:root[data-theme] body #app .rate-tabs button{flex:1;border:0;background:transparent;color:#71727a;border-radius:8px;min-height:46px;padding:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
:root[data-theme] body #app .rate-tabs button[aria-selected=true]{color:#006ffd;background:#fff;box-shadow:0 2px 6px #1f20240d}
:root[data-theme] body #app .rate-pane{border:1px solid var(--rate-border);background:#fff;border-radius:16px;padding:20px;min-width:0}
:root[data-theme] body #app .rate-pane[hidden]{display:none!important}
:root[data-theme] body #app .rate-pane>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.rate-pane h3,.rate-preview h3{margin:0;font-size:17px}.rate-pane>header button{min-height:42px!important;font-size:12px;padding:8px 12px!important}
:root[data-theme] body #app .rate-editor-head,:root[data-theme] body #app .rate-editor-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(110px,1.2fr) minmax(100px,1fr) 48px;gap:10px;align-items:center}
:root[data-theme] body #app .rate-editor-head{color:#71727a;font-size:12px;background:#f8f9fe;padding:12px 0;border-block:1px solid var(--rate-border)}
:root[data-theme] body #app .rate-editor-row{padding:14px 0;border-bottom:1px solid var(--rate-border)}
:root[data-theme] body #app .rate-editor-row .field{margin:0;gap:0;min-width:0}
:root[data-theme] body #app .rate-editor-row :is(input,select){height:46px;min-height:46px!important;width:100%;font-size:13px;padding:8px!important;border-radius:10px;min-width:0;box-sizing:border-box}
:root[data-theme] body #app .rate-editor-row button{padding:6px!important;min-width:0;min-height:44px;font-size:12px;white-space:nowrap;background:#ffe2e5;border:0;border-radius:10px;color:#ed3241}
.rate-mobile-label{display:none}.rate-empty{text-align:center;color:#71727a;padding:36px 12px}.rate-empty[hidden]{display:none!important}
:root[data-theme] body #app .rate-policy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:root[data-theme] body #app .rate-center .field{font-size:13px;gap:10px;min-width:0}.rate-unit-input{position:relative;display:block}.rate-unit-input>span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#71727a;pointer-events:none}
:root[data-theme] body #app .rate-unit-input input{padding-inline-end:65px!important;width:100%;box-sizing:border-box;height:48px;min-height:48px;font-size:15px;border-radius:10px}
:root[data-theme] body #app .rate-policy-fields select{height:48px;min-height:48px;font-size:13px;width:100%;box-sizing:border-box;border-radius:10px}
.rate-section-divider{border-top:1px solid #e8e9f1;margin:24px 0}.rate-section-mark{color:#006ffd;font-weight:bold;font-size:20px}.rate-cost-tag{font-size:11px;color:#71727a;background:#f8f9fe;padding:6px 10px;border-radius:8px}
:root[data-theme] body #app .rate-preview{border:1px solid #b4dbff;background:#fff;border-radius:16px;padding:20px;min-width:0;position:sticky;top:16px}
.rate-preview>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}.rate-preview-state{font-size:11px;color:#006ffd;background:#eaf2ff;border-radius:6px;padding:4px 6px}.rate-preview-inputs{display:grid;gap:14px}.rate-total{border-top:1px solid #e8e9f1;margin-top:20px;padding:18px 0;display:flex;flex-direction:column;gap:6px}.rate-total>span{color:#71727a;font-size:12px}.rate-total>strong{font-size:24px;line-height:1.6}.rate-split{display:grid;gap:12px;border-bottom:1px solid #e8e9f1;padding-bottom:18px}.rate-split>div,.rate-fee-line{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.rate-split>div>span{color:#71727a}.rate-split strong{font-size:14px}.rate-fee-line{color:#71727a;padding:16px 0}.rate-fee-line strong{font-weight:500;direction:rtl}.rate-net{display:flex;flex-direction:column;gap:8px;background:#eaf2ff;color:#006ffd;border-radius:12px;padding:16px}.rate-net>span{font-size:12px}.rate-net strong{font-size:22px;line-height:1.6}.rate-net.rate-negative{background:#ffe2e5;color:#ed3241}.rate-loss,.rate-input-error{color:#ed3241;font-size:12px;display:block;margin-top:10px}
:root[data-theme] body #app .rate-savebar{position:sticky;bottom:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #b4dbff;border-radius:16px;margin-top:20px;box-shadow:0 -4px 24px #006ffd08}
.rate-savebar>div:first-child{display:flex;flex-direction:column;gap:4px}.rate-savebar strong{font-size:13px}.rate-savebar span{font-size:11px;color:#71727a}.rate-savebar>div:last-child{display:flex;gap:10px}.rate-savebar button{min-height:46px!important;font-size:13px;padding:10px 16px!important}.rate-savebar button:disabled{opacity:.45;cursor:default}
.rate-history article{padding:18px 0;border-bottom:1px solid #e8e9f1}.rate-history article:first-child{padding-top:0}.rate-history article>div{display:flex;justify-content:space-between;gap:12px}.rate-history time,.rate-history article>span{font-size:12px;color:#71727a}.rate-history p{font-size:14px;white-space:pre-wrap}
.rate-review{min-width:0}.rate-review-head,.rate-review-row{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:16px;padding:14px;font-size:13px;border-bottom:1px solid #e8e9f1;overflow-wrap:anywhere}.rate-review-head{background:#f8f9fe;color:#71727a}.rate-review-row>b{color:#006ffd}.rate-review form{margin-top:24px}.rate-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.rate-review textarea{width:100%;box-sizing:border-box;min-height:90px}
@media(min-width:1024px) and (max-width:1399px){:root[data-theme] body #app .rate-workspace{grid-template-columns:minmax(0,1fr)}:root[data-theme] body #app .rate-preview{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.rate-preview>header{grid-column:1/-1;margin:0}.rate-total{margin-top:0;padding-top:0;border-top:0}}
@media(max-width:767px){:root[data-theme] body #app .rate-workspace{grid-template-columns:minmax(0,1fr)}:root[data-theme] body #app .rate-active-grid{gap:8px}:root[data-theme] body #app .rate-active-grid article{padding:12px;gap:6px}.rate-active-grid strong{font-size:24px}.rate-active-grid small{font-size:10px}:root[data-theme] body #app .rate-active-grid article>span{font-size:11px}:root[data-theme] body #app .rate-page-header h2{font-size:23px}:root[data-theme] body #app .rate-pane,:root[data-theme] body #app .rate-preview{padding:16px}:root[data-theme] body #app .rate-editor-head{display:none}:root[data-theme] body #app .rate-editor-row{grid-template-columns:minmax(0,1fr) 48px;gap:12px;padding:16px 0}:root[data-theme] body #app .rate-editor-row>.field:first-child,:root[data-theme] body #app .rate-editor-row>.field:nth-child(2){grid-column:1/-1}.rate-mobile-label{display:block!important;font-size:12px;color:#71727a;margin-bottom:6px}:root[data-theme] body #app .rate-policy-fields{grid-template-columns:minmax(0,1fr)}:root[data-theme] body #app .rate-preview{position:static}:root[data-theme] body #app .rate-savebar{flex-wrap:wrap;padding:14px;gap:12px}.rate-savebar>div:last-child{width:100%}.rate-savebar button{flex:1;font-size:12px;padding:8px!important}.rate-review-head,.rate-review-row{gap:8px;padding:12px 4px;font-size:12px}.rate-confirm-actions{flex-direction:column-reverse}.rate-tabs button{font-size:11px!important}.rate-live-tag{font-size:10px;padding:6px 10px}}
:root[data-theme] body #app .rate-center .field{margin:0!important}
:root[data-theme] body #app .rate-tabs button[aria-selected=false]{background:transparent!important;color:#71727a!important;box-shadow:none!important}
:root[data-theme] body #app .rate-tabs button[aria-selected=true]{background:#006ffd!important;color:#fff!important;box-shadow:0 2px 6px #006ffd20!important}
:root[data-theme] body #app .rate-preview-inputs{gap:18px}
@media(min-width:768px) and (max-width:1399px){:root[data-theme] body #app .rate-workspace{grid-template-columns:minmax(0,1fr)}:root[data-theme] body #app .rate-preview{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.rate-preview>header{grid-column:1/-1;margin:0}.rate-total{margin-top:0;padding-top:0;border-top:0}}
@media(max-width:767px){:root[data-theme] body #app .rate-active-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-theme] body #app .rate-active-grid article:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}:root[data-theme] body #app .rate-active-grid article:first-child small{grid-column:1/-1}:root[data-theme] body #app .rate-active-grid article>span{font-size:12px}.rate-active-grid small{font-size:12px}}
:root[data-theme] body #app .rate-center :is(.rate-page-header,.rate-pane>header,.rate-preview>header){position:static!important;inset:auto!important;min-height:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
:root[data-theme] body #app .rate-editor-row{align-items:end}
:root[data-theme] body #app .rate-editor-row>.field{margin:0!important}
:root[data-theme] body #app .rate-editor-row :is(input,select,button){box-sizing:border-box;height:48px!important;min-height:48px!important;margin-block:0!important;line-height:1.5;align-self:end}