.usage-page-shell {
            width:100%;
            min-height:100%;
            overflow:visible;
            background:var(--bg-100);
          }
          .flashcards-page-shell {
            width:100%;
            min-height:100%;
            overflow:visible;
            background:var(--bg-100);
          }
          .usage-page-content {
            width:100%;
            display:block;
            background:var(--bg-100);
            color:var(--text-100);
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
          }
          .flashcards-page-content {
            width:100%;
            display:block;
            background:var(--bg-100);
            color:var(--text-100);
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
          }
          .usage-page-content.is-refreshing {
            cursor:progress;
          }
          #usagePage .usage-page-loading {
            width:min(1240px, calc(100% - 56px));
            margin:0 auto;
            padding:40px 0;
            color:var(--text-40, rgba(255,255,255,.55));
            font-size:14px;
          }
          #flashcardsPage .flashcards-page-loading {
            width:min(1120px, calc(100% - 56px));
            margin:0 auto;
            padding:40px 0;
            color:var(--text-40, rgba(255,255,255,.55));
            font-size:14px;
          }
          #usagePage .usage-skel {
            position:relative;
            overflow:hidden;
            border-radius:14px;
            background:rgba(255,255,255,.075);
          }
          #usagePage .usage-skel::after,
          #usagePage .usage-page-content.is-refreshing .card::after,
          #usagePage .usage-page-content.is-refreshing .panel::after {
            content:"";
            position:absolute;
            inset:0;
            transform:translateX(-110%);
            background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
            animation:usageSkeletonSweep 1.15s ease-in-out infinite;
            pointer-events:none;
          }
          #usagePage .usage-skel-title {width:min(420px, 80vw);height:64px;margin-bottom:12px;border-radius:22px}
          #usagePage .usage-skel-sub {width:min(620px, 82vw);height:18px;margin-bottom:20px}
          #usagePage .usage-skel-search {width:min(960px, 100%);height:50px;border-radius:16px}
          #usagePage .usage-skel-filters {width:310px;height:38px;border-radius:16px}
          #usagePage .usage-skeleton-page .usage-skel-filters {display:none !important}
          #usagePage .usage-skel-tab {width:92px;height:38px;border-radius:13px}
          #usagePage .usage-skel-tabs {
            display:flex;
            flex-wrap:wrap;
            gap:8px;
          }
          #usagePage .usage-skel-cards {
            gap:12px;
          }
          #usagePage .usage-skel-grid {
            gap:14px;
          }
          #usagePage .usage-skel-card {
            width:100%;
            min-width:0;
            min-height:102px;
            box-sizing:border-box;
          }
          #usagePage .usage-skel-card-label {width:46%;height:12px;border-radius:7px;margin-bottom:14px}
          #usagePage .usage-skel-card-value {width:68%;height:28px;border-radius:11px;margin-bottom:12px}
          #usagePage .usage-skel-card-sub {width:82%;height:11px;border-radius:7px}
          #usagePage .usage-skel-section {
            position:relative;
            overflow:hidden;
          }
          #usagePage .usage-skel-heading {width:min(280px, 72%);height:26px;border-radius:11px;margin-bottom:10px}
          #usagePage .usage-skel-line {width:min(620px, 88%);height:16px;border-radius:9px;margin-bottom:16px}
          #usagePage .usage-skel-form-row {
            display:grid;
            grid-template-columns:minmax(0, 1fr) minmax(0, 260px) 150px;
            gap:12px;
          }
          #usagePage .usage-skel-input {height:48px;border-radius:13px}
          #usagePage .usage-skel-button {height:48px;border-radius:13px}
          #usagePage .usage-skel-mini-card {
            min-height:92px;
            border-radius:14px;
          }
          #usagePage .usage-skel-automation-grid,
          #usagePage .usage-skel-metric-grid,
          #usagePage .usage-skel-implementation-grid {
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:12px;
          }
          #usagePage .usage-skel-form-panel {min-height:150px}
          #usagePage .usage-skel-automation-panel {min-height:245px}
          #usagePage .usage-skel-metric-panel {min-height:190px}
          #usagePage .usage-skel-implementation-panel {min-height:260px}
          #usagePage .usage-skel-json-panel {min-height:360px}
          #usagePage .usage-skel-chart {min-height:300px}
          #usagePage .usage-skel-table {min-height:290px}
          #usagePage .usage-skel-cta {height:52px;border-radius:14px;margin-top:14px}
          #usagePage .usage-skel-pre {height:260px;border-radius:14px}
          #usagePage .usage-page-content.is-refreshing .card,
          #usagePage .usage-page-content.is-refreshing .panel {
            position:relative;
            overflow:hidden;
          }
          #usagePage .usage-page-content.is-refreshing .card > *,
          #usagePage .usage-page-content.is-refreshing .panel > * {
            opacity:.34;
          }
          @keyframes usageSkeletonSweep {
            to { transform:translateX(110%); }
          }
          html[data-theme="light"] #usagePage .usage-skel {
            background:rgba(63,54,38,.075);
          }
          html[data-theme="light"] #usagePage .usage-skel::after,
          html[data-theme="light"] #usagePage .usage-page-content.is-refreshing .card::after,
          html[data-theme="light"] #usagePage .usage-page-content.is-refreshing .panel::after {
            background:linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent);
          }
          #usagePage .page {
            width:min(1240px, calc(100% - 56px));
            max-width:none;
            margin:0 auto;
            padding:40px 0 54px;
            box-sizing:border-box;
          }
          #usagePage .top {
            display:flex;
            gap:18px;
            align-items:flex-end;
            justify-content:space-between;
            margin-bottom:18px;
            padding-bottom:18px;
            border-bottom:1px solid rgba(255,255,255,.10);
          }
          html[data-theme="light"] #usagePage .top {
            border-bottom-color:rgba(63,54,38,.10);
          }
          #usagePage h1 {
            font-size:clamp(38px,4.8vw,70px);
            line-height:.95;
            letter-spacing:-.055em;
            margin:0 0 10px;
            font-weight:900;
            color:var(--text-100);
          }
          #usagePage .sub,
          #usagePage .muted,
          #usagePage .limit-note,
          #usagePage .limit-list {
            color:var(--text-40, rgba(255,255,255,.58));
          }
          html[data-theme="light"] #usagePage .sub,
          html[data-theme="light"] #usagePage .muted,
          html[data-theme="light"] #usagePage .limit-note,
          html[data-theme="light"] #usagePage .limit-list {
            color:#6f6658;
          }
          #usagePage .sub {
            margin:0;
            line-height:1.5;
            font-size:14px;
            max-width:680px;
          }
          #usagePage .filters,
          #usagePage .tabs {
            display:flex;
            gap:8px;
            flex-wrap:wrap;
          }
          #usagePage .filters {
            justify-content:flex-end;
          }
          #usagePage .usage-scope-toggle {
            display:inline-grid;
            grid-template-columns:1fr 1fr;
            gap:3px;
            min-height:38px;
            padding:3px;
            border-radius:16px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.04);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
          }
          #usagePage .scope-option {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-width:94px;
            min-height:30px;
            padding:0 14px;
            border-radius:12px;
            color:var(--text-300, rgba(255,255,255,.55));
            text-decoration:none;
            font-size:12px;
            font-weight:800;
            white-space:nowrap;
            transition:background .16s ease, color .16s ease, box-shadow .16s ease;
          }
          #usagePage .scope-option:hover {
            color:var(--text-100);
            background:rgba(255,255,255,.055);
          }
          #usagePage .scope-option.active {
            background:var(--text-100);
            color:var(--bg-100);
            box-shadow:0 10px 22px rgba(0,0,0,.16);
          }
          #usagePage .usage-period-pills {
            display:flex;
            gap:8px;
            flex-wrap:wrap;
          }
          #usagePage .usage-user-search {
            display:flex;
            align-items:center;
            gap:7px;
            min-height:38px;
            padding:3px 3px 3px 12px;
            border-radius:16px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.04);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
          }
          #usagePage .usage-user-search i {
            color:var(--text-300, rgba(255,255,255,.55));
            font-size:12px;
          }
          #usagePage .usage-user-search input[type="search"] {
            width:170px;
            height:30px;
            border:0;
            outline:0;
            background:transparent;
            color:var(--text-100);
            font:inherit;
            font-size:12px;
            font-weight:700;
            padding:0;
          }
          #usagePage .usage-user-search input[type="search"]::placeholder {
            color:var(--text-300, rgba(255,255,255,.55));
          }
          #usagePage .usage-user-search button,
          #usagePage .usage-user-clear {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:30px;
            padding:0 10px;
            border-radius:12px;
            border:0;
            background:var(--text-100);
            color:var(--bg-100);
            font-size:12px;
            font-weight:800;
            line-height:1;
            text-decoration:none;
            cursor:pointer;
          }
          #usagePage .usage-user-clear {
            background:transparent;
            color:var(--text-300, rgba(255,255,255,.55));
            border:1px solid rgba(255,255,255,.10);
          }
          #usagePage .usage-user-link,
          #usagePage .usage-chat-link {
            color:var(--text-100);
            text-decoration:none !important;
            text-underline-offset:2px;
            text-decoration-thickness:1px;
            font-weight:750;
          }
          #usagePage .usage-user-link:hover,
          #usagePage .usage-user-link:focus-visible,
          #usagePage .usage-chat-link:hover,
          #usagePage .usage-chat-link:focus-visible {
            text-decoration:underline !important;
            text-decoration-thickness:1px;
            text-underline-offset:2px;
          }
          #usagePage .usage-chat-link {
            appearance:none;
            -webkit-appearance:none;
            border:0;
            background:transparent;
            font:inherit;
            text-align:left;
            padding:0;
            cursor:pointer;
          }
          #usagePage .usage-type-badge {
            display:inline-flex;
            align-items:center;
            min-height:24px;
            padding:0 9px;
            border-radius:999px;
            border:1px solid var(--line, rgba(255,255,255,.10));
            background:rgba(255,255,255,.045);
            color:var(--text-100, #fff);
            font-size:11px;
            font-weight:800;
            white-space:nowrap;
          }
          #usagePage .usage-search-row {
            display:flex;
            align-items:stretch;
            gap:8px;
            width:100%;
            max-width:960px;
            margin-top:18px;
          }
          #usagePage .usage-browser-search {
            position:relative;
            flex:1 1 auto;
            min-width:0;
            width:100%;
            max-width:none;
          }
          #usagePage .usage-browser-search i {
            position:absolute;
            left:16px;
            top:50%;
            transform:translateY(-50%);
            color:var(--text-200, #aaa);
            font-size:14px;
            opacity:.75;
            pointer-events:none;
            z-index:1;
          }
          #usagePage .usage-browser-search input[type="search"] {
            width:100%;
            height:50px;
            border-radius:16px;
            border:1px solid var(--border-200, rgba(255,255,255,.10));
            background:rgba(0,0,0,.20);
            color:var(--text-100, #fff);
            padding:0 82px 0 44px;
            outline:none;
            font-size:15px;
            box-shadow:none;
            transition:border-color .16s ease, background .16s ease, box-shadow .16s ease;
          }
          #usagePage .usage-browser-search input[type="search"]:focus {
            border-color:var(--border-200, rgba(255,255,255,.10));
            background:rgba(0,0,0,.20);
            box-shadow:none;
          }
          #usagePage .usage-browser-search input[type="search"]::placeholder {
            color:var(--text-300);
          }
          #usagePage .usage-search-submit,
          #usagePage .usage-browser-clear {
            position:absolute;
            right:14px;
            top:50%;
            transform:translateY(-50%);
            border:1px solid rgba(255,255,255,.10);
            border-radius:8px;
            padding:3px 7px;
            color:var(--text-300,#888);
            background:rgba(255,255,255,.035);
            font-size:11px;
            font-weight:800;
            letter-spacing:.01em;
            line-height:1.2;
            text-decoration:none;
            cursor:pointer;
            z-index:1;
          }
          #usagePage .usage-refresh-button {
            height:50px;
            width:50px;
            flex:0 0 50px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            border-radius:16px;
            border:1px solid var(--border-200, rgba(255,255,255,.10));
            background:rgba(255,255,255,.055);
            color:var(--text-100);
            text-decoration:none;
            font-size:13px;
            position:relative;
            overflow:hidden;
          }
          #usagePage .usage-refresh-button:hover {
            background:var(--bg-200, rgba(255,255,255,.10));
          }
          #usagePage .usage-refresh-button .usage-refresh-label {
            position:absolute;
            left:50%;
            top:50%;
            transform:translate(-50%,-50%);
            font-size:10px;
            font-weight:850;
            opacity:0;
            pointer-events:none;
          }
          #usagePage .usage-refresh-button.is-refreshing i {
            animation:usageSpin .75s linear infinite;
          }
          #usagePage .usage-refresh-button.is-updated i {
            opacity:0;
          }
          #usagePage .usage-refresh-button.is-updated .usage-refresh-label {
            opacity:1;
          }
          @keyframes usageSpin {
            to { transform:rotate(360deg); }
          }
          html[data-theme="light"] #usagePage .usage-scope-toggle {
            border-color:rgba(63,54,38,.10);
            background:rgba(43,41,35,.045);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
          }
          html[data-theme="light"] #usagePage .scope-option {
            color:rgba(32,28,22,.58);
          }
          html[data-theme="light"] #usagePage .scope-option:hover {
            color:#211d17;
            background:rgba(255,255,255,.58);
          }
          html[data-theme="light"] #usagePage .scope-option.active {
            background:#211d17;
            color:#f7f3ea;
            box-shadow:0 10px 22px rgba(71,58,31,.11);
          }
          html[data-theme="light"] #usagePage .usage-user-search {
            border-color:rgba(63,54,38,.10);
            background:rgba(43,41,35,.045);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
          }
          html[data-theme="light"] #usagePage .usage-user-search i,
          html[data-theme="light"] #usagePage .usage-user-search input[type="search"]::placeholder,
          html[data-theme="light"] #usagePage .usage-user-clear {
            color:rgba(32,28,22,.58);
          }
          html[data-theme="light"] #usagePage .usage-user-search input[type="search"],
          html[data-theme="light"] #usagePage .usage-user-link,
          html[data-theme="light"] #usagePage .usage-chat-link {
            color:#211d17;
          }
          html[data-theme="light"] #usagePage .usage-user-search button {
            background:#211d17;
            color:#f7f3ea;
          }
          html[data-theme="light"] #usagePage .usage-user-clear {
            border-color:rgba(63,54,38,.10);
          }
          html[data-theme="light"] #usagePage .usage-browser-search input[type="search"] {
            background:rgba(255,255,255,.82);
            border-color:rgba(63,54,38,.12);
            color:#201c16;
            box-shadow:none;
          }
          html[data-theme="light"] #usagePage .usage-browser-search input[type="search"]:focus {
            background:rgba(255,255,255,.82);
            border-color:rgba(63,54,38,.12);
            box-shadow:none;
          }
          html[data-theme="light"] #usagePage .usage-browser-search i,
          html[data-theme="light"] #usagePage .usage-search-submit,
          html[data-theme="light"] #usagePage .usage-browser-clear,
          html[data-theme="light"] #usagePage .usage-refresh-button {
            color:rgba(32,28,22,.55);
          }
          html[data-theme="light"] #usagePage .usage-search-submit,
          html[data-theme="light"] #usagePage .usage-browser-clear,
          html[data-theme="light"] #usagePage .usage-refresh-button {
            border-color:rgba(63,54,38,.10);
            background:rgba(255,255,255,.52);
          }
          #usagePage .tabs {
            margin:0 0 18px;
            min-height:42px;
            align-items:center;
          }
          #usagePage .pill,
          #usagePage .tab {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:34px;
            padding:0 12px;
            border-radius:13px;
            border:1px solid rgba(255,255,255,.10);
            color:var(--text-100);
            text-decoration:none;
            background:rgba(255,255,255,.045);
            font-size:12px;
            font-weight:700;
          }
          #usagePage .tab {
            min-height:38px;
            padding:0 14px;
            font-size:13px;
          }
          html[data-theme="light"] #usagePage .pill,
          html[data-theme="light"] #usagePage .tab {
            border-color:rgba(63,54,38,.10);
            background:rgba(255,255,255,.55);
            color:#211d17;
          }
          #usagePage .pill:hover,
          #usagePage .tab:hover {
            background:rgba(255,255,255,.08);
          }
          html[data-theme="light"] #usagePage .pill:hover,
          html[data-theme="light"] #usagePage .tab:hover {
            background:rgba(255,255,255,.85);
          }
          #usagePage .pill.active,
          #usagePage .tab.active {
            background:var(--text-100);
            border-color:transparent;
            color:var(--bg-100);
          }
          html[data-theme="light"] #usagePage .pill.active,
          html[data-theme="light"] #usagePage .tab.active {
            background:#211d17;
            color:#f7f3ea;
          }
          #usagePage .cards {
            display:grid;
            grid-template-columns:repeat(5,minmax(0,1fr));
            gap:12px;
            margin-bottom:18px;
          }
          #usagePage .grid {
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:14px;
            margin-top:14px;
          }
          #usagePage .limit-grid {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:14px;
          }
          #usagePage .simulator-grid {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:14px;
          }
          #usagePage .simulator-form {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:12px;
          }
          #usagePage .simulator-form label {
            display:grid;
            gap:6px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:800;
          }
          #usagePage .simulator-form input,
          #usagePage .simulator-form select {
            height:42px;
            border-radius:12px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(0,0,0,.18);
            color:var(--text-100);
            padding:0 12px;
            font:inherit;
            font-weight:700;
            outline:none;
          }
          #usagePage .simulator-form .simulator-wide {
            grid-column:1/-1;
          }
          #usagePage .simulator-form button {
            height:44px;
            border:0;
            border-radius:13px;
            background:var(--text-100);
            color:var(--bg-100);
            font-weight:850;
            cursor:pointer;
          }
          #usagePage .simulator-result {
            display:grid;
            gap:12px;
          }
          #usagePage .simulator-action {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:40px;
            width:max-content;
            padding:0 14px;
            border-radius:999px;
            background:var(--text-100);
            color:var(--bg-100);
            font-size:13px;
            font-weight:900;
          }
          #usagePage .simulator-action.warn{background:#f59e0b;color:#1f1300}
          #usagePage .simulator-action.stop{background:#ef4444;color:#fff}
          #usagePage .simulator-action.ok{background:#22c55e;color:#04130a}
          #usagePage .simulator-kv {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:8px;
          }
          #usagePage .simulator-kv div {
            border:1px solid rgba(255,255,255,.10);
            border-radius:13px;
            padding:10px;
          }
          #usagePage .simulator-kv span {
            display:block;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            font-weight:800;
          }
          #usagePage .simulator-kv strong {
            display:block;
            margin-top:4px;
          }
          #usagePage .simulated-chat-preview {
            border:1px solid rgba(255,255,255,.10);
            border-radius:18px;
            padding:14px;
            background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
          }
          #usagePage .simulated-chat-label {
            margin:0 0 10px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.07em;
          }
          #usagePage .simulated-limit-notice {
            border:1px solid rgba(255,255,255,.10);
            border-radius:16px;
            padding:14px;
            background:rgba(255,255,255,.045);
          }
          #usagePage .simulated-limit-notice.stop {
            border-color:rgba(239,68,68,.24);
            background:rgba(239,68,68,.10);
          }
          #usagePage .simulated-limit-notice.paid {
            border-color:rgba(99,102,241,.28);
            background:rgba(99,102,241,.10);
          }
          #usagePage .simulated-limit-notice.soft {
            border-color:rgba(245,158,11,.28);
            background:rgba(245,158,11,.10);
          }
          #usagePage .simulated-limit-notice.ok {
            border-color:rgba(34,197,94,.22);
            background:rgba(34,197,94,.09);
          }
          #usagePage .simulated-limit-eyebrow {
            margin:0 0 5px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.06em;
          }
          #usagePage .simulated-limit-title {
            margin:0 0 6px;
            font-size:15px;
            font-weight:900;
            color:var(--text-100);
          }
          #usagePage .simulated-limit-body {
            margin:0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:13px;
            line-height:1.5;
          }
          #usagePage .simulated-limit-continue {
            margin:10px 0 0;
            color:var(--text-100);
            font-size:13px;
            font-weight:850;
            line-height:1.4;
          }
          #usagePage .simulated-limit-reset {
            margin:5px 0 0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:850;
          }
          #usagePage .usage-reset-time {
            white-space:nowrap;
          }
          #usagePage .simulated-limit-actions {
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin-top:12px;
          }
          #usagePage .simulated-limit-actions span {
            display:inline-flex;
            align-items:center;
            min-height:32px;
            padding:0 10px;
            border-radius:11px;
            border:1px solid rgba(255,255,255,.10);
            font-size:12px;
            font-weight:850;
            color:var(--text-100);
          }
          #usagePage .simulated-limit-actions span:first-child {
            background:var(--text-100);
            color:var(--bg-100);
            border-color:transparent;
          }
          html[data-theme="light"] #usagePage .simulator-form input,
          html[data-theme="light"] #usagePage .simulator-form select,
          html[data-theme="light"] #usagePage .simulator-kv div,
          html[data-theme="light"] #usagePage .simulated-chat-preview,
          html[data-theme="light"] #usagePage .simulated-limit-actions span {
            border-color:rgba(63,54,38,.10);
            background:rgba(255,255,255,.62);
            color:#211d17;
          }
          #usagePage .public-preview-panel {
            margin-bottom:18px;
          }
          #usagePage .public-preview-header {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:14px;
            margin-bottom:14px;
          }
          #usagePage .public-preview-kicker {
            margin:0 0 5px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:.06em;
          }
          #usagePage .public-preview-title {
            margin:0;
            font-size:18px;
            font-weight:850;
            letter-spacing:-.02em;
          }
          #usagePage .public-plan-toggle {
            display:inline-grid;
            grid-template-columns:1fr 1fr;
            gap:3px;
            min-height:38px;
            padding:3px;
            border-radius:16px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.04);
          }
          #usagePage .public-plan-toggle a {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-width:82px;
            min-height:30px;
            padding:0 14px;
            border-radius:12px;
            color:var(--text-300, rgba(255,255,255,.55));
            text-decoration:none;
            font-size:12px;
            font-weight:800;
          }
          #usagePage .public-plan-toggle a.active {
            background:var(--text-100);
            color:var(--bg-100);
          }
          #usagePage .public-remaining-panel {
            margin-bottom:14px;
            padding:14px 16px;
          }
          #usagePage .public-remaining-head {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            margin-bottom:8px;
          }
          #usagePage .public-remaining-title {
            display:flex;
            align-items:center;
            gap:8px;
            margin:0;
            font-size:14px;
            font-weight:900;
            letter-spacing:-.01em;
          }
          #usagePage .public-remaining-title i {
            font-size:13px;
            color:var(--text-40, rgba(255,255,255,.58));
          }
          #usagePage .public-remaining-list {
            display:grid;
            gap:6px;
          }
          #usagePage .public-remaining-row {
            display:grid;
            grid-template-columns:92px 1fr auto;
            align-items:center;
            gap:12px;
            min-height:28px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:13px;
          }
          #usagePage .public-remaining-name {
            color:var(--text-100);
            font-weight:800;
          }
          #usagePage .public-remaining-percent {
            text-align:right;
            font-variant-numeric:tabular-nums;
            font-weight:850;
          }
          #usagePage .public-remaining-reset {
            min-width:92px;
            text-align:right;
            font-variant-numeric:tabular-nums;
            white-space:nowrap;
          }
          #usagePage .public-remaining-learn {
            display:inline-flex;
            align-items:center;
            gap:6px;
            color:var(--text-40, rgba(255,255,255,.58));
            text-decoration:none;
            font-size:12px;
            font-weight:850;
          }
          #usagePage .public-remaining-learn:hover {
            color:var(--text-100);
          }
          #usagePage .public-usage-grid {
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            column-gap:18px;
            row-gap:18px;
            width:100%;
          }
          #usagePage .public-usage-card {
            box-sizing:border-box;
            min-width:0;
            padding:18px;
          }
          #usagePage .public-usage-card-top {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:12px;
            margin-bottom:16px;
          }
          #usagePage .public-usage-card h2 {
            margin:0 0 5px;
            font-size:15px;
            font-weight:850;
          }
          #usagePage .public-usage-card p,
          #usagePage .public-preview-note {
            color:var(--text-40, rgba(255,255,255,.58));
          }
          #usagePage .public-usage-card p {
            margin:0;
            font-size:12px;
          }
          #usagePage .public-usage-percent {
            font-size:34px;
            font-weight:900;
            letter-spacing:-.055em;
            line-height:.95;
          }
          #usagePage .public-progress {
            height:10px;
            border-radius:999px;
            background:rgba(255,255,255,.07);
            overflow:hidden;
          }
          #usagePage .public-progress span {
            display:block;
            height:100%;
            width:var(--usage-percent);
            border-radius:inherit;
            background:linear-gradient(90deg,var(--accent,#6c6cf0),#34d399);
          }
          #usagePage .public-usage-meta {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            margin-top:12px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:700;
          }
          #usagePage .public-preview-note {
            margin-top:14px;
            font-size:12px;
            line-height:1.5;
          }
          html[data-theme="light"] #usagePage .public-plan-toggle {
            border-color:rgba(63,54,38,.10);
            background:rgba(43,41,35,.045);
          }
          html[data-theme="light"] #usagePage .public-plan-toggle a {
            color:rgba(32,28,22,.58);
          }
          html[data-theme="light"] #usagePage .public-plan-toggle a.active {
            background:#211d17;
            color:#f7f3ea;
          }
          html[data-theme="light"] #usagePage .public-preview-kicker,
          html[data-theme="light"] #usagePage .public-usage-card p,
          html[data-theme="light"] #usagePage .public-usage-meta,
          html[data-theme="light"] #usagePage .public-preview-note {
            color:#6f6658;
          }
          html[data-theme="light"] #usagePage .public-progress {
            background:rgba(63,54,38,.08);
          }
          #usagePage .card,
          #usagePage .panel {
            background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
            border:1px solid rgba(255,255,255,.10);
            border-radius:18px;
            box-shadow:0 10px 28px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);
          }
          html[data-theme="light"] #usagePage .card,
          html[data-theme="light"] #usagePage .panel {
            background:linear-gradient(145deg,#fffaf0,#fff);
            border-color:rgba(63,54,38,.10);
          }
          #usagePage .card {
            padding:16px;
          }
          #usagePage .panel {
            padding:16px;
            overflow:hidden;
          }
          #usagePage .usage-card-label {
            display:block;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            margin-bottom:8px;
          }
          #usagePage .value {
            font-size:24px;
            font-weight:780;
            letter-spacing:-.02em;
          }
          #usagePage .activation-test-panel {
            margin-bottom:18px;
          }
          #usagePage .activation-test-form {
            display:grid;
            grid-template-columns:minmax(220px,1fr) minmax(190px,240px) auto;
            gap:12px;
            align-items:end;
          }
          #usagePage .usage-activation-settings-form {
            grid-template-columns:minmax(190px,240px) minmax(140px,180px) minmax(140px,180px) auto;
          }
          #usagePage .automation-summary {
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:10px;
            margin:12px 0 14px;
          }
          #usagePage .automation-step {
            border:1px solid rgba(255,255,255,.10);
            border-radius:14px;
            background:rgba(255,255,255,.04);
            padding:12px;
          }
          #usagePage .automation-step strong {
            display:block;
            font-size:12px;
            font-weight:950;
            margin-bottom:6px;
          }
          #usagePage .automation-step span {
            display:block;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.4;
          }
          #usagePage .activation-test-field {
            display:grid;
            gap:7px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:850;
          }
          #usagePage .activation-test-field input,
          #usagePage .activation-test-field select {
            appearance:none;
            -webkit-appearance:none;
            width:100%;
            height:44px;
            border-radius:13px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(0,0,0,.22);
            color:var(--text-100, #fff);
            padding:0 13px;
            font:inherit;
            font-size:13px;
            font-weight:800;
            outline:none;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
            box-sizing:border-box;
          }
          #usagePage .activation-test-field select {
            padding-right:38px;
            background-image:linear-gradient(45deg,transparent 50%,var(--text-40, rgba(255,255,255,.58)) 50%),linear-gradient(135deg,var(--text-40, rgba(255,255,255,.58)) 50%,transparent 50%);
            background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;
            background-size:5px 5px,5px 5px;
            background-repeat:no-repeat;
          }
          #usagePage .activation-test-field input:focus,
          #usagePage .activation-test-field select:focus {
            border-color:rgba(255,255,255,.22);
            box-shadow:0 0 0 3px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.04);
          }
          #usagePage .activation-test-form button {
            height:44px;
            border:1px solid transparent;
            border-radius:13px;
            background:var(--text-100, #fff);
            color:var(--bg-100, #111);
            font:inherit;
            font-size:13px;
            font-weight:900;
            cursor:pointer;
            padding:0 16px;
            white-space:nowrap;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
          }
          #usagePage .activation-test-form button:hover {
            filter:brightness(1.04);
          }
          #usagePage .activation-test-note {
            margin:12px 0 0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.45;
          }
          #usagePage .activation-panel {
            margin-bottom:14px;
            padding:18px;
          }
          #usagePage .activation-head {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:14px;
            margin-bottom:14px;
          }
          #usagePage .activation-head h2 {
            margin:0 0 6px;
            font-size:16px;
            font-weight:900;
          }
          #usagePage .activation-head p {
            margin:0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:13px;
            line-height:1.45;
          }
          #usagePage .activation-grid {
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:12px;
          }
          #usagePage .activation-card {
            border:1px solid rgba(255,255,255,.10);
            border-radius:16px;
            padding:14px;
            background:rgba(255,255,255,.04);
          }
          html[data-theme="light"] #usagePage .activation-card {
            border-color:rgba(63,54,38,.10);
            background:rgba(255,255,255,.62);
          }
          #usagePage .activation-label {
            display:block;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.06em;
          }
          #usagePage .activation-value {
            display:block;
            margin-top:8px;
            font-size:28px;
            font-weight:950;
            letter-spacing:-.045em;
          }
          #usagePage .activation-sub {
            display:block;
            margin-top:5px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.35;
          }
          #usagePage .activation-sub.good { color:#86efac; }
          #usagePage .activation-sub.warn { color:#fbbf24; }
          #usagePage .implementation-panel {
            margin-bottom:14px;
          }
          #usagePage .implementation-grid {
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:12px;
          }
          #usagePage .implementation-card {
            border:1px solid rgba(255,255,255,.10);
            border-radius:16px;
            background:rgba(255,255,255,.04);
            padding:14px;
            display:grid;
            gap:9px;
          }
          #usagePage .implementation-card.warn {
            border-color:rgba(245,158,11,.30);
            background:rgba(245,158,11,.09);
          }
          #usagePage .implementation-card.good {
            border-color:rgba(34,197,94,.22);
            background:rgba(34,197,94,.08);
          }
          #usagePage .implementation-top {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
          }
          #usagePage .implementation-label {
            font-size:12px;
            font-weight:950;
            color:var(--text-40, rgba(255,255,255,.58));
            text-transform:uppercase;
            letter-spacing:.055em;
          }
          #usagePage .implementation-rate {
            font-size:12px;
            font-weight:950;
          }
          #usagePage .implementation-value {
            font-size:26px;
            font-weight:950;
            letter-spacing:-.04em;
          }
          #usagePage .implementation-copy,
          #usagePage .implementation-next {
            font-size:12px;
            line-height:1.45;
          }
          #usagePage .implementation-copy {
            color:var(--text-40, rgba(255,255,255,.58));
          }
          #usagePage .implementation-cta {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            margin-top:14px;
            padding:13px;
            border:1px solid rgba(255,255,255,.10);
            border-radius:16px;
            background:rgba(255,255,255,.035);
          }
          #usagePage .implementation-cta strong {
            display:block;
            font-size:13px;
            margin-bottom:4px;
          }
          #usagePage .implementation-cta span {
            display:block;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.4;
          }
          #usagePage .implementation-cta a {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:34px;
            padding:0 12px;
            border-radius:11px;
            background:var(--text-100, #fff);
            color:var(--bg-100, #111);
            font-size:12px;
            font-weight:900;
            text-decoration:none;
            white-space:nowrap;
          }
          #usagePage .usage-impact-json,
          #usagePage .usage-perf-json {
            margin-top:14px;
          }
          #usagePage .usage-impact-json {
            margin-bottom:14px;
          }
          #usagePage .usage-copy-head,
          #usagePage .usage-perf-json h2 {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
          }
          #usagePage .usage-impact-json p,
          #usagePage .usage-perf-json p {
            margin:0 0 12px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.45;
          }
          #usagePage .usage-impact-json pre,
          #usagePage .usage-perf-json pre {
            margin:0;
            max-height:520px;
            overflow:auto;
            border:1px solid rgba(255,255,255,.10);
            border-radius:14px;
            background:rgba(0,0,0,.28);
            color:var(--text-100, #fff);
            padding:14px;
            font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
            white-space:pre-wrap;
            word-break:break-word;
          }
          #usagePage .usage-copy-button {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:34px;
            border:1px solid rgba(255,255,255,.10);
            border-radius:11px;
            background:var(--text-100, #fff);
            color:var(--bg-100, #111);
            font:inherit;
            font-size:12px;
            font-weight:900;
            cursor:pointer;
            padding:0 12px;
            white-space:nowrap;
          }
          #usagePage .stripe-audit-panel {
            margin-bottom:18px;
          }
          #usagePage .stripe-audit-actions {
            display:flex;
            gap:8px;
            align-items:center;
            flex-wrap:wrap;
          }
          #usagePage .stripe-audit-button {
            appearance:none;
            -webkit-appearance:none;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:34px;
            padding:0 12px;
            border:1px solid transparent;
            border-radius:11px;
            background:var(--text-100, #fff);
            color:var(--bg-100, #111);
            font:inherit;
            font-size:12px;
            font-weight:900;
            text-decoration:none;
            white-space:nowrap;
            cursor:pointer;
          }
          #usagePage .stripe-audit-button.secondary {
            background:rgba(255,255,255,.065);
            color:var(--text-100, #fff);
            border:1px solid rgba(255,255,255,.10);
          }
          #usagePage .stripe-audit-grid {
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
            gap:12px;
            margin-bottom:14px;
          }
          #usagePage .stripe-audit-card {
            border:1px solid rgba(255,255,255,.10);
            border-radius:16px;
            padding:14px;
            background:rgba(255,255,255,.045);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
          }
          #usagePage .stripe-audit-card.hero {
            border-color:rgba(99,102,241,.30);
            background:linear-gradient(145deg,rgba(99,102,241,.16),rgba(255,255,255,.045));
          }
          #usagePage .stripe-audit-card.warn {
            border-color:rgba(245,158,11,.30);
            background:rgba(245,158,11,.10);
          }
          #usagePage .stripe-audit-card.good {
            border-color:rgba(34,197,94,.22);
            background:rgba(34,197,94,.09);
          }
          #usagePage .stripe-audit-label {
            display:block;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.06em;
          }
          #usagePage .stripe-audit-value {
            display:block;
            margin-top:8px;
            font-size:26px;
            font-weight:950;
            letter-spacing:-.04em;
            color:var(--text-100, #fff);
          }
          #usagePage .stripe-audit-value.big {
            font-size:42px;
            line-height:.95;
          }
          #usagePage .stripe-audit-sub {
            display:block;
            margin-top:5px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.35;
          }
          #usagePage .stripe-audit-sub.warn { color:#fbbf24; }
          #usagePage .stripe-audit-sub.good { color:#86efac; }
          html[data-theme="light"] #usagePage .stripe-audit-card,
          html[data-theme="light"] #usagePage .stripe-audit-button.secondary {
            border-color:rgba(63,54,38,.10);
          }
          html[data-theme="light"] #usagePage .stripe-audit-card {
            background:rgba(255,255,255,.58);
          }
          #usagePage .revenue-command-grid {
            display:grid;
            grid-template-columns:1.15fr .85fr;
            gap:14px;
            margin-bottom:18px;
          }
          #usagePage .revenue-thesis {
            display:grid;
            gap:10px;
          }
          #usagePage .revenue-thesis h3 {
            margin:0;
            font-size:15px;
            font-weight:950;
          }
          #usagePage .revenue-thesis p {
            margin:0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:13px;
            line-height:1.5;
          }
          #usagePage .revenue-scorecard {
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:10px;
          }
          #usagePage .revenue-pill-row {
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin-top:12px;
          }
          #usagePage .revenue-pill {
            display:inline-flex;
            align-items:center;
            min-height:28px;
            padding:0 10px;
            border-radius:999px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.045);
            font-size:12px;
            font-weight:900;
            color:var(--text-100, #fff);
          }
          #usagePage .revenue-pill.warn {
            border-color:rgba(245,158,11,.30);
            background:rgba(245,158,11,.12);
            color:#fbbf24;
          }
          #usagePage .revenue-pill.good {
            border-color:rgba(34,197,94,.22);
            background:rgba(34,197,94,.10);
            color:#86efac;
          }
          #usagePage .revenue-insight-list {
            display:grid;
            gap:9px;
            margin:0;
            padding:0;
            list-style:none;
          }
          #usagePage .revenue-insight-list li {
            border:1px solid rgba(255,255,255,.10);
            border-radius:14px;
            padding:11px;
            background:rgba(255,255,255,.035);
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.45;
          }
          #usagePage .revenue-insight-list strong {
            display:block;
            color:var(--text-100, #fff);
            font-size:12px;
            margin-bottom:4px;
          }
          #usagePage .revenue-json-details {
            margin-top:14px;
          }
          #usagePage .revenue-json-details summary {
            cursor:pointer;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:900;
          }
          #usagePage .recent-requests-panel {
            margin-bottom:18px;
          }
          #usagePage .flashcards-adoption-panel {
            margin-bottom:18px;
          }
          #usagePage .recent-requests-panel.is-refreshing {
            position:relative;
            overflow:hidden;
          }
          #usagePage .recent-requests-panel.is-refreshing > * {
            opacity:.45;
          }
          #usagePage .recent-requests-panel.is-refreshing::after {
            content:"";
            position:absolute;
            inset:0;
            transform:translateX(-110%);
            background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
            animation:usageSkeletonSweep 1.15s ease-in-out infinite;
            pointer-events:none;
          }
          #usagePage .usage-pagination {
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            margin-top:12px;
            padding-top:12px;
            border-top:1px solid rgba(255,255,255,.10);
          }
          #usagePage .usage-pagination-meta {
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:850;
          }
          #usagePage .usage-pagination-actions {
            display:flex;
            align-items:center;
            gap:8px;
            flex-wrap:wrap;
          }
          #usagePage .usage-page-button {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:34px;
            padding:0 12px;
            border-radius:11px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.055);
            color:var(--text-100, #fff);
            font-size:12px;
            font-weight:900;
            text-decoration:none;
            white-space:nowrap;
          }
          #usagePage .usage-page-button.disabled {
            opacity:.42;
            pointer-events:none;
          }
          #usagePage .stripe-audit-actions {
            display:flex;
            gap:8px;
            align-items:center;
            flex-wrap:wrap;
          }
          #usagePage .stripe-audit-inline-form {
            margin:0;
          }
          #usagePage .stripe-audit-button {
            appearance:none;
            -webkit-appearance:none;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:34px;
            padding:0 12px;
            border:1px solid transparent;
            border-radius:11px;
            background:var(--text-100, #fff);
            color:var(--bg-100, #111);
            font:inherit;
            font-size:12px;
            font-weight:900;
            text-decoration:none;
            white-space:nowrap;
            cursor:pointer;
          }
          #usagePage .stripe-audit-button.secondary {
            background:rgba(255,255,255,.065);
            color:var(--text-100, #fff);
            border:1px solid rgba(255,255,255,.10);
          }
          #usagePage .activation-queue {
            margin-bottom:14px;
          }
          #usagePage .activation-queue-head {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:14px;
            margin-bottom:12px;
          }
          #usagePage .activation-queue-head h2 {
            margin:0 0 6px;
            font-size:16px;
            font-weight:900;
          }
          #usagePage .activation-queue-head p {
            margin:0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:13px;
            line-height:1.45;
          }
          #usagePage .queue-user {
            display:grid;
            gap:3px;
          }
          #usagePage .queue-user strong {
            font-weight:850;
          }
          #usagePage .queue-user span {
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
          }
          #usagePage .queue-pill {
            display:inline-flex;
            align-items:center;
            min-height:26px;
            padding:0 9px;
            border-radius:999px;
            border:1px solid rgba(255,255,255,.10);
            font-size:11px;
            font-weight:900;
            white-space:nowrap;
            background:rgba(255,255,255,.045);
          }
          #usagePage .queue-pill.stop {
            border-color:rgba(239,68,68,.28);
            background:rgba(239,68,68,.10);
            color:#fca5a5;
          }
          #usagePage .queue-pill.warn {
            border-color:rgba(245,158,11,.30);
            background:rgba(245,158,11,.12);
            color:#fbbf24;
          }
          #usagePage .queue-pill.good {
            border-color:rgba(34,197,94,.22);
            background:rgba(34,197,94,.10);
            color:#86efac;
          }
          #usagePage .queue-action {
            display:grid;
            gap:6px;
            align-items:start;
            justify-items:start;
          }
          #usagePage .queue-action form {
            margin:0;
          }
          #usagePage .queue-nudge-button {
            appearance:none;
            -webkit-appearance:none;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:32px;
            padding:0 11px;
            border-radius:10px;
            border:1px solid rgba(255,255,255,.12);
            background:var(--text-100, #fff);
            color:var(--bg-100, #111);
            font:inherit;
            font-size:12px;
            font-weight:900;
            line-height:1;
            cursor:pointer;
            white-space:nowrap;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
          }
          #usagePage .queue-nudge-button:hover {
            filter:brightness(1.04);
          }
          #usagePage .queue-nudge-button:disabled {
            opacity:.48;
            cursor:not-allowed;
          }
          #usagePage .panel h2 {
            font-size:15px;
            margin:0 0 14px;
            font-weight:720;
          }
          #usagePage .chart-grid {
            display:grid;
            grid-template-columns:1.15fr .85fr;
            gap:14px;
            margin-bottom:14px;
          }
          #usagePage .chart-panel {
            padding:18px;
          }
          #usagePage .chart-head {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:14px;
            margin-bottom:14px;
          }
          #usagePage .chart-title {
            margin:0;
            font-size:15px;
            font-weight:850;
          }
          #usagePage .chart-sub {
            margin:5px 0 0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            line-height:1.45;
          }
          #usagePage .chart-stat {
            display:grid;
            gap:3px;
            text-align:right;
            white-space:nowrap;
          }
          #usagePage .chart-stat strong {
            font-size:22px;
            letter-spacing:-.035em;
          }
          #usagePage .chart-stat span {
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            font-weight:850;
            text-transform:uppercase;
            letter-spacing:.055em;
          }
          #usagePage .usage-chart {
            position:relative;
            height:220px;
            border:1px solid rgba(255,255,255,.10);
            border-radius:16px;
            padding:12px;
            background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
            overflow:hidden;
          }
          #usagePage .usage-chart svg {
            display:block;
            width:100%;
            height:160px;
            overflow:visible;
          }
          #usagePage .usage-chart .grid-line {
            stroke:rgba(255,255,255,.08);
            stroke-width:.35;
          }
          #usagePage .usage-chart .usage-line {
            fill:none;
            stroke:var(--accent,#6c6cf0);
            stroke-width:2.4;
            stroke-linecap:round;
            stroke-linejoin:round;
            filter:drop-shadow(0 6px 12px rgba(99,102,241,.22));
          }
          #usagePage .usage-chart .unit-line {
            fill:none;
            stroke:#34d399;
            stroke-width:2;
            stroke-linecap:round;
            stroke-linejoin:round;
            opacity:.92;
          }
          #usagePage .usage-chart .signup-line {
            fill:none;
            stroke:#f59e0b;
            stroke-width:2.4;
            stroke-linecap:round;
            stroke-linejoin:round;
            filter:drop-shadow(0 6px 12px rgba(245,158,11,.18));
          }
          #usagePage .chart-legend {
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin-top:10px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:800;
          }
          #usagePage .chart-legend span {
            display:inline-flex;
            align-items:center;
            gap:6px;
          }
          #usagePage .chart-legend i {
            width:8px;
            height:8px;
            border-radius:99px;
            background:var(--accent,#6c6cf0);
            display:inline-block;
          }
          #usagePage .chart-legend .units i { background:#34d399; }
          #usagePage .chart-legend .signups i { background:#f59e0b; }
          #usagePage .chart-axis {
            display:flex;
            justify-content:space-between;
            gap:10px;
            margin-top:8px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            font-weight:750;
          }
          #usagePage table {
            width:100%;
            border-collapse:collapse;
          }
          #usagePage th,
          #usagePage td {
            text-align:left;
            padding:11px 10px;
            border-bottom:1px solid rgba(255,255,255,.10);
            vertical-align:middle;
            font-size:13px;
          }
          html[data-theme="light"] #usagePage th,
          html[data-theme="light"] #usagePage td {
            border-bottom-color:rgba(63,54,38,.10);
          }
          #usagePage th {
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
            text-transform:uppercase;
            letter-spacing:.06em;
            font-weight:650;
          }
          #usagePage tr:last-child td {
            border-bottom:0;
          }
          #usagePage .num {
            text-align:right;
            font-variant-numeric:tabular-nums;
          }
          #usagePage .model {
            font-weight:680;
          }
          #usagePage .usage-local-time {
            white-space:nowrap;
            display:inline-block;
          }
          #usagePage .provider {
            display:inline-flex;
            align-items:center;
            gap:6px;
          }
          #usagePage .dot {
            width:7px;
            height:7px;
            border-radius:50%;
            background:#22c55e;
            display:inline-block;
          }
          #usagePage .empty {
            padding:26px;
            border:1px dashed rgba(255,255,255,.12);
            border-radius:14px;
            color:var(--text-40, rgba(255,255,255,.58));
            text-align:center;
          }
          #usagePage .recent {
            margin-top:14px;
          }
          #usagePage .est {
            display:inline-block;
            margin-left:5px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:11px;
          }
          #usagePage .limit-list {
            margin:0;
            padding-left:18px;
            line-height:1.65;
          }
          #usagePage .limit-list strong {
            color:var(--text-100);
          }
          #usagePage .callout {
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.045);
            border-radius:16px;
            padding:14px;
            line-height:1.55;
            color:var(--text-100);
          }
          html[data-theme="light"] #usagePage .callout {
            border-color:rgba(63,54,38,.10);
            background:rgba(255,255,255,.62);
          }
          #usagePage .runtime-card {
            display:grid;
            gap:18px;
            margin-bottom:22px;
            padding:18px;
            border-color:rgba(99,102,241,.24);
            background:linear-gradient(145deg,rgba(99,102,241,.12),rgba(255,255,255,.035));
          }
          html[data-theme="light"] #usagePage .runtime-card {
            background:linear-gradient(145deg,rgba(91,84,214,.10),rgba(255,255,255,.78));
            border-color:rgba(91,84,214,.18);
          }
          #usagePage .runtime-head {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:18px;
          }
          #usagePage .runtime-head h2 {
            margin:0 0 7px;
            font-size:16px;
            font-weight:850;
          }
          #usagePage .runtime-head p {
            margin:0;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:13px;
            line-height:1.55;
            max-width:720px;
          }
          #usagePage .runtime-status {
            display:inline-flex;
            align-items:center;
            min-height:32px;
            padding:0 12px;
            border-radius:999px;
            background:var(--text-100);
            color:var(--bg-100);
            font-size:12px;
            font-weight:900;
            white-space:nowrap;
          }
          #usagePage .runtime-form {
            display:grid;
            grid-template-columns:minmax(240px,330px) 1fr auto;
            gap:14px;
            align-items:end;
          }
          #usagePage .runtime-field {
            display:grid;
            gap:7px;
            color:var(--text-40, rgba(255,255,255,.58));
            font-size:12px;
            font-weight:850;
          }
          #usagePage .runtime-form select {
            appearance:none;
            -webkit-appearance:none;
            width:100%;
            height:44px;
            border-radius:13px;
            border:1px solid rgba(255,255,255,.10);
            background-color:rgba(0,0,0,.22);
            color:var(--text-100);
            padding:0 38px 0 13px;
            font:inherit;
            font-size:13px;
            font-weight:800;
            outline:none;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
            background-image:linear-gradient(45deg,transparent 50%,var(--text-40, rgba(255,255,255,.58)) 50%),linear-gradient(135deg,var(--text-40, rgba(255,255,255,.58)) 50%,transparent 50%);
            background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;
            background-size:5px 5px,5px 5px;
            background-repeat:no-repeat;
          }
          #usagePage .runtime-form select:focus {
            border-color:rgba(255,255,255,.22);
            box-shadow:0 0 0 3px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.04);
          }
          #usagePage .runtime-checks,
          #usagePage .runtime-modality-checks {
            display:flex;
            gap:10px;
            flex-wrap:wrap;
          }
          #usagePage .runtime-modality-checks {
            grid-column:1/-1;
            padding-top:2px;
          }
          #usagePage .runtime-checks label,
          #usagePage .runtime-modality-checks label {
            display:inline-flex;
            align-items:center;
            gap:8px;
            min-height:40px;
            padding:0 12px;
            border:1px solid rgba(255,255,255,.10);
            border-radius:13px;
            background:rgba(255,255,255,.04);
            color:var(--text-100);
            font-size:12px;
            font-weight:850;
            white-space:nowrap;
          }
          #usagePage .runtime-modality-checks label {
            border-color:rgba(99,102,241,.22);
            background:rgba(99,102,241,.08);
          }
          #usagePage .runtime-form input[type="checkbox"] {
            appearance:none;
            -webkit-appearance:none;
            width:16px;
            height:16px;
            margin:0;
            border-radius:5px;
            border:1px solid rgba(255,255,255,.22);
            background:rgba(0,0,0,.22);
            display:inline-grid;
            place-content:center;
            flex:0 0 16px;
          }
          #usagePage .runtime-form input[type="checkbox"]::before {
            content:"";
            width:8px;
            height:8px;
            border-radius:3px;
            transform:scale(0);
            transition:transform .12s ease;
            background:var(--text-100);
          }
          #usagePage .runtime-form input[type="checkbox"]:checked {
            border-color:var(--text-100);
            background:rgba(255,255,255,.12);
          }
          #usagePage .runtime-form input[type="checkbox"]:checked::before {
            transform:scale(1);
          }
          #usagePage .runtime-form button {
            height:44px;
            border:0;
            border-radius:13px;
            background:var(--text-100);
            color:var(--bg-100);
            font-weight:900;
            cursor:pointer;
            padding:0 16px;
            white-space:nowrap;
          }
          #usagePage .runtime-saved {
            margin-top:10px;
            color:#86efac;
            font-size:12px;
            font-weight:850;
          }
          html[data-theme="light"] #usagePage .runtime-head p,
          html[data-theme="light"] #usagePage .runtime-field {
            color:#6f6658;
          }
          html[data-theme="light"] #usagePage .runtime-form select,
          html[data-theme="light"] #usagePage .runtime-checks label,
          html[data-theme="light"] #usagePage .runtime-modality-checks label {
            border-color:rgba(63,54,38,.10);
            background-color:rgba(255,255,255,.62);
            color:#211d17;
          }
          html[data-theme="light"] #usagePage .runtime-form input[type="checkbox"] {
            border-color:rgba(63,54,38,.22);
            background:rgba(255,255,255,.64);
          }
          @media (max-width:900px){
            #usagePage .top{display:block}
            #usagePage .filters{justify-content:flex-start;margin-top:14px}
            #usagePage .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
            #usagePage .grid{grid-template-columns:1fr}
            #usagePage .chart-grid{grid-template-columns:1fr}
            #usagePage .activation-test-form,
            #usagePage .usage-activation-settings-form,
            #usagePage .automation-summary{grid-template-columns:1fr}
            #usagePage .activation-head{display:block}
            #usagePage .activation-queue-head{display:block}
            #usagePage .activation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
            #usagePage .implementation-grid{grid-template-columns:1fr}
            #usagePage .implementation-cta{display:block}
            #usagePage .implementation-cta a{margin-top:10px}
            #usagePage .public-usage-grid{grid-template-columns:1fr}
            #usagePage .public-preview-header{display:block}
            #usagePage .public-plan-toggle{margin-top:12px}
            #usagePage .simulator-grid,
            #usagePage .simulator-form{grid-template-columns:1fr}
            #usagePage .runtime-head{display:block}
            #usagePage .runtime-status{margin-top:10px}
            #usagePage .runtime-form{grid-template-columns:1fr}
            #usagePage .runtime-checks,
            #usagePage .runtime-modality-checks{display:grid;grid-template-columns:1fr}
            #usagePage .runtime-form button{width:100%}
            #usagePage .table-wrap{overflow-x:auto}
          }
          @media (max-width:700px){
            #usagePage .limit-grid{grid-template-columns:1fr}
          }
          @media (max-width:560px){
            #usagePage .cards{grid-template-columns:1fr}
            #usagePage .activation-grid{grid-template-columns:1fr}
            #usagePage .page,
            #usagePage .usage-page-loading{width:calc(100% - 28px);padding-top:22px;padding-bottom:40px}
            #usagePage h1{font-size:34px}
          }