.profile-container{color:#ededed;background:#171717;min-height:100dvh;padding-top:88px;padding-bottom:120px;overflow-x:clip}.profile-layout{width:100%;padding:40px var(--padding-x,210px)0;align-items:flex-start;gap:48px;margin:0 auto;display:flex}.profile-sidebar{flex-shrink:0;width:220px;position:sticky;top:96px}.profile-sidebar-card{padding:0}.profile-sidebar-kicker{color:#ededed;letter-spacing:-.01em;margin-bottom:16px;padding:0 12px;font-size:1.25rem;font-weight:400;line-height:1.4;display:block}.profile-nav{flex-direction:column;gap:2px;display:flex}.profile-nav-item{color:#888;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.8125rem;font-weight:400;transition:color .15s,background .15s;display:flex}.profile-nav-item svg{opacity:.5;flex-shrink:0}.profile-nav-item:hover{color:#ededed;background:#262626}.profile-nav-item:hover svg{opacity:.8}.profile-nav-item.active{color:#ededed;background:#262626}.profile-nav-item.active svg{opacity:1}.profile-main{flex-direction:column;flex:1;gap:48px;min-width:0;display:flex}.profile-top-nav{display:none!important}.profile-section{flex-direction:column;display:flex}.profile-section-header{margin-bottom:16px}.profile-section-header h2{color:#ededed;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:400;line-height:1.4}.profile-section-header p{color:#666;margin:4px 0 0;font-size:.875rem;line-height:1.5}.profile-section-header--danger h2{color:#ededed}.sb-card{background:#222;border:1px solid #2e2e2e;border-radius:8px;padding:0;overflow:hidden}.sb-card-usage{box-shadow:none;border:none}.sb-card-row{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.sb-card-row+.sb-card-row{border-top:1px solid #2e2e2e}.sb-card-row-left{flex-direction:column;gap:2px;min-width:0;display:flex}.sb-card-row-label{color:#ededed;font-size:.875rem;font-weight:500}.sb-card-row-desc{color:#666;font-size:.8125rem;line-height:1.5}.sb-card-row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.sb-display-name-editor{align-items:center;gap:10px;width:min(100%,420px);display:flex}.sb-card-row-value{color:#888;font-variant-numeric:tabular-nums;font-size:.875rem}.sb-input{color:#ededed;background:#181818;border:1px solid #333;border-radius:6px;width:100%;height:38px;padding:0 12px;font-size:.875rem}.sb-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e52e}.sb-input::placeholder{color:#666}.sb-btn{color:#ededed;cursor:pointer;white-space:nowrap;background:#2a2a2a;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:.8125rem;font-weight:400;transition:all .15s;display:inline-flex}.sb-btn:hover:not(:disabled){background:#333;border-color:#444}.sb-btn:disabled{opacity:.4;cursor:not-allowed}.sb-btn-primary{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:500}.sb-btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.sb-btn-danger{color:#e04956;background:0 0;border-color:#e04956;font-weight:500}.sb-btn-danger:hover:not(:disabled){background:#e049561a}.sb-btn-danger-fill{color:#fff;background:#e04956;border-color:#e04956;font-weight:500}.sb-btn-danger-fill:hover:not(:disabled){background:#c93a47;border-color:#c93a47}.sb-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:.6875rem;font-weight:500;display:inline-flex}.sb-badge-active{color:#3b82f6;background:#3b82f61f}.sb-badge-free{color:#888;background:#8888881f}.sb-badge-cancelled{color:#e04956;background:#e049561f}.sb-badge-suspended{color:#eab308;background:#eab3081f}.sb-usage-wrap{padding:20px 24px}.sb-usage-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sb-usage-header span{color:#888;font-size:.8125rem}.sb-usage-header strong{color:#ededed;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:500}.sb-usage-track{background:#333;border-radius:999px;width:100%;height:4px;overflow:hidden}.sb-usage-fill{border-radius:inherit;background:#3b82f6;height:100%;transition:width .3s}.sb-usage-fill.limit{background:#e04956}.sb-usage-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.sb-usage-meta span{color:#666;font-size:.8125rem}.sb-usage-warning{color:#f87171;background:#e0495614;border:1px solid #e0495633;border-radius:6px;margin:14px 0 0;padding:10px 14px;font-size:.8125rem;line-height:1.5}.sb-usage-actions{border-top:1px solid #2e2e2e;gap:10px;padding:16px 24px;display:flex}.sb-subscription-cancelled{color:#888;flex:1;align-items:center;gap:8px;font-size:.8125rem;line-height:1.5;display:flex}.sb-subscription-cancelled svg{color:#e04956;flex-shrink:0}.sb-cancel-sub-wrap{position:relative}.sb-cancel-sub-tooltip{color:#ccc;white-space:nowrap;opacity:0;pointer-events:none;background:#333;border-radius:6px;padding:6px 10px;font-size:.75rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.sb-cancel-sub-wrap:hover .sb-cancel-sub-tooltip{opacity:1}.sb-card-danger{background:#e049560d;border-color:#e0495633}.sb-danger-body{align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.sb-danger-icon{color:#e04956;background:#e049561f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sb-danger-content{flex:1;min-width:0}.sb-danger-content strong{color:#ededed;margin-bottom:4px;font-size:.875rem;font-weight:500;display:block}.sb-danger-content p{color:#888;margin:0;font-size:.8125rem;line-height:1.55}.sb-danger-actions{border-top:1px solid #e0495626;gap:8px;padding:16px 24px;display:flex}.profile-alert{border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:.8125rem;font-weight:400;display:flex}.profile-alert-error{color:#f87171;background:#e0495614;border-color:#e0495633}.profile-alert-success{color:#60a5fa;background:#3b82f614;border-color:#3b82f633}.sb-payment-list{flex-direction:column;display:flex}.sb-payment-list-usage{gap:0}.sb-payment-row{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.sb-payment-row+.sb-payment-row{border-top:1px solid #2e2e2e}.sb-payment-main{flex:1;min-width:0}.sb-payment-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.sb-payment-title{color:#ededed;font-size:.875rem;font-weight:500}.sb-payment-status{border-radius:999px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.sb-payment-status.done{color:#3b82f6;background:#3b82f61f}.sb-payment-status.refunded{color:#e04956;background:#e049561f}.sb-payment-meta{color:#666;word-break:break-all;margin:2px 0 0;font-size:.75rem;line-height:1.5}.sb-payment-side{text-align:right;flex-shrink:0}.sb-payment-amount{color:#ededed;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.sb-payment-amount.refunded{color:#e04956}.sb-stats-grid{grid-template-columns:repeat(3,1fr);display:grid}.sb-stat-item{flex-direction:column;gap:4px;padding:16px 24px;display:flex}.sb-stat-item+.sb-stat-item{border-left:1px solid #2e2e2e}.sb-stat-label{color:#666;letter-spacing:.02em;font-size:.75rem;font-weight:500}.sb-stat-value{color:#ededed;font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.sb-chart-wrap{padding:24px 24px 16px}.sb-chart-bars{align-items:flex-end;gap:6px;height:160px;padding-bottom:8px;display:flex}.sb-chart-col{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.sb-chart-bar-track{border-radius:4px 4px 0 0;flex:1;align-items:flex-end;width:100%;display:flex}.sb-chart-bar-fill{background:#3b82f6;border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .4s}.sb-chart-bar-fill:hover{background:#60a5fa}.sb-chart-label{color:#555;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.625rem}.sb-chart-summary{color:#888;border-top:1px solid #2e2e2e;margin-top:16px;padding-top:14px;font-size:.8125rem}.sb-chart-summary-usage{border-top:none;padding-top:0}.sb-chart-summary strong{color:#ededed;font-weight:600}.sb-pagination{border-top:1px solid #2e2e2e;justify-content:center;align-items:center;gap:16px;padding:14px 24px;display:flex}.sb-pagination-info{color:#888;font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:.8125rem}.sb-empty-state{text-align:center;color:#555;padding:40px 24px;font-size:.8125rem}.profile-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.profile-modal-card{background:#222;border:1px solid #2e2e2e;border-radius:10px;flex-direction:column;width:min(680px,100%);max-height:min(80vh,700px);display:flex;overflow:hidden;box-shadow:0 24px 48px #00000080}.profile-modal-head{border-bottom:1px solid #2e2e2e;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.profile-modal-head h3{color:#ededed;margin:0;font-size:1rem;font-weight:500}.profile-modal-head p{color:#666;margin:4px 0 0;font-size:.8125rem;line-height:1.5}.profile-modal-close{color:#888;cursor:pointer;background:#2a2a2a;border:1px solid #333;border-radius:6px;flex-shrink:0;height:32px;padding:0 12px;font-size:.8125rem;font-weight:400;transition:all .15s}.profile-modal-close:hover{color:#ededed;border-color:#444}.profile-modal-body{flex:1;overflow-y:auto}.sb-usage-history-row{justify-content:space-between;gap:16px;padding:14px 24px;display:flex}.sb-usage-history-row-usage{box-shadow:none;background:0 0;border:none!important}.sb-usage-history-row+.sb-usage-history-row{border-top:1px solid #2e2e2e}.sb-usage-history-row-usage+.sb-usage-history-row-usage{border-top:none}.sb-usage-history-main{flex:1;min-width:0}.sb-usage-history-title{color:#ededed;font-size:.8125rem;font-weight:500;display:block}.sb-usage-history-meta{color:#666;margin:3px 0 0;font-size:.75rem;line-height:1.5}.sb-usage-history-side{text-align:right;flex-shrink:0;align-items:center;display:flex}.sb-usage-history-side strong{color:#888;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.sb-card-usage .sb-usage-history-title,.sb-card-usage .sb-usage-history-meta,.sb-card-usage .sb-usage-history-side,.sb-card-usage .sb-usage-history-side strong,.sb-card-usage .sb-chart-summary,.sb-card-usage .sb-chart-summary strong{box-shadow:none;background:0 0;border:none;outline:none}.sb-card-usage .sb-pagination{border-top:none}body:has(.profile-container) .navbar{background:#171717}body:has(.profile-container) .navbar--scrolled{-webkit-backdrop-filter:none;background:#171717;box-shadow:0 1px #2e2e2e}@media (max-width:1279px){.profile-layout{padding-left:var(--padding-x-tablet,80px);padding-right:var(--padding-x-tablet,80px)}}@media (max-width:1024px){.profile-layout{flex-direction:column;gap:32px}.profile-sidebar{width:100%;position:static}.sb-stats-grid{grid-template-columns:repeat(2,1fr)}.sb-stat-item:nth-child(3){border-top:1px solid #2e2e2e;border-left:none;grid-column:1/-1}}@media (max-width:767px){.profile-layout{padding-left:var(--padding-x-mobile,20px);padding-right:var(--padding-x-mobile,20px)}}@media (max-width:640px){.profile-container{padding-top:64px;padding-bottom:max(120px,env(safe-area-inset-bottom,0px) + 96px)}.profile-layout{padding:0 var(--padding-x-mobile,20px);padding-top:16px}.profile-sidebar{display:none}.profile-top-nav{border-bottom:1px solid #2e2e2e;gap:0;margin-bottom:-16px;padding-bottom:8px;display:flex!important}.profile-top-nav .profile-nav-item{border-radius:6px;flex:1;justify-content:center;padding:10px 6px;font-size:.75rem}.sb-chart-bars{gap:3px;height:120px}.sb-chart-wrap{padding:16px}.profile-main{gap:36px}.sb-card-row{padding:14px 16px}.sb-usage-wrap{padding:16px}.sb-usage-actions{flex-direction:column;padding:14px 16px}.sb-danger-body{padding:16px}.sb-danger-actions{flex-direction:column;padding:14px 16px}.sb-stats-grid{grid-template-columns:1fr}.sb-stat-item+.sb-stat-item{border-top:1px solid #2e2e2e;border-left:none}.sb-payment-row{flex-direction:column;align-items:flex-start;padding:14px 16px}.sb-payment-side{text-align:left}.sb-empty-state{padding:32px 16px}.profile-modal-card{border-radius:8px}.profile-modal-head{flex-direction:column;padding:16px}.sb-usage-history-row{flex-direction:column;gap:8px;padding:12px 16px}.sb-cancel-sub-tooltip{display:none}}