:root{--ink:#111318;--muted:#68707d;--line:#e4e7ec;--soft:#f6f7f9;--panel:#fff;--nav:#12151b;--nav-soft:#1d212a;--accent:#375dfb;--success:#087f5b;--danger:#c92a2a;--warning:#b26a00;--radius:10px;--shadow:0 12px 36px rgba(18,21,27,.08)}
.card-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:14px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;color:var(--ink);background:#f7f8fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}.app-body{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:252px;padding:25px 18px 18px;background:var(--nav);color:#fff;display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 9px 24px}.brand{text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:-.05em}.brand-light{color:#fff}.brand-dot{color:#6e8aff}.sidebar-close{display:none;color:#fff}.icon-button{border:0;background:transparent;line-height:1;font-size:1.35rem;padding:8px;border-radius:8px}.workspace-chip{display:flex;align-items:center;gap:11px;border:1px solid #2d323d;background:#181c23;padding:11px;border-radius:9px;margin-bottom:25px}.workspace-avatar,.user-avatar{width:34px;height:34px;display:grid;place-items:center;background:#eef1ff;color:#304fc7;border-radius:7px;font-weight:800}.workspace-chip span:last-child{min-width:0}.workspace-chip small,.workspace-chip strong{display:block}.workspace-chip small{color:#8f96a3;font-size:.68rem}.workspace-chip strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-label{display:block;padding:0 11px 8px;color:#707786;text-transform:uppercase;letter-spacing:.13em;font-size:.61rem;font-weight:800}.nav-label-spaced{padding-top:25px}.main-nav{display:flex;flex-direction:column;gap:3px}.nav-link,.nav-pending{display:flex;align-items:center;gap:11px;min-height:41px;padding:9px 11px;border-radius:7px;color:#aeb4bf;text-decoration:none;font-size:.87rem;font-weight:600}.nav-link svg,.nav-pending svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}.nav-link:hover{background:#1b1f27;color:#fff}.nav-link.active{background:#f6f7fb;color:#171921}.nav-pending{opacity:.65}.nav-pending small{margin-left:auto;font-size:.58rem;border:1px solid #424854;border-radius:4px;padding:2px 4px}.sidebar-foot{margin-top:auto;border-top:1px solid #2a2e37;padding:18px 10px 4px}.plan-line{display:flex;justify-content:space-between;font-size:.72rem;color:#d7d9df}.usage-track{height:4px;background:#30353f;margin:10px 0;border-radius:2px;overflow:hidden}.usage-track span{display:block;height:100%;background:#7087ff}.sidebar-foot>small{color:#737b89;font-size:.68rem}.main-area{margin-left:252px;width:calc(100% - 252px)}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.topbar-left,.topbar-actions,.user-menu{display:flex;align-items:center}.menu-button{display:none}.page-context{font-size:.82rem;font-weight:700}.topbar-actions{gap:20px}.environment-switch{height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff}.environment-switch select{border:0;background:transparent;outline:0;font-size:.74rem;font-weight:700;color:#343943}.status-dot{width:7px;height:7px;border-radius:50%;background:#e0a100;box-shadow:0 0 0 3px #fff3cd}.status-dot.live{background:#15a477;box-shadow:0 0 0 3px #dff7ef}.user-menu{gap:9px}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:.76rem}.user-copy small{font-size:.65rem;color:var(--muted)}.logout-link{border:0;background:none;color:var(--muted);font-size:.7rem;text-decoration:underline;text-underline-offset:3px}.content-wrap{max-width:1500px;margin:0 auto;padding:38px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-head h1{font-size:2rem;letter-spacing:-.045em;margin:4px 0 5px;font-weight:760}.page-head p,.panel-head p{margin:0;color:var(--muted);font-size:.88rem}.eyebrow,.micro-label{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:800;color:#53606f}.eyebrow-inverse{color:#8ea1ff}.action-button{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;font-size:.8rem;border-radius:7px}.action-button svg,.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.onboarding-panel{display:grid;grid-template-columns:1fr 1.12fr;background:#171a20;color:#fff;margin-bottom:24px}.onboarding-copy{padding:34px}.onboarding-copy h2{font-size:1.55rem;letter-spacing:-.035em;margin:8px 0 10px}.onboarding-copy p{color:#aeb4bf;line-height:1.65;max-width:510px}.onboarding-copy .btn{margin-top:10px;display:inline-flex;align-items:center;gap:8px}.onboarding-steps{list-style:none;padding:22px 30px;margin:0;background:#1d2028}.onboarding-steps li{display:flex;gap:15px;padding:13px 8px;border-bottom:1px solid #30343d;color:#858c99}.onboarding-steps li:last-child{border:0}.onboarding-steps li>span{font-family:ui-monospace,monospace;font-size:.66rem;padding-top:2px}.onboarding-steps strong,.onboarding-steps small{display:block}.onboarding-steps strong{font-size:.82rem}.onboarding-steps small{font-size:.72rem;margin-top:3px}.onboarding-steps .current{color:#fff}.onboarding-steps .current>span{color:#8298ff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);padding:20px;min-height:145px}.stat-label{display:flex;justify-content:space-between;gap:10px;color:#4d5561;font-size:.75rem;font-weight:700}.stat-label small{font-size:.64rem;color:#979da7;font-weight:500}.stat-card>strong{display:block;font-size:2.1rem;letter-spacing:-.05em;margin:18px 0 7px}.stat-foot{font-size:.67rem}.positive{color:var(--success)}.warning{color:var(--warning)}.neutral{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:.94rem;margin:0 0 4px}.text-link{font-size:.76rem;font-weight:700;text-decoration:none}.empty-row{display:flex;justify-content:center;gap:14px;align-items:center;padding:48px 24px;text-align:left}.empty-icon{font-size:2rem;color:#adb3bd}.empty-row strong{font-size:.86rem}.empty-row p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:11px 17px;background:#fafbfc;color:#78808c;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}.data-table td{padding:15px 17px;border-bottom:1px solid #edf0f2;font-size:.78rem;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong,.data-table td small{display:block}.data-table td small{color:var(--muted);margin-top:3px}.data-table code,.product-meta code{color:#353b45;background:#f3f4f6;padding:3px 5px;border-radius:3px;font-size:.68rem}.badge-status{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #dfe2e7;color:#565e69;background:#f8f9fa;font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:5px}.badge-status.active{color:#087f5b;border-color:#b8e6d6;background:#effaf6}.badge-status.suspended,.badge-status.pending{color:#9c6500;border-color:#edd8a7;background:#fff9e9}.badge-status.revoked,.badge-status.expired,.badge-status.cancelled{color:#b42318;border-color:#f1c4bf;background:#fff4f2}.product-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card,.plan-card{display:flex;flex-direction:column;gap:20px;min-height:305px;background:#fff;border:1px solid var(--line);padding:22px}.product-card-top,.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.product-monogram{width:42px;height:42px;display:grid;place-items:center;background:#171a20;color:#fff;font-size:.75rem;font-weight:800}.product-card h2,.plan-card h2{font-size:1.06rem;margin:0 0 7px}.product-card p,.plan-card p{font-size:.76rem;color:var(--muted);line-height:1.55;margin:0}.product-meta{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px;margin:0}.product-meta dt{font-size:.6rem;text-transform:uppercase;color:#959ca7;letter-spacing:.08em}.product-meta dd{font-size:.74rem;margin:5px 0 0}.product-card-foot{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted)}.product-card-foot strong{color:var(--ink)}.product-card-foot a{margin-left:auto;color:var(--ink);font-weight:700;text-decoration:none}.plan-price strong{font-size:1.45rem}.plan-price span{font-size:.7rem;color:var(--muted);margin-left:5px}.plan-facts{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid var(--line)}.plan-facts li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.72rem}.plan-facts li span{color:var(--muted)}.empty-panel{background:#fff;border:1px solid var(--line);min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-panel h2{font-size:1.35rem;letter-spacing:-.025em;margin:8px 0}.empty-panel p{max-width:490px;color:var(--muted);font-size:.82rem;line-height:1.6}.empty-panel .btn{margin-top:8px}.empty-kicker{font-size:.63rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#647080}.app-dialog{width:min(640px,calc(100% - 28px));border:0;padding:0;border-radius:10px;box-shadow:0 25px 80px rgba(14,17,23,.25)}.app-dialog-wide{width:min(780px,calc(100% - 28px))}.app-dialog::backdrop{background:rgba(14,17,23,.58);backdrop-filter:blur(2px)}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}.dialog-head{border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.15rem;margin:5px 0 0}.dialog-body{display:flex;flex-direction:column;gap:18px;padding:24px}.dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;background:#fafbfc}.form-grid-two,.form-grid-three{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid-three{grid-template-columns:repeat(3,1fr)}.form-label{font-size:.72rem;font-weight:700;margin-bottom:6px}.form-control,.form-select{border-color:#d8dce2;border-radius:6px;font-size:.8rem;padding:.68rem .78rem}.form-control:focus,.form-select:focus{border-color:#657ff5;box-shadow:0 0 0 .2rem rgba(55,93,251,.1)}.form-text{font-size:.65rem}.secret-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 27px;margin-bottom:22px;background:#171a20;color:#fff}.secret-panel h2{font-size:1.1rem;margin:5px 0}.secret-panel p{color:#aeb4bf;font-size:.75rem;margin:0}.secret-value{display:flex;align-items:center;gap:10px}.secret-value code{padding:10px 13px;background:#242832;color:#fff;border:1px solid #363b46;font-size:.82rem}.secret-value .btn{display:flex;align-items:center;gap:6px;font-size:.7rem}.environment-note{padding:12px;background:#f6f7f9;border:1px solid var(--line);font-size:.72rem;display:flex;align-items:center;gap:9px}.action-menu{position:relative;display:inline-block;text-align:left}.action-menu summary{list-style:none;cursor:pointer;font-size:.7rem;font-weight:700;border:1px solid var(--line);padding:6px 9px;border-radius:5px}.action-menu summary::-webkit-details-marker{display:none}.action-menu>div{position:absolute;right:0;top:calc(100% + 5px);z-index:5;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-width:120px;padding:5px}.action-menu button{width:100%;border:0;background:none;text-align:left;padding:7px 9px;font-size:.7rem}.action-menu button:hover{background:#f5f6f8}.action-menu button.danger{color:var(--danger)}.alert{border-radius:7px;font-size:.78rem}.auth-body{background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,45%) 1fr}.auth-brand{display:flex;flex-direction:column;padding:44px 9%;background:#15181e;color:#fff}.auth-brand-copy{margin:auto 0;max-width:550px}.auth-brand-copy h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;letter-spacing:-.06em;margin:13px 0 24px}.auth-brand-copy p{font-size:1rem;line-height:1.7;color:#aeb4bf;max-width:490px}.auth-proof{display:flex;gap:10px;color:#aeb4bf;font-size:.73rem}.proof-mark{color:#84e1bc}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(480px,100%)}.auth-heading{margin-bottom:28px}.auth-heading h2{font-size:1.85rem;letter-spacing:-.04em;margin:8px 0}.auth-heading p{color:var(--muted);font-size:.86rem}.stack-form{display:flex;flex-direction:column;gap:18px}.label-row{display:flex;justify-content:space-between}.muted-link{color:#969ca5;font-size:.65rem}.auth-switch{text-align:center;margin-top:23px;color:var(--muted);font-size:.78rem}.auth-switch a{color:var(--ink);font-weight:700}.empty-state{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-code{font-family:ui-monospace,monospace;color:#9ba2ad}.empty-state h1{font-size:2rem;margin:10px 0}.empty-state p{color:var(--muted)}.sidebar-backdrop{display:none}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.plan-grid{grid-template-columns:repeat(2,1fr)}.onboarding-panel{grid-template-columns:1fr}.user-copy{display:none}}
@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-close{display:block}.sidebar-backdrop{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.42)}.sidebar-open .sidebar-backdrop{display:block}.main-area{width:100%;margin:0}.menu-button{display:block}.topbar{height:62px;padding:0 16px}.topbar-actions{gap:9px}.user-menu .user-avatar,.logout-link{display:none}.content-wrap{padding:24px 16px}.page-head{align-items:flex-start;flex-direction:column}.page-head .action-button{width:100%;justify-content:center}.stat-grid,.product-grid,.plan-grid{grid-template-columns:1fr}.onboarding-copy{padding:25px}.onboarding-steps{padding:15px 20px}.form-grid-two,.form-grid-three{grid-template-columns:1fr}.secret-panel{align-items:flex-start;flex-direction:column}.secret-value{width:100%;flex-direction:column;align-items:stretch}.secret-value code{text-align:center;overflow:auto}.table-responsive{overflow-x:auto}.data-table{min-width:760px}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{padding:28px 18px}.dialog-head,.dialog-body,.dialog-actions{padding:18px}.page-head h1{font-size:1.7rem}}
.check-row{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:.76rem}.check-row input{width:16px;height:16px;accent-color:#171a20}.verification-banner{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;margin-bottom:20px;background:#fff7dd;border:1px solid #ead494;color:#795800;font-size:.72rem}.verification-banner a{font-weight:800}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{min-height:320px}.settings-form{display:flex;flex-direction:column;gap:16px;padding:22px}.settings-form .btn{align-self:flex-start}.settings-copy{color:var(--muted);font-size:.78rem;line-height:1.6}.danger-card{border-color:#efc7c2}@media(max-width:780px){.settings-grid{grid-template-columns:1fr}.verification-banner{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}