.usage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.usage-kpi{background:linear-gradient(145deg,#1b2a36,#17202a);border:1px solid #2b4653;border-radius:16px;padding:18px;min-height:125px}.usage-kpi small,.usage-kpi span{display:block;color:var(--muted)}.usage-kpi strong{display:block;font-size:1.7rem;margin:12px 0 4px;color:#eaf8f4}.usage-kpi.accent{border-color:#4acb9d;background:linear-gradient(145deg,#18372f,#17252a)}.chart-card,.model-summary,.daily-table{margin-top:18px}.legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:4px}.dot-0,.bar-0{background:#8cf0c9}.dot-1,.bar-1{background:#8bb8ff}.dot-2,.bar-2{background:#f7c873}.dot-3,.bar-3{background:#e99cff}.dot-4,.bar-4{background:#ff9d8e}.usage-chart{display:flex;min-height:260px;direction:ltr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0 0}.chart-y{width:50px;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:.68rem;padding-bottom:24px}.chart-bars{display:flex;align-items:end;gap:10px;overflow-x:auto;flex:1;padding:0 8px}.chart-day{min-width:30px;height:225px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px}.bar-stack{height:190px;width:20px;display:flex;align-items:end;background:#202c35;border-radius:5px 5px 2px 2px}.bar{width:100%;min-height:3px;border-radius:5px 5px 2px 2px}.chart-day small{direction:ltr;font-size:.65rem;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:right;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.75rem;font-weight:normal}td{font-size:.85rem}.share{display:inline-block;width:80px;height:7px;background:#26333d;border-radius:10px;overflow:hidden;margin-left:7px;vertical-align:middle}.share span{display:block;height:100%;background:var(--accent);border-radius:10px}.subscription-section{margin-top:24px}.model-summary .model-badge{font-size:.72rem}
@media(max-width:780px){.usage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-kpi strong{font-size:1.3rem}.chart-bars{gap:7px}}
.detail-chart-card{margin-top:18px;background:linear-gradient(145deg,#182832,#151d26)}.detail-legend{display:flex;gap:20px;color:var(--muted);font-size:.82rem;direction:rtl}.bar-key{display:inline-block;width:12px;height:12px;border-radius:3px;margin-left:5px;vertical-align:-1px}.token-key{background:#8cf0c9}.dollar-key{background:#5376c9}.model-bars{display:flex;align-items:end;gap:clamp(18px,5vw,58px);min-height:330px;overflow-x:auto;border-bottom:1px solid var(--line);padding:28px 18px 0;direction:ltr}.model-column{min-width:105px;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px;direction:rtl}.bar-values{display:flex;flex-direction:column;align-items:center;font:600 .65rem monospace;color:var(--muted);gap:2px;min-height:30px}.dual-bars{height:210px;width:74px;display:flex;align-items:end;justify-content:center;gap:7px;border-bottom:1px solid #42505a;background:repeating-linear-gradient(to top,transparent 0,transparent 51px,#26343d 52px)}.dual-bar{width:25px;min-height:4px;max-height:100%;border-radius:6px 6px 0 0;transition:height .3s ease}.token-bar{background:linear-gradient(180deg,#b1ffe4,#48cfa7)}.dollar-bar{background:linear-gradient(180deg,#9db5ff,#4b66b1)}.model-column strong{font-size:.75rem;text-align:center;max-width:130px;overflow:hidden;text-overflow:ellipsis;direction:ltr}.model-column small{font-size:.7rem}.detail-table{margin-top:18px}
.audit-view{padding:7px 10px;background:#8bb8ff;color:#07111e;font-size:.75rem}.audit-time{white-space:nowrap}.audit-modal{position:fixed;inset:0;z-index:20;background:#0009;display:grid;place-items:center;padding:20px}.audit-modal[hidden]{display:none}.audit-modal-card{width:min(900px,100%);max-height:90vh;overflow:auto;background:#171d28;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 20px 70px #0008}.audit-close{background:#ff9b9b}.audit-meta{padding:10px 12px;margin-bottom:14px;border:1px solid var(--line);border-radius:9px;color:var(--muted);direction:rtl}.audit-detail-text{min-height:180px;max-height:340px;width:100%;resize:vertical;direction:auto;user-select:text;white-space:pre-wrap}.audit-actions{display:flex;justify-content:flex-start;margin:-4px 0 16px}.request-log-card table{min-width:1380px}.request-preview{max-width:280px}.audit-modal-card label{margin-top:12px}@media(max-width:850px){.request-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.request-filters button{width:100%}}
.request-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;margin:16px 0}.request-filters label{min-width:0}.request-filters input,.request-filters select{width:100%;min-width:0}.request-filters button{height:fit-content}.audit-custom-filter[hidden]{display:none}.audit-time{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.audit-date{font-size:.78rem}.audit-relative,.audit-meta small{display:block;color:var(--muted);font-size:.68rem}.context-preview{color:#c3b7e9}.audit-meta b{display:block;color:var(--ink)}
@media(max-width:1000px){.request-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.request-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
.request-log-card .table-wrap{overflow-x:visible;overflow-y:visible}.request-log-card table{width:100%;min-width:0;table-layout:fixed}.request-log-card th,.request-log-card td{width:auto;padding:8px 5px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:top;font-size:.72rem;line-height:1.35}.request-log-card th:nth-child(1),.request-log-card td:nth-child(1){width:10%}.request-log-card th:nth-child(2),.request-log-card td:nth-child(2){width:7%}.request-log-card th:nth-child(3),.request-log-card td:nth-child(3){width:8%}.request-log-card th:nth-child(4),.request-log-card td:nth-child(4){width:10%}.request-log-card th:nth-child(5),.request-log-card td:nth-child(5){width:15%}.request-log-card th:nth-child(6),.request-log-card td:nth-child(6){width:13%}.request-log-card th:nth-child(7),.request-log-card td:nth-child(7){width:13%}.request-log-card th:nth-child(8),.request-log-card td:nth-child(8){width:5%}.request-log-card th:nth-child(9),.request-log-card td:nth-child(9){width:8%}.request-log-card th:nth-child(10),.request-log-card td:nth-child(10){width:6%}.request-log-card th:nth-child(11),.request-log-card td:nth-child(11){width:5%}.request-log-card .request-preview{max-width:none;white-space:normal;overflow-wrap:anywhere}.request-log-card .audit-time{white-space:normal;word-break:normal}.request-log-card .status-badge,.request-log-card .model-badge{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}.request-log-card td small{display:block;white-space:normal;overflow-wrap:anywhere}@media(max-width:1000px){.request-log-card th,.request-log-card td{padding:6px 3px;font-size:.65rem}.request-log-card .audit-date{font-size:.68rem}.request-log-card .audit-relative{font-size:.58rem}}@media(max-width:650px){.request-log-card th,.request-log-card td{padding:5px 2px;font-size:.57rem}.request-log-card .audit-date{font-size:.59rem}.request-log-card .audit-relative{font-size:.52rem}.request-log-card .audit-view{padding:4px 5px;font-size:.6rem}}
.request-log-card{width:100%;max-width:100%;min-width:0;overflow:hidden}.request-log-card .table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:visible}.request-log-card table{display:table;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}.request-log-card th,.request-log-card td{min-width:0}.request-log-card .audit-view{max-width:100%;white-space:normal;overflow-wrap:anywhere}