#webQuotaHistoryModal{padding:16px;background:rgba(15,23,42,.32)}
#webQuotaHistoryModal.group-web-quota-history{background:rgba(20,30,27,.42)}
#webQuotaHistoryModal .web-quota-history-card{box-sizing:border-box;width:min(390px,calc(100vw - 28px));max-width:390px;max-height:min(88dvh,820px);overflow-y:auto;padding:20px;border:1px solid #dce4ee;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.18);color:#172033}
.web-quota-history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.web-quota-history-heading{display:flex;align-items:center;gap:9px}
.web-quota-history-heading svg{width:23px;height:23px;color:var(--web-accent-primary,var(--green,#267765))}
#webQuotaHistoryModal.group-web-quota-history .web-quota-history-heading svg{color:var(--green,#117a65)}
.web-quota-history-heading h2{margin:0;font-size:23px;line-height:1.35}
.web-quota-history-subtitle{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.6}
.web-quota-history-subtitle-row{display:flex;align-items:baseline;gap:10px}
.web-quota-history-archive-link{flex:none;padding:0;border:0;background:transparent;color:var(--web-accent-primary,var(--green,#267765));font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.web-quota-history-archive-link[hidden],.web-quota-history-card[hidden]{display:none}
.web-quota-history-tabs{display:flex;gap:8px;margin-top:18px}
.web-quota-history-tabs button{flex:1;padding:9px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#64748b;font:inherit;font-size:13px;cursor:pointer}
.web-quota-history-tabs button[aria-pressed="true"]{border-color:var(--web-accent-primary,var(--green,#267765));color:var(--web-accent-primary,var(--green,#267765));background:var(--web-accent-light,#f0f8f5)}
.web-quota-history-archive-link:focus-visible,.web-quota-history-tabs button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.web-quota-history-actions{display:flex;gap:8px;flex:none}
.web-quota-history-icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--web-accent-border-strong,#dce4ee);border-radius:10px;background:#fff;color:var(--web-accent-primary,#3971d3);cursor:pointer}
.web-quota-history-icon-button:hover,.web-quota-history-icon-button:focus-visible{border-color:var(--web-accent-primary,#3971d3);background:var(--web-accent-light,#f0f5ff);outline:none}
#webQuotaHistoryModal.group-web-quota-history .web-quota-history-icon-button{border-color:#dce4ee;color:var(--green,#117a65)}
#webQuotaHistoryModal.group-web-quota-history .web-quota-history-icon-button:hover,#webQuotaHistoryModal.group-web-quota-history .web-quota-history-icon-button:focus-visible{border-color:var(--green,#117a65);background:#f0f8f5}
.web-quota-history-icon-button svg{width:17px;height:17px}
.web-quota-history-icon-button:disabled{cursor:wait;opacity:.55}
.web-quota-history-icon-button.is-loading svg{animation:webQuotaHistorySpin .85s linear infinite}
@keyframes webQuotaHistorySpin{to{transform:rotate(360deg)}}
.web-quota-history-status{margin:22px 0 0;padding:22px;border:1px dashed #dce4ee;border-radius:12px;color:#64748b;text-align:center;font-size:14px}
.web-quota-history-status.is-loading{display:grid;justify-items:center;gap:8px}
.web-quota-history-status.is-loading::before{content:"";display:block;width:28px;height:28px;margin:0 0 2px;border:3px solid var(--web-accent-light,#e4edfc);border-top-color:var(--web-accent-primary,#3971d3);border-radius:50%;animation:webQuotaHistorySpin .72s linear infinite}
.web-quota-history-status.is-loading strong{color:#172033;font-size:16px;font-weight:950;line-height:1.4}
.web-quota-history-status.is-loading span{color:#64748b;font-size:14px;font-weight:750;line-height:1.4}
#webQuotaHistoryModal.group-web-quota-history .web-quota-history-status.is-loading::before{border-color:#d1e8df;border-top-color:var(--green,#117a65)}
.web-quota-history-status.is-error{border-color:#fecaca;background:#fff7f7;color:#b42318}
.web-quota-history-list{display:grid;gap:10px;margin-top:20px}
.web-quota-history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border:1px solid #dce4ee;border-radius:13px;background:#fff}
.web-quota-history-item-main{display:grid;gap:5px;min-width:0}
.web-quota-history-item-title{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.web-quota-history-item-detail{color:#64748b;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.web-quota-history-item-amount{color:var(--web-accent-primary,#2563eb);min-width:42px;font-size:20px;line-height:1.35;text-align:center;white-space:nowrap}
.web-quota-history-item-amount.is-credit{color:#15803d}
#webQuotaHistoryModal.group-web-quota-history .web-quota-history-item-amount{color:var(--green,#117a65)}
#webQuotaHistoryModal.group-web-quota-history .web-quota-history-item-amount.is-credit{color:#15803d}
.web-quota-history-footer{display:flex;justify-content:center;margin-top:18px}
.web-quota-history-footer button{padding:9px 16px;border:1px solid #dce4ee;border-radius:10px;background:#fff;color:#334155;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.web-quota-history-footer button:hover,.web-quota-history-footer button:focus-visible{background:#f4f8f8;outline:none}
.web-quota-history-footer button:disabled{cursor:wait;opacity:.55}
.web-quota-history-footer:has(> button[hidden]){display:none}
.web-quota-history-end{margin:18px 0 0;color:#94a3b8;text-align:center;font-size:12px}
.personal-confirm-clear-device,.group-logout-clear-device{display:block;width:max-content;max-width:100%;margin:14px auto 0;padding:2px 0;border:0;background:transparent;color:#b42318;font:inherit;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.personal-confirm-clear-device:hover,.group-logout-clear-device:hover{color:#dc2626;text-decoration-thickness:2px}
.personal-confirm-clear-device:focus-visible,.group-logout-clear-device:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.personal-confirm-clear-device[hidden],.group-logout-clear-device[hidden]{display:none}
body.web-night-preview .web-quota-history-card{background:#1b2735;color:#e7edf3;border:1px solid #344458}
body.web-night-preview .web-quota-history-subtitle,body.web-night-preview .web-quota-history-item-detail{color:#a8b7c6}
body.web-night-preview .web-quota-history-icon-button,body.web-night-preview .web-quota-history-item,body.web-night-preview .web-quota-history-footer button{background:#223143;border-color:#405369;color:#e7edf3}
body.web-night-preview .web-quota-history-icon-button{color:var(--web-accent-primary,#93b4ff)}
body.web-night-preview:not(.personal-web) #webQuotaHistoryModal.group-web-quota-history .web-quota-history-icon-button{color:var(--green,#117a65)}
body.web-night-preview .web-quota-history-status{border-color:#405369;color:#a8b7c6}
body.web-night-preview .web-quota-history-status.is-loading strong{color:#e7edf3}
body.web-night-preview .web-quota-history-status.is-loading span{color:#a8b7c6}
body.web-night-preview .web-quota-history-status.is-error{background:#432a31;border-color:#8b4a55;color:#ffc1c8}
body.web-night-preview #webQuotaHistoryModal .web-quota-history-item-amount{color:var(--web-accent-primary,#93b4ff)!important}
body.group-web.web-night-preview #webQuotaHistoryModal.group-web-quota-history .web-quota-history-item-amount{color:var(--green,#117a65)!important}
body.web-night-preview .personal-confirm-clear-device,body.web-night-preview .group-logout-clear-device{color:#ffc1c8}
@media (max-width:600px){.web-quota-history-card{padding:19px}.web-quota-history-heading h2{font-size:21px}.web-quota-history-item{padding:13px}.web-quota-history-item-amount{font-size:18px}}