.cost-trends{display:grid;gap:16px;color:var(--text,#201e29)}
.cost-trends header,.ct-controls,.ct-footer,.ct-footer>div{display:flex;align-items:center;gap:12px;justify-content:space-between}
.cost-trends h1{margin:0;font-size:26px}.cost-trends header p,.ct-period,.ct-notes,.ct-footer small{color:#858190;font-size:13px}.cost-trends header p{margin:6px 0 0}
.ct-controls{justify-content:flex-start;background:white;padding:16px;border-radius:16px}.ct-controls label{display:grid;gap:5px;font-size:12px;color:#858190}.ct-controls select,.ct-controls input{min-height:40px;min-width:170px;font:inherit;color:#262330;border:1px solid #e7e4ee;background:#faf9fc;border-radius:10px;padding:8px 12px}.ct-search{flex:1}.ct-controls input{width:100%;box-sizing:border-box}
.ct-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ct-summary>div{background:white;border:1px solid #eeecf3;border-radius:16px;padding:18px}.ct-summary span{display:block;font-size:12px;color:#858190}.ct-summary strong{font-size:25px;display:block;margin-top:6px}.ct-period{margin:10px 0 14px}.ct-period span{margin-left:10px}
.ct-table{overflow-x:auto;border:1px solid #eeecf3;border-radius:16px;background:white}.ct-table table{border-collapse:collapse;width:100%;font-size:13px}.ct-table th{font-weight:500;color:#858190;background:#faf9fc;text-align:left}.ct-table td,.ct-table th{padding:13px 16px;border-bottom:1px solid #efedf4}.ct-table th:not(:first-child),.ct-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ct-table td:first-child{min-width:220px;max-width:430px}.ct-table small{display:block;font-size:11px;color:#858190;margin-top:4px}.ct-change{padding:5px 8px;border-radius:8px;font-weight:600}.ct-up{background:#fff2e7;color:#955a16}.ct-down{background:#eaf7f1;color:#28795c}.ct-empty{padding:30px!important;color:#858190}.ct-table details{text-align:left;white-space:normal;min-width:65px}.ct-table summary{color:#8051ee;cursor:pointer}.ct-history{min-width:230px;max-width:300px;padding:12px 0}.ct-history>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.ct-history p{font-size:12px}.ct-footer{margin:14px 0}.cost-trends button{padding:8px 14px;border:1px solid #e3dfeb;border-radius:10px;background:white;font:inherit;cursor:pointer}.cost-trends button:disabled{opacity:.45}.ct-footer span{font-size:12px}.ct-notes{line-height:1.6}.ct-notes summary{cursor:pointer}.ct-notes p{max-width:1000px}
@media(max-width:700px){.ct-controls{flex-wrap:wrap}.ct-controls label{flex:1;min-width:140px}.ct-controls select{min-width:0}.ct-summary{gap:8px}.ct-summary>div{padding:12px}.ct-period span{display:block;margin:4px 0}.ct-footer{flex-wrap:wrap}.ct-table td,.ct-table th{padding:10px}.cost-trends header h1{font-size:22px}}
.cost-trends,.cost-trends>*{min-width:0}.ct-table td{vertical-align:top}.ct-controls{flex-wrap:wrap}.ct-controls label{min-width:0}.ct-controls .ct-search{min-width:180px}
@media(max-width:700px){.ct-controls{display:grid;grid-template-columns:minmax(0,1fr)}.ct-controls label,.ct-controls .ct-search{min-width:0;width:100%}.ct-controls select,.ct-controls input{width:100%;min-width:0}.ct-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ct-summary span{font-size:11px}.ct-summary strong{font-size:22px}.ct-table{max-width:100%}.cost-trends header{align-items:flex-start}.cost-trends header p{max-width:230px}}