.daily-usage-page{--usage-border:#d9e7dc}.usage-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin-bottom:22px;padding:34px 38px;background:linear-gradient(135deg,#204e49 0%,#16756b 70%,#66cc33 145%);border-radius:16px;box-shadow:0 14px 32px rgba(18,79,68,.16)}.usage-hero h2{position:relative;z-index:1;margin:10px 0 8px;max-width:760px;color:#fff;font:600 clamp(28px,3vw,40px)/1.1 'Space Grotesk';letter-spacing:-.6px}.usage-hero p{position:relative;z-index:1;max-width:650px;margin:0;color:#edf9e9}.usage-hero-mark{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(255,255,255,.3);border-radius:18px;color:#d7f6c9;font:700 25px 'Space Grotesk';background:rgba(0,0,51,.14)}.usage-panel{border:1px solid var(--usage-border);box-shadow:0 10px 25px rgba(0,0,51,.055)}.usage-details-grid{margin-bottom:20px}.usage-lines-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.usage-lines-heading h4{margin-bottom:5px}.usage-line{display:grid;grid-template-columns:34px minmax(0,1.6fr) minmax(120px,.7fr) 36px;align-items:end;gap:12px;margin-top:10px;padding:12px;background:#fff;border:1px solid var(--usage-border);border-radius:9px}.usage-line-number{display:grid;place-items:center;width:28px;height:28px;margin-bottom:8px;border-radius:50%;background:#e5f3ee;color:#176d5d;font:700 12px 'Space Grotesk'}.remove-usage-line{width:32px;height:32px;margin-bottom:5px;border:1px solid #efc2bc;border-radius:7px;background:#fff;color:#a43e34;font-size:20px;line-height:1;cursor:pointer}.usage-actions{margin-top:20px}.usage-filter{display:flex;align-items:end;gap:12px;margin-bottom:18px;padding:14px;background:#f8fbf7;border:1px solid var(--usage-border);border-radius:9px}.usage-filter .form-field{min-width:190px}.usage-table-wrap{overflow-x:auto;border:1px solid var(--usage-border);border-radius:10px}.usage-table{min-width:820px;margin:0;border:0}.usage-table thead th{background:#edf6eb;color:#35633b;border-bottom:1px solid var(--usage-border);font-size:11px}.usage-table tbody td{padding:14px 12px;border-bottom:1px solid #edf1ed;white-space:nowrap}.usage-table tbody tr:last-child td{border-bottom:0}.usage-table td strong,.usage-table td small{display:block}.usage-table td small{margin-top:3px;color:var(--muted);font-size:11px}.usage-empty{padding:30px!important;text-align:center;color:var(--muted)}@media(max-width:700px){.usage-hero{grid-template-columns:1fr;padding:26px 22px}.usage-hero-mark{display:none}.usage-lines-heading,.usage-filter{align-items:stretch;flex-direction:column}.usage-lines-heading .btn{width:100%}.usage-line{grid-template-columns:30px minmax(0,1fr) 34px}.usage-line .form-field:nth-child(3){grid-column:2}.usage-line .remove-usage-line{grid-column:3;grid-row:1;align-self:end}.usage-filter .form-field{min-width:0}.usage-filter .btn{width:100%}}