:root{color-scheme:light}body,html{background:#f5f5f7;color:#111827;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.hdr{justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:20}.hdr,.left{display:flex;align-items:center}.left{gap:12px}.brand{display:flex;align-items:center;gap:8px;color:#111827;text-decoration:none}.brandIconWrap{width:28px;height:28px;border-radius:999px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px rgba(15,23,42,.06)}.brandIcon{width:100%;height:100%;object-fit:cover;display:block}.brandText{display:flex;flex-direction:column;line-height:1.2}.brandTitle{font-size:18px;font-weight:700}.brandTagline{font-size:12px;color:#6b7280}.nav{display:flex;gap:12px}.link{color:#6b7280;text-decoration:none;font-size:14px}.right{gap:16px}.right,.userChip{display:flex;align-items:center}.userChip{gap:8px;text-decoration:none;color:#111827;font-size:14px}.avt{width:28px;height:28px;border-radius:50%}.ph{background:#e5e7eb}.uname{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout{color:#ef4444;text-decoration:none;font-size:13px}.container{max-width:1200px;margin:0 auto;padding:24px 16px}@media (max-width:720px){.hdr{align-items:flex-start;gap:8px}.hdr,.left,.nav{flex-wrap:wrap}.nav{gap:8px;font-size:13px}.right{width:100%;justify-content:flex-end;gap:12px}.uname{display:none}}.wrap{padding:16px;max-width:1200px;margin:0 auto}.h2{font-size:20px;font-weight:700;margin:0 0 16px;color:#111827}.mb12{margin-bottom:12px}.tableWrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.06)}.tbl th{border-bottom:1px solid #e5e7eb;color:#4b5563;text-align:left;background:#f9fafb;font-weight:600}.tbl td,.tbl th{padding:10px 8px}.tbl td{color:#111827;border-top:1px solid #f3f4f6}.center{text-align:center}.right{text-align:right}.mono{font-family:ui-monospace,Menlo,monospace}.pad16{padding:16px}.search{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-column-gap:24px;column-gap:24px;grid-row-gap:12px;row-gap:12px;align-items:flex-end;margin:0 0 16px}.searchField{display:flex;flex-direction:column;gap:4px;min-width:160px}.searchFieldLabel{font-size:13px}.searchDateRange{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.searchActions{display:flex;align-items:center;gap:8px}.input{padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;width:100%;font-size:14px}.input::placeholder{color:#6b7280}.btnPrimary{padding:8px 16px;border-radius:999px;border:1px solid transparent;background:#2563eb;color:#fff;cursor:pointer}.btnPrimary,.btnSecondary{font-size:14px;font-weight:500}.linkClear{margin-left:8px}.ops{display:flex;gap:8px}.btnLink,.ops{justify-content:center}.btnLink{display:inline-flex;align-items:center;min-width:88px;padding:8px 16px;background:#e5edff;color:#1d4ed8;border-radius:999px;text-decoration:none;font-size:13px}.muted{color:#6b7280}.pager{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;font-size:14px}.disabled{pointer-events:none;opacity:.5}@media (max-width:640px){.tbl td:nth-child(6),.tbl th:nth-child(6){display:none}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin:0 0 16px;box-shadow:0 1px 3px rgba(15,23,42,.06)}.h3{font-size:16px;font-weight:700;margin:0 0 12px}.avatar{width:64px;height:64px;border-radius:50%}.profRow{display:flex;align-items:center;gap:16px}.profInfo{min-width:0}.formGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-column-gap:24px;column-gap:24px;grid-row-gap:10px;row-gap:10px;margin-top:12px}.formActions{display:flex;flex-wrap:wrap;align-items:center}.formActions,.linkGrid{margin-top:12px;gap:8px}.linkGrid{display:grid;grid-template-columns:1fr auto;grid-gap:8px;align-items:end}.col{display:flex;flex-direction:column;gap:4px}.badge{display:inline-block;padding:2px 8px;border-radius:6px;margin:0 8px 0 4px}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.help{color:#6b7280;margin-top:6px;font-size:12px}.usageRow{display:flex;gap:12px;flex-wrap:wrap}.usageBox{flex:1 0 160px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.big{font-size:20px;font-weight:700;margin-top:6px}@media (max-width:720px){.formGrid,.linkGrid{grid-template-columns:1fr}}.btnSecondary{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 16px;border-radius:999px;border:1px solid transparent;background:#10b981}.btnDanger,.btnSecondary{color:#fff;cursor:pointer}.btnDanger{padding:8px 12px;border-radius:8px;border:1px solid transparent;background:#ef4444}.loginPage{min-height:calc(100vh - 80px);display:flex;align-items:flex-start;justify-content:center;padding:80px 16px 32px}.loginCard{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:40px 32px 32px;box-shadow:0 10px 25px rgba(15,23,42,.08);text-align:center}.loginIconWrap{width:80px;height:80px;border-radius:24px;overflow:hidden;margin:0 auto 24px;box-shadow:0 6px 15px rgba(15,23,42,.12)}.loginIcon{width:100%;height:100%;object-fit:cover;display:block}.loginTitle{font-size:20px;font-weight:700;margin:0 0 24px;color:#111827}.loginButton{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:12px 24px;border-radius:999px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 10px rgba(37,99,235,.35)}.loginButton:hover{background:#1d4ed8}.loginButtonSecondary{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:10px 20px;border-radius:999px;background:#f3f4ff;color:#1d4ed8;font-size:13px;font-weight:500;text-decoration:none;border:1px solid #c7d2fe}.loginButtonSecondary:hover{background:#e0e7ff}.loginNote{margin-top:24px;font-size:13px;color:#6b7280;line-height:1.6}@media (hover:hover){.btnDanger:hover,.btnSecondary:hover{opacity:.9}}