/* account page styles */
#account-content {width:80%;margin-left:auto;margin-right:auto;font-family:sans-serif;text-align:center;}
#account-content h2 {text-align:center;color:#3778c2;margin-bottom:30px;}
.user-profile {display:flex;align-items:center;gap:20px;margin-bottom:30px;justify-content:center;}
.profile-image {width:80px;height:80px;border-radius:50%;border:3px solid #4b9fe1;}
.user-details {text-align:left;}
.user-details h3 {margin:0 0 10px 0;color:#0f2557;}
.user-details p {margin:5px 0;color:#28559a;}
#auth-buttons {display:flex;justify-content:center;}
.auth-button {display:inline-block;background:#4b9fe1;color:white;text-decoration:none;padding:12px 24px;border-radius:6px;font-family:sans-serif;font-size:1.1em;}
.auth-button:hover {background:#3778c2;}
#signout-button {background:#e74c3c;color:white;border:none;padding:12px 24px;border-radius:6px;font-family:sans-serif;font-size:1.1em;cursor:pointer;}
#signout-button:hover {background:#c0392b;}

.usage-section {margin-top:2.5rem;padding-top:2rem;padding-bottom:2rem;margin-bottom:2.5rem;border-top:1px solid #c8ddf0;border-bottom:1px solid #c8ddf0;text-align:center;}
.usage-section h3 {color:#3778c2;margin-bottom:0.75rem;font-size:1.25rem;font-weight:600;}
.usage-dates-hint {font-size:0.9rem;color:#28559a;max-width:36rem;margin:0 auto 1.25rem;line-height:1.45;}
.usage-controls {display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:center;margin-bottom:1.5rem;}
.usage-label {display:flex;flex-direction:column;align-items:flex-start;gap:0.35rem;font-size:0.85rem;color:#0f2557;}
.usage-date-input {font-family:inherit;font-size:1rem;padding:0.45rem 0.6rem;border:1px solid #4b9fe1;border-radius:6px;background:#fff;color:#0f2557;}
.usage-refresh {background:#3778c2;color:#fff;border:none;padding:0.55rem 1.25rem;border-radius:6px;font-family:inherit;font-size:0.95rem;cursor:pointer;}
.usage-refresh:hover {background:#28559a;}
.usage-summary {margin-bottom:1.5rem;}
.usage-summary-cards {display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;}
.usage-card {background:linear-gradient(180deg,#f0f7fc 0%,#e8f2fa 100%);border:1px solid #c8ddf0;border-radius:10px;padding:1rem 1.35rem;min-width:7.5rem;}
.usage-card-total {border-color:#4b9fe1;background:linear-gradient(180deg,#e3f0fb 0%,#d4e8f8 100%);}
.usage-card-label {display:block;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.04em;color:#28559a;margin-bottom:0.35rem;}
.usage-card-value {font-size:1.35rem;font-weight:600;color:#0f2557;}
.usage-range-caption {font-size:0.85rem;color:#3778c2;margin-top:0.75rem;}
.usage-loading {color:#28559a;font-size:0.95rem;}
.usage-empty {color:#28559a;font-size:0.95rem;}
.usage-details-skip {font-size:0.9rem;color:#28559a;max-width:32rem;margin:0 auto;line-height:1.45;}
.usage-table-title {font-size:1rem;color:#3778c2;margin:1.25rem 0 0.5rem;font-weight:600;}
.usage-table-wrap {overflow-x:auto;margin-bottom:0.5rem;}
.usage-table {width:100%;max-width:42rem;margin:0 auto;border-collapse:collapse;font-size:0.9rem;}
.usage-table th,.usage-table td {padding:0.5rem 0.65rem;text-align:right;border-bottom:1px solid #d4e8f8;}
.usage-table th:first-child,.usage-table td:first-child {text-align:left;}
.usage-table thead th {color:#0f2557;font-weight:600;background:#f0f7fc;}
.usage-model-cell {word-break:break-all;text-align:left;}
.usage-error {color:#c0392b;margin-top:1rem;font-size:0.95rem;}