.cost-watch{margin:18px 0 24px}.cost-watch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cost-watch-metrics>.card{grid-column:auto}.cost-watch-totals{display:flex;flex-wrap:wrap;gap:22px;margin:16px 0}.cost-watch-totals strong{font-size:20px;color:#e5ca8f}.cost-watch-totals small{margin-top:2px}.cost-watch-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cost-watch .metric-value{display:block;font-size:28px;margin:8px 0}.cost-watch-caption{color:#aeb3c0;font-size:13px;line-height:1.6}.cost-watch-panel{background:#14171e;border:1px solid #343843;border-radius:16px;padding:20px;margin-top:16px;min-width:0}.cost-watch-panel h3{font-size:19px;margin:0 0 10px;color:#f3e8c9}.cost-watch h4{font-size:15px;margin:0 0 5px}.cost-watch p{overflow-wrap:anywhere}.cost-watch-bill{display:flex;justify-content:space-between;gap:22px;padding:16px 0;border-top:1px solid #30343f}.cost-watch-bill strong{white-space:nowrap;color:#ead29a}.cost-watch-bill p{margin:5px 0}.cost-watch small{display:block;color:#aeb3c0;font-size:12px;margin-top:8px}.cost-watch a{display:inline-block;color:#dbc184;font-size:12px;margin:6px 12px 0 0}.cost-watch-warning,.cost-watch-alert.warning{border-left:3px solid #d8b76e;padding-left:12px}.cost-watch-alert{padding:12px;background:#20212a;border-radius:8px}.cost-watch-alert.urgent{border-left:3px solid #ef8c88}.cost-watch-usage{padding:18px 0;border-top:1px solid #30343f;position:relative}.cost-watch-badge{display:inline-block;border:1px solid #676b7a;color:#cbd1df;font-size:11px;padding:4px 8px;border-radius:20px;margin:4px 0 12px}.cost-watch-badge.stale{color:#e5c88f;border-color:#806b43}.cost-watch-reading{padding:10px 0}.cost-watch-reading p{margin:5px 0;font-size:13px;color:#bfc3ce}.cost-watch-reading.warning strong{color:#f0c988}.cost-watch-reading.urgent strong{color:#f1a6a2}.cost-watch progress{display:block;width:100%;height:9px;margin:10px 0;accent-color:#cbb17a}.cost-watch-panel select{width:min(100%,440px);margin:8px 12px 8px 0;padding:11px;background:#101318;color:#f2f2f2;border:1px solid #474b57;border-radius:8px}.cost-watch-editor{color:#e9e9ec;background:#151820;border:1px solid #5d543d;border-radius:18px;padding:24px;width:min(94vw,660px);max-height:90vh;overflow:auto}.cost-watch-editor::backdrop{background:#000a}.cost-watch-editor form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cost-watch-editor h2,.cost-watch-editor h3,.cost-watch-editor .cost-watch-caption,.cost-watch-editor .cost-watch-confirm,.cost-watch-editor [role=status],.cost-watch-editor .actions{grid-column:1/-1}.cost-watch-field{display:flex;flex-direction:column;gap:7px;font-size:13px}.cost-watch-field input,.cost-watch-field select{padding:10px;border:1px solid #454b59;background:#0e1118;color:#ededf2;border-radius:7px;min-width:0}.cost-watch-confirm{display:flex;gap:10px;align-items:center;font-size:13px}.cost-watch-editor .actions{display:flex;gap:10px}.cost-watch-editor [role=status]{color:#eed0a0}.cost-watch [hidden]{display:none!important}@media(max-width:760px){.cost-watch-metrics{grid-template-columns:1fr}.cost-watch-bill{flex-direction:column;gap:8px}.cost-watch-heading{align-items:flex-start;flex-direction:column}.cost-watch-panel{padding:16px}.cost-watch-editor form{grid-template-columns:1fr}.cost-watch-editor{padding:18px}.cost-watch-panel select{width:100%}}
.cost-watch-old-metrics,.cost-watch-old-future{display:none!important}.cost-watch-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}.cost-watch-tabs button{background:#171b24;border:1px solid #454956;border-radius:10px;color:#c6cad3;padding:11px 15px;min-height:44px;cursor:pointer;font:inherit;font-size:13px}.cost-watch-tabs button[aria-selected=true]{background:#c3a96e;color:#101116;border-color:#c3a96e;font-weight:700}.cost-watch-tabs button:focus-visible,.cost-watch button:focus-visible{outline:3px solid #c5b0ed;outline-offset:3px}.cost-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cost-provider-card{background:#141820;border:1px solid #343a48;border-radius:16px;padding:22px;min-width:0}.cost-provider-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cost-provider-top h3{margin:0 0 9px;font-size:18px}.cost-provider-price{color:#ebd19b;white-space:nowrap;font-size:16px}.cost-state{display:inline-block;font-size:11px;background:#29313b;color:#d9dce6;border-radius:20px;padding:5px 10px}.cost-state.active{background:#20382e;color:#b5dbba}.cost-state.canceled,.cost-state.expired{background:#3d2b2e;color:#e4b3b7}.cost-state.planned,.cost-state.not_started{background:#302b40;color:#c9bce5}.cost-provider-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.cost-provider-facts dt{font-size:11px;color:#999fad;margin-bottom:6px}.cost-provider-facts dd{font-size:13px;margin:0;line-height:1.5}.cost-provider-notes{padding:14px;background:#0f1219;border-radius:9px;font-size:13px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}.cost-provider-notes p{margin:6px 0 0;white-space:pre-wrap}.cost-provider-notes strong{font-size:11px;color:#c7b586;text-transform:uppercase;letter-spacing:.06em}.cost-provider-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.cost-provider-actions .btn{min-height:42px}.cost-group-title{font-size:20px;margin:24px 0 14px}.cost-history-item{padding:15px 0;border-bottom:1px solid #333846;font-size:14px}.cost-history-item p{margin:6px 0;color:#aeb4c2}.cost-watch-editor textarea,#providerCostLedger textarea[data-field=renewal_note]{resize:vertical;min-height:100px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;width:100%;box-sizing:border-box;background:#101318;color:#e6e8ef;border:1px solid #454b59;border-radius:8px;padding:10px;font:inherit;font-size:13px}.cost-watch-panel li{font-size:13px;line-height:1.8;color:#bfc4d1}@media(max-width:900px){.cost-provider-grid{grid-template-columns:1fr}}@media(max-width:540px){.cost-provider-top{flex-direction:column}.cost-provider-facts{gap:14px}.cost-watch-tabs{gap:6px}.cost-watch-tabs button{padding:10px 12px;font-size:12px}}

.cost-sort{display:flex;align-items:center;gap:12px;color:#b8bfcd;font-size:12px;margin:12px 0}.cost-sort select{background:#171b24;color:#ececf0;border:1px solid #505665;border-radius:9px;padding:10px;max-width:100%;font:inherit}.cost-sort select:focus-visible{outline:3px solid #c5b0ed;outline-offset:3px}@media(max-width:540px){.cost-sort{align-items:flex-start;flex-direction:column;gap:6px}}