@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--green:#4bcb67;--green-ink:#1e7b33;--ink:#0e1215;--muted:#5b6670;--muted-2:#77828b;--bg:#fbfcfd;--surface:#fff;--line:#0f161a1f;--line-2:#0f161a2e;--danger:#c03b2b;--warn:#a04f11;--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-head:"Inter",var(--font-body);--font-mono:var(--font-body)}*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 1px 1px,#0f161a0d 1px,#0000 0) 0 0 /24px 24px,linear-gradient(180deg,#fbfcfd,#f7f9fb);color:#0e1215;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body)}code,kbd,pre{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-mono)}button,input,select,textarea{font:inherit}a{color:inherit}.row{align-items:center;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.gap-8{gap:8px}.grow{flex:1 1}.full{width:100%}.tiny{font-size:12px}.muted,.quiet-link{color:var(--muted)}.quiet-link{background:#0000;border:0;cursor:pointer;padding:0;text-decoration:none}.quiet-link:hover{color:var(--ink)}.h2{font-size:22px;letter-spacing:-.02em;margin:0}.h2,.h3{font-family:var(--font-head)}.h3{font-size:16px;letter-spacing:-.01em;margin:0 0 8px}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;line-height:1;padding:10px 12px}.btn-sm{font-size:13px;padding:8px 10px}.btn-md{font-size:14px;padding:10px 12px}.btn-lg{font-size:15px;padding:12px 14px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--green);border-color:var(--green);color:#0a1a10}.btn-primary:hover{filter:brightness(.97)}.btn-ghost{background:#fffc;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:#4bcb6773}.btn-danger{background:#c03b2b14;border-color:#c03b2b4d;color:var(--danger)}.btn-danger:hover{border-color:#c03b2b80}.icon-btn{background:#ffffffe6;border:1px solid var(--line);border-radius:10px;cursor:pointer;display:grid;height:36px;place-items:center;width:36px}.icon-btn:hover{border-color:#4bcb6773}.spinner{animation:spin .8s linear infinite;border:2px solid #0e12152e;border-radius:999px;border-top-color:#0e12158c;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.surface-primary,.surface-secondary{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0}.surface-primary{background:#ffffffeb;padding:16px}.surface-secondary{background:#ffffffbd;padding:14px}.page-section{grid-gap:12px;display:grid;gap:12px}.page-section-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.page-section-copy{grid-gap:4px;display:grid;gap:4px;min-width:0}.h3.page-section-title,.page-section-description,.page-section-title{margin:0}.page-section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.page-section-body{grid-gap:12px;display:grid;gap:12px;min-width:0}.section-divider{border-top:1px solid #0f161a14;padding-top:14px}.skeleton-card{background:#ffffffeb;border:1px solid #0f161a1a;border-radius:var(--radius-md);min-width:0;padding:12px}.skeleton-line{animation:skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e2e8eef2,#f4f7f9f2 52%,#e2e8eef2);background-size:220% 100%;border-radius:999px;height:12px}.skeleton-line.lg{height:16px}.skeleton-line.xl{height:22px}.skeleton-chart{animation:skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#e2e8eee0,#f4f7f9eb 50%,#e2e8eee0);background-size:220% 100%;border-radius:var(--radius-sm);height:220px}.skeleton-table{grid-gap:8px;display:grid;gap:8px}.skeleton-table-row{grid-gap:10px;border-bottom:1px solid #0f161a14;display:grid;gap:10px;grid-template-columns:1fr 1.6fr .9fr 1.3fr .9fr;padding:10px 0}.skeleton-line.w-15{width:15%}.skeleton-line.w-20{width:20%}.skeleton-line.w-22{width:22%}.skeleton-line.w-24{width:24%}.skeleton-line.w-25{width:25%}.skeleton-line.w-28{width:28%}.skeleton-line.w-30{width:30%}.skeleton-line.w-35{width:35%}.skeleton-line.w-40{width:40%}.skeleton-line.w-45{width:45%}.skeleton-line.w-55{width:55%}.skeleton-line.w-65{width:65%}.skeleton-line.w-70{width:70%}.skeleton-line.w-75{width:75%}.skeleton-line.w-80{width:80%}.skeleton-line.w-85{width:85%}.skeleton-line.w-90{width:90%}.skeleton-line.w-100{width:100%}@keyframes skeleton-shimmer{0%{background-position:180% 0}to{background-position:-40% 0}}.stripe-card{background:#fffffff2;border:1px solid var(--line-2);border-radius:var(--radius-sm);min-width:0;padding:12px}.stripe-card:focus-within{border-color:#4bcb67b3;box-shadow:0 0 0 3px #4bcb672e}.stripe-plain{background:#0000;border:0;border-radius:0;min-width:0;padding:0}.stripe-card-element{min-height:18px}.stripe-card-fields{grid-gap:10px;display:grid;gap:10px}.stripe-card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.stripe-card-input{background:#fffffff2;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:10px 12px}.stripe-card-input:focus-within{border-color:#4bcb67b3;box-shadow:0 0 0 3px #4bcb672e}.billing-stepper{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.billing-step{align-items:center;background:#0000;border:0;color:var(--muted);display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:0}.billing-step:after{background:#0f161a2e;content:"";height:1px;margin-left:2px;width:24px}.billing-step:last-child:after{display:none}.billing-step.active,.billing-step.done{color:var(--ink)}.billing-step-index{align-items:center;background:#fffc;border:1px solid #0f161a24;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;height:20px;justify-content:center;width:20px}.billing-step.active .billing-step-index{background:#4bcb672e;border-color:#4bcb6761}.billing-step.done .billing-step-index{background:#4bcb671f;border-color:#4bcb674d}.billing-onboarding{grid-gap:14px;animation:enter .15s ease;display:grid;gap:14px}.billing-onboarding-head{grid-gap:6px;display:grid;gap:6px}.billing-onboarding-head .h2,.billing-onboarding-head .muted{margin:0}.billing-onboarding-panel{grid-gap:10px;background:#ffffffb8;border:1px solid #0f161a14;border-radius:var(--radius-md);display:grid;gap:10px;padding:14px}.billing-onboarding-list{grid-gap:4px;display:grid;gap:4px;margin:2px 0 0;padding-left:18px}@media (max-width:640px){.stripe-card-grid{grid-template-columns:1fr}.billing-stepper{align-items:flex-start;gap:8px}.billing-step{width:100%}.billing-step:after{display:none}}.callout{background:#ffffffd9;border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;padding:12px}.callout.warning{background:#fff0e159;border-color:#a04f1147}.form{grid-gap:12px;gap:12px}.field,.form{display:grid;min-width:0}.field{grid-gap:6px;gap:6px}.field.compact input,.field.compact select{height:38px}.field-label{color:var(--muted);font-size:12px}input:not([type=checkbox]),select,textarea{background:#fffffff2;border:1px solid var(--line-2);border-radius:var(--radius-sm);display:block;max-width:100%;min-width:0;outline:none;padding:10px 12px;width:100%}select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#0e1215a6 0),linear-gradient(135deg,#0e1215a6 50%,#0000 0);background-position:calc(100% - 18px) calc(50% - 1px),calc(100% - 13px) calc(50% - 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}select[multiple]{background-image:none;padding-right:12px}input[type=file]{overflow:hidden;padding:8px 12px}input[type=file]::file-selector-button{background:#0f161a0d;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;font-weight:700;margin-right:10px;padding:8px 10px}input[type=file]::file-selector-button:hover{border-color:#4bcb678c}input[type=file]::-webkit-file-upload-button{background:#0f161a0d;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;font-weight:700;margin-right:10px;padding:8px 10px}input[type=file]::-webkit-file-upload-button:hover{border-color:#4bcb678c}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#4bcb67b3;box-shadow:0 0 0 3px #4bcb672e}.check{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.25;min-width:0;-webkit-user-select:none;user-select:none}.check input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#fffffff2;background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border:1px solid var(--line-2);border-radius:6px;display:inline-grid;flex:0 0 auto;height:18px;margin:2px 0 0;place-items:center;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease;width:18px}.check:hover input[type=checkbox]{border-color:#4bcb678c}.check input[type=checkbox]:checked{background-color:var(--green);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230a1a10' d='M6.2 11.4 2.8 8 4 6.8 6.2 9l5.1-5.1L12.5 5z'/%3E%3C/svg%3E");border-color:var(--green)}.check input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #4bcb6738;outline:none}.check input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.check input[type=checkbox]:disabled~span{opacity:.75}.check span{min-width:0;overflow-wrap:anywhere}.check.compact{font-size:13px;gap:8px}.check.compact input[type=checkbox]{background-size:11px 11px;border-radius:5px;height:16px;width:16px}.details{padding-top:4px}.details>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.details>summary::-webkit-details-marker{display:none}.segmented{background:#ffffffd1;border:1px solid var(--line);border-radius:999px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.segment{background:#0000;border:0;color:var(--muted);cursor:pointer;font-weight:800;min-width:0;padding:10px 12px}.segment:hover{background:#0f161a0d;color:var(--ink)}.segment.active{background:#4bcb6729;color:var(--ink)}.segment:focus-visible{box-shadow:inset 0 0 0 2px #4bcb6773;outline:none}.scope-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.scope-card{background:#ffffffc7;border:1px solid #0f161a1a;border-radius:14px;min-width:0;padding:12px}.scope-card .scope-title{grid-gap:2px;display:grid;gap:2px;min-width:0}.scope-card .scope-title strong{font-weight:900;letter-spacing:-.01em}.scope-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.scope-preview{grid-gap:8px;display:grid;gap:8px;min-width:0}@media (max-width:720px){.scope-grid{grid-template-columns:1fr}}.form-error{color:var(--danger);font-size:13px;margin:0}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px}.badge-success{background:#4bcb6733;color:var(--green-ink)}.badge-default,.badge-neutral{background:#0f161a14;color:#0f161ab3}.linklike{background:#0000;border:0;color:var(--ink);cursor:pointer;font-weight:600;padding:0;text-decoration:underline;-webkit-text-decoration-color:#0f161a38;text-decoration-color:#0f161a38}.linklike:hover{-webkit-text-decoration-color:#4bcb678c;text-decoration-color:#4bcb678c}.chip{background:#ffffffb3;border:1px solid #0f161a1f;border-radius:999px;font-size:12px;padding:4px 10px}.chip,.chip-row{align-items:center;display:inline-flex}.chip-row{flex-wrap:wrap;gap:6px}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.menu{display:inline-block;position:relative}.menu-pop{background:#fffffffa;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #00000014;min-width:180px;padding:6px;position:absolute;top:42px;z-index:10}.menu-right{right:0}.menu-left{left:0}.menu-item{background:#0000;border:0;border-radius:10px;color:var(--ink);cursor:pointer;display:block;font-weight:600;padding:10px;text-align:left;text-decoration:none;width:100%}.menu-item:hover{background:#4bcb671f}.menu-item:disabled{cursor:not-allowed;opacity:.5}.menu-item.is-disabled{opacity:.5;pointer-events:none}.menu-item.tone-danger{color:var(--danger)}.toast-stack{grid-gap:10px;bottom:14px;display:grid;gap:10px;position:fixed;right:14px;z-index:50}.toast{grid-gap:12px;align-items:start;background:#fffffff7;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr auto;min-width:220px;padding:10px 12px}.toast.tone-success{border-color:#4bcb6766}.toast.tone-warning{border-color:#a04f1159}.toast-body{font-size:13px}.toast-dismiss{background:#0000;border:0;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:0}.toast-dismiss:hover{color:var(--ink)}.modal-backdrop{display:grid;inset:0;place-items:center;position:fixed;z-index:60}.modal-backdrop-hit{background:#090c0e73;border:0;inset:0;position:fixed;z-index:0}.modal-card{background:#fffffffa;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #0000001f;display:grid;grid-template-rows:auto 1fr auto;max-height:min(84vh,900px);overflow:hidden;position:relative;width:min(900px,calc(100vw - 24px));z-index:1}.modal-foot,.modal-head{align-items:flex-start;border-bottom:1px solid #0f161a14;display:flex;gap:10px;justify-content:space-between;padding:14px 16px}.modal-foot{align-items:center;border-bottom:0;border-top:1px solid #0f161a14}.modal-body{overflow:auto;padding:16px}.modal-title{font-family:var(--font-head);font-size:18px;margin:0}.modal-head-copy{grid-gap:6px;display:grid;gap:6px}.inline-code{font-family:var(--font-mono);font-size:12px}.code-row{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:1fr auto}.code{background:#f5f8fae6;border:1px solid #0f161a1f;border-radius:12px;display:block;font-family:var(--font-mono);font-size:12px;padding:10px 12px;word-break:break-all}.code.secret{background:#4bcb6714;border-color:#4bcb6740}.grid{grid-gap:12px;display:grid;gap:12px}.grid,.grid>*{min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:920px){.grid-2,.grid-3{grid-template-columns:1fr}}.auth-shell{display:grid;min-height:100vh;padding:18px;place-items:center}.auth-card{grid-gap:14px;background:#ffffffe6;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 60px #00000014;display:grid;gap:14px;padding:18px;width:min(520px,100%)}.auth-brand{align-items:center;display:flex;gap:10px}.brand-mark{background:#4bcb672e;border:1px solid #4bcb6747;border-radius:14px;display:grid;font-family:var(--font-head);font-weight:700;height:40px;place-items:center;width:40px}.brand-copy{display:grid;line-height:1.1}.brand-spacer{flex:1 1}.auth-title{font-family:var(--font-head);font-size:26px;letter-spacing:-.02em;margin:0}.auth-footer{border-top:1px solid #0f161a14;padding-top:12px}.app-shell{display:grid;grid-template-columns:276px minmax(0,1fr);min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff59;border-right:1px solid #0f161a14;gap:12px;height:100vh;justify-content:flex-start;overflow:hidden;padding:16px;position:-webkit-sticky;position:sticky;top:0}.sidebar,.sidebar-top{display:flex;flex-direction:column;min-height:0}.sidebar-top{flex:1 1;gap:14px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.sidebar-brand{align-items:center;display:flex;gap:10px}.nav{grid-gap:8px;display:grid;gap:8px}.nav-item{align-items:center;background:#ffffff94;border:1px solid #0f161a14;border-radius:14px;color:#0e1215e6;display:flex;font-weight:700;gap:10px;padding:10px 11px;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .18s ease,color .14s ease}.nav-item:hover{color:#0a120e}.nav-item.active{background:#4bcb6724;border-color:#4bcb674d;box-shadow:inset 3px 0 0 #4bcb679e;color:#0e1215f2}.nav-subsections{grid-gap:6px;border-top:1px solid #0f161a14;display:grid;gap:6px;padding-top:10px}.nav-subnav{grid-gap:4px;display:grid;gap:4px}.nav-subgroup{grid-gap:6px;display:grid;gap:6px}.nav-subgroup.nested{gap:4px}.nav-subheading{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;padding-left:2px;text-transform:uppercase}.nav-subheading.active{color:var(--ink)}.nav-subchildren{grid-gap:5px;display:grid;gap:5px;padding-left:16px;position:relative}.nav-subchildren:before{background:#0f161a1a;bottom:2px;content:"";left:6px;position:absolute;top:2px;width:1px}.nav-subitem-child{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.nav-subitem{background:#ffffff7a;border:1px solid #0f161a0f;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700;padding:7px 10px 7px 11px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,color .13s ease,box-shadow .15s ease}.nav-subitem:hover{color:var(--ink)}.nav-subitem.active{background:#4bcb6724;border-color:#4bcb674d;box-shadow:inset 2px 0 0 #4bcb679e;color:var(--ink)}.nav-subitem.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.nav-icon{background:#fffc;border:1px solid #0f161a14;border-radius:12px;display:grid;height:32px;place-items:center;transition:transform .15s ease,border-color .15s ease,background-color .15s ease;width:32px}.nav-item.active .nav-icon{background:#fffffff5;border-color:#4bcb6747}.sidebar-foot{border-top:1px solid #0f161a14;flex-shrink:0;margin-top:6px;padding-top:12px}.main{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfdc7;border-bottom:1px solid #0f161a14;display:flex;gap:12px;justify-content:space-between;padding:14px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar h1{font-family:var(--font-head);font-size:20px;letter-spacing:-.02em;margin:0}.topbar-user,.user-pill{align-items:center;display:flex;gap:10px}.user-pill{background:#ffffffd9;border:1px solid #0f161a14;border-radius:16px;padding:8px 10px}.avatar{background:#4bcb672e;border:1px solid #4bcb6747;border-radius:14px;color:#0a120ee6;display:grid;font-weight:900;height:34px;place-items:center;width:34px}.user-meta{display:grid;line-height:1.15}.content{margin:0 auto;padding:18px;width:min(1120px,100%)}.content.content-wide{width:min(1440px,100%)}.page{grid-gap:14px;animation:enter .16s ease;display:grid;gap:14px}@keyframes enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.page-sections{grid-gap:14px;display:grid;gap:14px}.account-section{scroll-margin-top:92px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #0f161a14;padding:12px 14px;text-align:left;vertical-align:middle}.table th{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.table tbody tr:hover{background:#4bcb670f}.cell-strong{font-weight:800}.cell-numeric{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.cell-status{text-transform:capitalize;white-space:nowrap}.invoice-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.cell-actions{text-align:right;width:50px}.empty{grid-gap:10px;display:grid;gap:10px;justify-items:start;padding:22px}.clients-toolbar{grid-gap:12px;display:grid;gap:12px}.clients-toolbar-fields{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:minmax(200px,1fr) minmax(160px,220px)}.table-shell{overflow:hidden;padding:0}.table-shell .page-section-body{gap:0}.table-loading-skeleton{grid-gap:10px;display:grid;gap:10px;padding:14px}.client-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.usage-overview-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.usage-overview-grid>*{min-width:0}.usage-group-card{grid-gap:10px;background:#ffffffc7;border:1px solid #0f161a14;border-radius:14px;display:grid;gap:10px;min-height:100%;padding:12px}.usage-group-card .h3{margin:0}.usage-kv{display:grid}.usage-kv-row{align-items:baseline;border-bottom:1px solid #0f161a14;display:flex;gap:10px;justify-content:space-between;padding:9px 0}.usage-kv-row:last-child{border-bottom:0}.usage-kv-value{font-feature-settings:"tnum";font-family:var(--font-head);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;text-align:right}.metric{grid-gap:6px;background:#ffffffc7;border:1px solid #0f161a14;border-radius:14px;display:grid;gap:6px;padding:12px}.metric-value{font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:-.02em}.usage-chart{--usage-axis:56px;grid-gap:10px;background:#ffffffb3;border:1px solid #0f161a14;border-radius:16px;display:grid;gap:10px;min-width:0;padding:12px}.usage-plot{height:220px;min-width:0;position:relative}.usage-plot-area{inset:10px 0 8px 0;min-width:0;position:absolute}.usage-grid-line{height:0;left:0;min-width:0;pointer-events:none;position:absolute;right:0}.usage-grid-label{font-feature-settings:"tnum";box-sizing:border-box;color:var(--muted-2);font-size:11px;font-variant-numeric:tabular-nums;left:0;line-height:1;padding-right:8px;text-align:right;transform:translateY(-50%);white-space:nowrap;width:var(--usage-axis)}.usage-grid-label,.usage-grid-rule{display:block;position:absolute;top:0}.usage-grid-rule{background:#0f161a1a;height:1px;left:var(--usage-axis);right:0;transform:translateY(-.5px)}.usage-grid-line.zero .usage-grid-label{transform:translateY(-100%)}.usage-grid-line.top .usage-grid-label{transform:translateY(0)}.usage-grid-line.zero .usage-grid-rule{background:#0f161a2e;transform:translateY(-1px)}.usage-bars{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));inset:0 0 0 var(--usage-axis);min-width:0;position:absolute}.usage-bar-wrap{cursor:help;height:100%;min-width:0;outline:none;position:relative}.usage-bar-value{font-feature-settings:"tnum";bottom:6px;bottom:calc(var(--bar-height, 0%) + 6px);color:var(--muted-2);font-size:11px;font-variant-numeric:tabular-nums;transform:translateX(-50%);white-space:nowrap}.usage-bar-tooltip,.usage-bar-value{left:50%;pointer-events:none;position:absolute}.usage-bar-tooltip{background:#0e1215eb;border-radius:14px;bottom:18px;bottom:calc(var(--bar-height, 0%) + 18px);box-shadow:0 14px 40px #00000038;color:#ffffffeb;max-width:min(260px,calc(100vw - 48px));opacity:0;padding:10px 12px;transform:translateX(-50%) translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;visibility:hidden;width:220px;z-index:5}.usage-bar-tooltip:after{border:6px solid #0000;border-top-color:#0e1215eb;bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.usage-bar-tooltip-title{font-family:var(--font-head);font-size:12px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.usage-bar-tooltip-row{font-feature-settings:"tnum";align-items:center;display:flex;font-size:12px;font-variant-numeric:tabular-nums;gap:10px;justify-content:space-between;padding:4px 0}.usage-bar-tooltip-key{color:#ffffffb8;white-space:nowrap}.usage-bar-tooltip-val{color:#ffffffeb;white-space:nowrap}.usage-bar-wrap:focus .usage-bar-tooltip,.usage-bar-wrap:focus-visible .usage-bar-tooltip,.usage-bar-wrap:hover .usage-bar-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.usage-bar-wrap:hover .usage-bar{filter:brightness(.98) saturate(1.05)}.usage-bar-wrap:focus .usage-bar,.usage-bar-wrap:focus-visible .usage-bar{box-shadow:inset 0 0 0 1px #1e7b3347,0 0 0 4px #4bcb6738}.usage-bar-wrap.edge-left .usage-bar-tooltip{left:0;transform:translateX(0) translateY(4px)}.usage-bar-wrap.edge-left:focus .usage-bar-tooltip,.usage-bar-wrap.edge-left:focus-visible .usage-bar-tooltip,.usage-bar-wrap.edge-left:hover .usage-bar-tooltip{transform:translateX(0) translateY(0)}.usage-bar-wrap.edge-left .usage-bar-tooltip:after{left:24px;transform:translateX(0)}.usage-bar-wrap.edge-right .usage-bar-tooltip{left:100%;transform:translateX(-100%) translateY(4px)}.usage-bar-wrap.edge-right:focus .usage-bar-tooltip,.usage-bar-wrap.edge-right:focus-visible .usage-bar-tooltip,.usage-bar-wrap.edge-right:hover .usage-bar-tooltip{transform:translateX(-100%) translateY(0)}.usage-bar-wrap.edge-right .usage-bar-tooltip:after{left:auto;right:24px;transform:translateX(0)}.usage-bar{background:var(--green);border-radius:2px 2px 0 0;bottom:0;box-shadow:inset 0 0 0 1px #1e7b3347;height:0;height:var(--bar-height,0);left:50%;min-height:3px;position:absolute;transform:translateX(-50%);width:16px}.usage-x{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;padding-left:var(--usage-axis)}.usage-x-label{color:var(--muted);font-size:11px;text-align:center;white-space:nowrap}.kv{grid-gap:10px;display:grid;gap:10px}.kv-row{border-bottom:1px solid #0f161a14;justify-content:space-between;padding:10px 0}.kv-row,.kv-value{align-items:center;display:flex;gap:10px}.billing-payments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.billing-group{grid-gap:10px;background:#ffffffbd;border:1px solid #0f161a14;border-radius:14px;display:grid;gap:10px;min-width:0;padding:12px}.seg{background:#ffffffbf;border:1px solid #0f161a1f;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;min-width:0;padding:8px 10px}.seg.active{background:#4bcb671f;border-color:#4bcb6766}.code-block{background:#f5f8fae6;border:1px solid #0f161a14;border-radius:14px;font-size:14px;line-height:1.6;margin:0;max-width:100%;min-width:0;overflow:auto;padding:16px}.code-block-lg{max-height:min(680px,calc(100vh - 220px));min-height:280px}.playground-clean{gap:16px}.playground-run-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(250px,.52fr) minmax(0,1.48fr)}.playground-run-panel.surface-primary{padding:10px}.playground-run-panel .page-section-head{gap:6px}.playground-run-panel .h3.page-section-title{font-size:15px}.playground-run-panel .page-section-description{font-size:11px}.playground-run-panel .page-section-body{gap:10px}.pg-environment{background:#ffffffa3;border:1px solid #0f161a14;border-radius:12px;padding:8px}.pg-env-grid,.pg-environment{grid-gap:8px;display:grid;gap:8px}input.audio-picker-input{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.audio-picker{grid-gap:6px;display:grid;gap:6px}.audio-picker-control{align-items:center;display:flex;flex-wrap:wrap;gap:7px;min-width:0}.audio-picker-trigger{align-items:center;background:#ffffffe0;border:1px solid #0f161a24;border-radius:10px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:5px;line-height:1;padding:5px 9px;transition:border-color .14s ease,background-color .14s ease}.audio-picker-trigger:hover{background:#fffffff5;border-color:#4bcb6773}.audio-picker-trigger:focus-visible{border-color:#4bcb6799;box-shadow:0 0 0 3px #4bcb6733;outline:none}.audio-picker-trigger-icon{opacity:.72}.audio-picker-name{background:#ffffffb3;border:1px solid #0f161a14;border-radius:8px;color:var(--muted);font-size:11px;min-width:0;overflow:hidden;padding:4px 7px;text-overflow:ellipsis;white-space:nowrap}.audio-picker-name.has-file{color:var(--ink)}.pg-meta{overflow-wrap:anywhere;word-break:break-word}.pg-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.pg-actions>*{min-width:0}.pg-span-2{grid-column:1/-1}.pg-details{padding-top:4px}.pg-details>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.pg-details>summary::-webkit-details-marker{display:none}.pg-io{grid-gap:12px;display:grid;gap:12px}.pg-io,.pg-io>*{min-width:0}@media (min-width:1100px){.playground-run-layout{grid-template-columns:minmax(250px,.5fr) minmax(0,1.5fr)}.pg-io{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.playground-run-layout>:last-child{position:-webkit-sticky;position:sticky;top:92px}}@media (max-width:720px){.code-block-lg{max-height:440px;min-height:180px}.usage-chart{--usage-axis:48px}.usage-bar-value{font-size:10px}.usage-bar{width:12px}.billing-payments-grid,.clients-toolbar-fields,.skeleton-table-row{grid-template-columns:1fr}}@media (max-width:420px){.pg-actions{grid-template-columns:1fr}.pg-span-2{grid-column:auto}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #0f161a14;border-right:0;height:auto;overflow:visible;position:-webkit-sticky;position:sticky;top:0;z-index:30}.sidebar-top{overflow:visible;padding-right:0}.content{max-width:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-run-layout,.usage-overview-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d619cb7d.css.map*/