.settings-main{max-width:1400px}.settings-topbar{justify-content:flex-start}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.settings-tabs{position:sticky;top:24px;padding:10px;background:#fff;border:1px solid var(--panel-line);border-radius:20px;display:grid;gap:5px}.settings-tabs button{border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:12px;color:var(--muted);font:600 12px Poppins;cursor:pointer}.settings-tabs button:hover,.settings-tabs button.active{background:#fff0f5;color:var(--pink)}.settings-content{min-width:0}.settings-panel{display:none;background:#fff;border:1px solid var(--panel-line);border-radius:24px;padding:28px;box-shadow:0 16px 45px rgba(34,40,45,.05)}.settings-panel.active{display:block}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #eef1f3}.settings-heading h2{font-size:24px;margin:5px 0}.settings-heading p{font-size:12px;color:var(--muted);margin:0}.avatar-preview{width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,#ffedf3,#eafff2);display:grid;place-items:center;color:var(--pink);font-size:25px;font-weight:800;background-position:center;background-size:cover}.settings-form,.narrow-form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-form label,.narrow-form label{display:grid;gap:8px;font-size:11px;font-weight:700}.settings-form input,.settings-form textarea,.narrow-form input{box-sizing:border-box;width:100%;border:1px solid #dfe4e7;border-radius:13px;padding:13px 14px;font:inherit;font-size:12px;outline:none;background:#fff}.settings-form input:focus,.settings-form textarea:focus,.narrow-form input:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,59,120,.08)}.settings-form input:disabled{background:#f6f7f8;color:#8a929a}.full-field{grid-column:1/-1}.narrow-form{max-width:570px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding-top:6px}.form-notice{margin-right:auto;font-size:11px;color:#2b9b66}.form-notice.error{color:#c33c59}.security-card,.account-action,.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #edf0f2;border-radius:17px;padding:18px;margin-top:22px}.security-card strong,.account-action strong,.toggle-row strong{font-size:12px}.security-card p,.account-action p,.toggle-row small{display:block;margin:5px 0 0;color:var(--muted);font-size:10px}.toggle-row{cursor:pointer;margin:0 0 12px}.toggle-row input{width:42px;height:22px;accent-color:var(--pink)}.account-action.danger{border-color:#ffe0e7;background:#fffafb}.danger-button{border:0;border-radius:12px;background:#ffe8ed;color:#bd3456;padding:11px 16px;font-weight:700}.settings-panel button:disabled{opacity:.65}.settings-panel .button{white-space:nowrap}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-tabs{position:static;grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}}@media(max-width:560px){.settings-panel{padding:20px}.settings-heading{align-items:flex-start}.avatar-preview{width:55px;height:55px}.form-actions,.security-card,.account-action{align-items:stretch;flex-direction:column}.form-actions .button,.security-card .button,.account-action .button{width:100%}}


/* V3.0.1 — Ayarlar sekmeleri ve içerik kartları sabit ölçü standardı */
.settings-layout{
  grid-template-columns:230px minmax(0,1fr);
  align-items:start;
}
.settings-tabs{
  box-sizing:border-box;
  width:230px;
  height:328px;
  min-height:328px;
  max-height:328px;
  grid-auto-rows:48px;
  align-content:start;
  flex-shrink:0;
}
.settings-tabs button{
  box-sizing:border-box;
  width:100%;
  height:48px;
  min-height:48px;
  max-height:48px;
  padding:0 14px;
  display:flex;
  align-items:center;
}
.settings-content{
  width:100%;
}
.settings-panel{
  box-sizing:border-box;
  width:100%;
  min-height:540px;
}
.settings-panel.active{
  display:flex;
  flex-direction:column;
}
.settings-panel .settings-form,
.settings-panel > form,
.settings-panel > .account-action:first-of-type{
  flex-shrink:0;
}
@media(max-width:900px){
  .settings-tabs{
    width:100%;
    height:auto;
    min-height:68px;
    max-height:none;
    grid-auto-rows:48px;
    align-content:initial;
  }
  .settings-panel{min-height:0;}
}


/* V5.1 — Paket bilgisi yalnızca Ayarlar > Abonelik ve Paket bölümünde */
.subscription-card{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;border:1px solid #ffd1e0;border-radius:22px;background:linear-gradient(135deg,#fff9fb 0%,#f3fff8 100%)}
.subscription-card>div{display:grid;gap:7px}.subscription-kicker{font-size:11px;letter-spacing:.08em;color:var(--pink);font-weight:800}.subscription-card em{width:max-content;padding:6px 12px;border-radius:999px;background:#e8fbf1;color:#18875a;font-size:11px;font-style:normal;font-weight:800}.subscription-card strong{font-size:25px}.subscription-card p{margin:0;color:var(--muted);font-size:12px}.subscription-status{padding:7px 12px;border-radius:999px;background:#e8fbf1;color:#18875a;font-size:11px;font-weight:800}.subscription-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.subscription-details>div{padding:16px;border:1px solid #edf0f2;border-radius:15px}.subscription-details small,.subscription-details strong{display:block}.subscription-details small{color:var(--muted);font-size:10px;margin-bottom:7px}.subscription-details strong{font-size:12px}.subscription-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:18px;border:1px solid #edf0f2;border-radius:17px}.subscription-action strong{font-size:12px}.subscription-action p{margin:5px 0 0;color:var(--muted);font-size:10px}
@media(max-width:700px){.subscription-details{grid-template-columns:1fr}.subscription-card,.subscription-action{flex-direction:column}.subscription-action .button{width:100%}}
.pricing-switch{display:flex;gap:6px;margin:22px 0 14px}.pricing-switch button{border:1px solid #e2e7ea;border-radius:12px;background:#fff;padding:10px 16px;font:700 11px Poppins;color:#69737c;cursor:pointer}.pricing-switch button.active{border-color:#9bdfbd;background:#edfbf4;color:#187b51}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricing-grid[hidden],.addon-note[hidden]{display:none}.pricing-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;border:1px solid #e8ecef;border-radius:17px;background:#fff}.pricing-grid article.featured{border-color:#8bd5ae;background:linear-gradient(145deg,#fff,#f1fff8)}.pricing-grid span{font-size:11px;font-weight:800}.pricing-grid strong{font-size:20px}.pricing-grid p{min-height:42px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.pricing-grid .button{margin-top:auto;width:100%}.addon-note,.payment-setup-note{margin-top:14px;padding:14px;border-radius:13px;background:#f7f9fa;color:#5d6770;font-size:10px;line-height:1.6}.payment-setup-note{background:#fff8e9;color:#775d27}@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.pricing-grid{grid-template-columns:1fr}}

/* V101 — onaylanan sade Abonelik ve Paketler tasarımı */
html{overflow-y:scroll;scrollbar-gutter:stable}
body{min-height:100vh}
.settings-main{align-self:start;padding-top:26px;padding-bottom:54px}
.settings-topbar{position:relative;z-index:2;margin:0 0 22px;padding:0;background:transparent}
.settings-layout{align-items:start;gap:26px}
.settings-tabs{position:sticky;top:24px;width:230px;height:auto;min-height:0;max-height:none;padding:14px 12px;gap:5px;border-color:#edf0f2;border-radius:22px;box-shadow:0 12px 35px rgba(39,45,50,.045);grid-auto-rows:52px;align-content:start}
.settings-tabs button{height:52px;min-height:52px;max-height:52px;padding:0 16px;border-radius:13px;font-size:12px;transition:background .2s ease,color .2s ease,transform .2s ease}
.settings-tabs button:hover{transform:none}
.settings-tabs button.active{background:#fff0f5;color:#e93673}
.settings-panel{min-height:0;padding:30px;border-radius:24px}
.settings-panel.active{display:block}
.settings-heading{padding-bottom:18px;margin-bottom:20px}
.subscription-heading h2{font-size:25px;letter-spacing:-.025em}
.subscription-heading p{font-size:11px}
.subscription-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;padding:26px 28px;border:1px solid #f3dce4;border-radius:20px;background:linear-gradient(120deg,#fffafb 0%,#fff 48%,#f3fcf7 100%);box-shadow:none}
.subscription-card>div{display:block}
.subscription-kicker{display:block;margin-bottom:7px;color:#ef4279;font-size:9px;letter-spacing:.12em}
.current-plan-title{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.subscription-card .current-plan-title strong{font-size:22px;line-height:1.2;letter-spacing:-.025em}
.subscription-status{padding:5px 10px;background:#e8f8ef;color:#198557;font-size:9px}
.subscription-status.expired{background:#fff0f2;color:#c93852}
.subscription-card .current-plan-copy p{font-size:10px;line-height:1.55}
.plan-usage{display:grid!important;grid-template-columns:repeat(2,150px);gap:0}
.plan-usage>div{padding:2px 22px;border-left:1px solid #e7ece9}
.plan-usage strong,.plan-usage span{display:block}
.plan-usage strong{font-size:18px;line-height:1.2;color:#23282d}
.plan-usage span{margin-top:3px;color:#8b9297;font-size:9px}
.plan-usage i{display:block;width:100%;height:5px;margin-top:12px;overflow:hidden;border-radius:999px;background:#e8ecea}
.plan-usage i b{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef477e,#ff719e)}
.plan-usage i .days-bar{width:64%;background:linear-gradient(90deg,#20a66b,#62d19b)}
.pricing-switch{display:grid;grid-template-columns:1fr 1fr;width:340px;margin:20px auto 18px;padding:4px;border-radius:13px;background:#f1f3f4;gap:4px}
.pricing-switch button{border:0;padding:10px 18px;border-radius:10px;background:transparent;color:#737b81;font-size:10px;transition:.2s ease}
.pricing-switch button.active{border:0;background:linear-gradient(135deg,#ed3b75,#ff6696);color:#fff;box-shadow:0 5px 13px rgba(237,59,117,.2)}
#subscriptionNotice{display:block;min-height:0;margin:0 0 9px;text-align:center}
.main-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.main-pricing-grid article{position:relative;min-height:278px;padding:23px 22px 20px;gap:10px;border:1px solid #e9edef;border-radius:18px;box-shadow:0 8px 28px rgba(37,42,46,.035)}
.main-pricing-grid article.featured{border:1.5px solid #ee4c82;background:#fff;box-shadow:0 12px 32px rgba(238,76,130,.08)}
.recommended-badge{position:absolute;top:-11px;right:17px;padding:5px 11px;border-radius:999px;background:#ee447d;color:#fff!important;font-size:8px!important;letter-spacing:.02em}
.main-pricing-grid .plan-name{color:#23282d;font-size:12px;font-weight:700}
.plan-price{display:flex;align-items:baseline;gap:5px;margin:2px 0 5px}
.main-pricing-grid .plan-price strong{font-size:24px;letter-spacing:-.035em}
.plan-price small{color:#8d9499;font-size:9px}
.main-pricing-grid ul{display:grid;gap:8px;min-height:94px;margin:3px 0 5px;padding:0;list-style:none;color:#677078;font-size:9px;line-height:1.45}
.main-pricing-grid li:before{content:'✓';margin-right:8px;color:#20a469;font-weight:800}
.main-pricing-grid .button{min-height:39px;border-radius:11px;font-size:10px}
.current-plan-button{border:1px solid #e3e7e9;background:#f5f6f7;color:#949a9f}
.package-green-button{border:0;background:linear-gradient(135deg,#14945e,#2ebd7c);color:#fff;box-shadow:0 7px 18px rgba(27,161,103,.17)}
.package-outline-button{border:1px solid #cfd6d9;background:#fff;color:#475158}
.single-purchase-section{margin-top:17px;padding:18px 20px;border:1px solid #e9edef;border-radius:18px;background:#fff}
.single-purchase-section[hidden]{display:none}
.single-purchase-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.single-purchase-heading strong{font-size:12px}.single-purchase-heading span{color:#90979c;font-size:9px}
.single-purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.single-purchase-grid article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid #edf0f2;border-radius:13px;background:#fbfcfc}
.single-purchase-grid article>div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;row-gap:3px}
.single-purchase-grid strong{font-size:10px}.single-purchase-grid b{color:#1b9a63;font-size:11px}.single-purchase-grid span{grid-column:1/-1;color:#8b9297;font-size:8px}
.single-purchase-grid button{flex:0 0 auto;border:1px solid #cfd7d4;border-radius:9px;background:#fff;color:#27845e;padding:8px 10px;font:700 8px Poppins;cursor:pointer}
.addon-note{border:1px solid #e7eeea;background:#f7fbf9;color:#59655f}
.payment-setup-note{margin:11px 0 0;padding:10px 13px;border:1px solid #f2e4bd;background:#fffbef;font-size:8px}
@media(max-width:1150px){.subscription-card{grid-template-columns:1fr}.plan-usage{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.plan-usage>div:first-child{border-left:0;padding-left:0}.main-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-purchase-grid{grid-template-columns:1fr}}
@media(max-width:900px){.settings-main{padding-top:18px}.settings-tabs{position:static;width:100%;height:auto;min-height:0;grid-template-columns:repeat(5,minmax(145px,1fr));padding:9px;overflow-x:auto}.settings-tabs button{height:48px;min-height:48px;max-height:48px}.settings-panel{padding:24px}.main-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.settings-panel{padding:19px 15px}.subscription-card{padding:21px 18px}.plan-usage{grid-template-columns:1fr;gap:15px}.plan-usage>div{padding:0;border-left:0}.pricing-switch{width:100%}.main-pricing-grid{grid-template-columns:1fr}.main-pricing-grid article{min-height:0}.single-purchase-heading{align-items:flex-start;flex-direction:column;gap:4px}.single-purchase-grid article{align-items:flex-start}.subscription-heading h2{font-size:22px}}

/* V102 — sekmeler arası konum ve genişlik sabitleme */
.settings-layout{grid-template-columns:230px minmax(0,1fr);width:100%;min-height:calc(100vh - 185px)}
.settings-tabs{align-self:start;transform:none!important}
.settings-content{width:100%;min-width:0;min-height:calc(100vh - 185px)}
.settings-panel{width:100%;min-height:calc(100vh - 185px);margin:0}
.settings-panel[data-panel="subscription"]{min-height:calc(100vh - 185px)}
@media(max-width:900px){html{scrollbar-gutter:stable}.settings-layout,.settings-content,.settings-panel,.settings-panel[data-panel="subscription"]{min-height:0}.settings-layout{grid-template-columns:1fr}}