*{box-sizing:border-box}
:root{
  --bg:#f3f4f6;--surface:#fff;--surface-2:#f8fafc;--text:#111827;--muted:#6b7280;
  --line:#dfe3e8;--line-soft:#edf0f3;--primary:#111827;--primary-2:#374151;
  --green:#067647;--green-bg:#ecfdf3;--amber:#b54708;--amber-bg:#fffaeb;
  --red:#b42318;--red-bg:#fef3f2;--blue:#175cd3;--blue-bg:#eff8ff;
}
html{background:var(--bg)}
body{margin:0;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}
.shell{max-width:1280px;margin:0 auto;padding:0 24px}
.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topbar-inner{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:220px}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#111827;color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em}
.brand strong{display:block;font-size:14px}
.brand small{display:block;color:var(--muted);font-size:11px;margin-top:1px;font-weight:400}
.main-nav{display:flex;align-items:center;gap:4px;flex:1;height:100%}
.main-nav a{color:#4b5563;text-decoration:none;padding:9px 11px;border-radius:6px;font-weight:600;font-size:13px}
.main-nav a:hover{background:#f3f4f6;color:#111827}
.main-nav a.active{background:#eef0f3;color:#111827}
.user-menu{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.user-menu span{color:#374151;font-weight:600}
.user-menu a{color:#4b5563;text-decoration:none}
.page{padding-top:26px;padding-bottom:36px}
.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:26px 0 16px}
.page-heading h1{font-size:24px;line-height:1.2;margin:0 0 5px;font-weight:650;letter-spacing:-.02em}
.page-heading p{margin:0;color:var(--muted)}
.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.summary-strip>div{padding:16px 18px;border-right:1px solid var(--line)}
.summary-strip>div:last-child{border-right:0}
.summary-strip span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.summary-strip strong{font-size:18px;font-weight:650}
.panel{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:16px;overflow:hidden}
.panel-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line-soft)}
.panel-head h2{margin:0;font-size:14px;font-weight:650}
.panel-head span{font-size:12px;color:var(--muted)}
.product-picker{padding:16px 18px;background:#fbfcfd;border-bottom:1px solid var(--line-soft)}
.product-picker label{display:block;font-weight:600;font-size:12px;margin-bottom:7px}
.product-picker input{margin:0 0 8px}
.product-picker select{height:150px;margin:0;background:#fff}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.modern-grid{padding:18px}
label{display:block;font-size:12px;font-weight:600;color:#374151}
label>span{color:var(--muted);font-weight:400}
input,select{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #cfd5dc;border-radius:6px;padding:9px 10px;outline:none;margin-top:6px}
input:focus,select:focus{border-color:#6b7280;box-shadow:0 0 0 2px rgba(17,24,39,.06)}
.form-actions{display:flex;justify-content:flex-end;padding:0 18px 18px}
button,.btn-primary{border:0;background:#111827;color:#fff;border-radius:6px;padding:10px 16px;font-weight:650;cursor:pointer}
button:hover,.btn-primary:hover{background:#1f2937}
.result-bar{display:grid;grid-template-columns:1.35fr repeat(3,1fr);background:#111827;color:#fff;border-radius:8px;margin:16px 0;overflow:hidden}
.result-bar>div{padding:18px;border-right:1px solid rgba(255,255,255,.12)}
.result-bar>div:last-child{border-right:0}
.result-bar span{display:block;color:#cbd5e1;font-size:12px;margin-bottom:5px}
.result-bar strong{font-size:20px;font-weight:650}
.result-main{position:relative}
.profit-status{display:inline-flex;margin-left:10px;padding:4px 8px;border-radius:999px;font-size:11px;font-style:normal;font-weight:700;vertical-align:3px}
.durum-zarar{background:#fee4e2;color:#b42318}.durum-dusuk{background:#fef0c7;color:#b54708}.durum-orta{background:#d1e9ff;color:#175cd3}.durum-iyi{background:#d1fadf;color:#067647}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.metric-list>div{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line-soft)}
.metric-list>div:last-child{border-bottom:0}
.metric-list span{color:var(--muted)}
.metric-list strong{font-size:16px}
.payout-check{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.payout-check>div{padding:18px;border-right:1px solid var(--line-soft)}
.payout-check>div:last-child{border-right:0}
.payout-check span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.payout-check strong{font-size:16px}
.payout-check small{font-size:11px;color:var(--muted)}
.empty-state{padding:24px 18px;color:var(--muted)}
.table-wrap{overflow:auto}
.modern-table,table{width:100%;border-collapse:collapse}
.modern-table th,.modern-table td,th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line-soft);font-size:12px;white-space:nowrap}
.modern-table th,th{background:#fafbfc;color:#667085;font-weight:650}
.modern-table tbody tr:last-child td,tbody tr:last-child td{border-bottom:0}
.current-row td{background:#f8fafc;font-weight:650}
.alert{padding:11px 13px;border-radius:6px;margin-bottom:14px;border:1px solid}
.alert-danger{background:var(--red-bg);border-color:#fecdca;color:var(--red)}
.uyari{padding:11px 13px;border-radius:6px;margin:12px 0}.hata{background:var(--red-bg);border:1px solid #fecdca}.basari-bg{background:var(--green-bg);border:1px solid #abefc6}
.buton-duzenle,.buton-ikincil{display:inline-block;text-decoration:none;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:650}
.buton-duzenle{background:#eef0f3;color:#111827}.buton-ikincil{background:#eef0f3;color:#111827;margin-left:6px}
.buton-sil{background:#b42318;padding:7px 10px;font-size:12px}
.kart{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:16px}
.kart h1,.kart h2{margin-top:0}
.dar{max-width:620px}
.aciklama{color:var(--muted)}
.site-footer{display:flex;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:26px;color:var(--muted);border-top:1px solid var(--line);font-size:11px}
.giris-sayfa{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.giris-karti{width:100%;max-width:410px}
.giris-karti button{width:100%}
@media(max-width:980px){
  .topbar{height:auto}.topbar-inner{padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.brand{min-width:0}.main-nav{order:3;width:100%;overflow:auto}.user-menu{margin-left:auto}
  .summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip>div:nth-child(2){border-right:0}
  .form-grid{grid-template-columns:repeat(2,1fr)}.result-bar{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}
}
@media(max-width:640px){
  .shell{padding-left:14px;padding-right:14px}.summary-strip,.form-grid,.result-bar{grid-template-columns:1fr}
  .summary-strip>div,.result-bar>div{border-right:0;border-bottom:1px solid var(--line)}.summary-strip>div:last-child,.result-bar>div:last-child{border-bottom:0}
  .main-nav a{white-space:nowrap}.panel-head{align-items:flex-start;flex-direction:column}.payout-check{grid-template-columns:1fr}
  .payout-check>div{border-right:0;border-bottom:1px solid var(--line-soft)}.payout-check>div:last-child{border-bottom:0}
  .site-footer{flex-direction:column}
}

/* V2.2 renk ve kullanım iyileştirmeleri */
:root{
  --purple:#6941c6;--purple-bg:#f4f3ff;
  --cyan:#026aa2;--cyan-bg:#f0f9ff;
  --teal:#0e9384;--teal-bg:#f0fdf9;
}
.topbar{background:linear-gradient(90deg,#ffffff 0%,#fbfcff 65%,#f8fafc 100%)}
.brand-mark{background:linear-gradient(135deg,#344054,#101828)}
.main-nav a.active{background:#eef4ff;color:#1849a9}
.summary-strip>div:nth-child(1){box-shadow:inset 0 3px 0 #175cd3}
.summary-strip>div:nth-child(2){box-shadow:inset 0 3px 0 #6941c6}
.summary-strip>div:nth-child(3){box-shadow:inset 0 3px 0 #0e9384}
.summary-strip>div:nth-child(4){box-shadow:inset 0 3px 0 #b54708}
.summary-strip>div:nth-child(1) strong{color:#175cd3}
.summary-strip>div:nth-child(2) strong{color:#6941c6}
.summary-strip>div:nth-child(3) strong{color:#067647}
.summary-strip>div:nth-child(4) strong{color:#b54708}

.panel{box-shadow:0 1px 2px rgba(16,24,40,.03)}
.panel-head{background:linear-gradient(180deg,#fff,#fcfcfd)}
.product-picker{background:linear-gradient(180deg,#f9fbff,#fbfcfd)}
.product-picker input:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(47,128,237,.10)}

.result-bar{
  background:linear-gradient(100deg,#101828 0%,#1d2939 58%,#344054 100%);
  box-shadow:0 8px 22px rgba(16,24,40,.12)
}
.result-bar>div:nth-child(2) strong{color:#d1fadf}
.result-bar>div:nth-child(3) strong{color:#d1e9ff}
.result-bar>div:nth-child(4) strong{color:#fef0c7}

.threshold-note{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:7px;margin:0 0 16px;border:1px solid}
.threshold-note strong{white-space:nowrap}
.threshold-note span{color:#475467}
.esik-uyari{background:#fffaeb;border-color:#fedf89}
.esik-uyari strong{color:#b54708}
.esik-bilgi{background:#eff8ff;border-color:#b2ddff}
.esik-bilgi strong{color:#175cd3}

.payout-status{margin:0}
.payout-status-head{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}
.payout-status-head strong{display:block;font-size:14px;margin-bottom:3px}
.payout-status-head span{font-size:12px;color:#475467}
.hakedis-dogrulandi{background:#ecfdf3}
.hakedis-dogrulandi .payout-status-head strong{color:#067647}
.hakedis-kucuk-fark{background:#fffaeb}
.hakedis-kucuk-fark .payout-status-head strong{color:#b54708}
.hakedis-uyusmuyor{background:#fef3f2}
.hakedis-uyusmuyor .payout-status-head strong{color:#b42318}
.payout-check{background:rgba(255,255,255,.55)}
.empty-state strong{display:block;color:#344054;margin-bottom:4px}
.empty-state span{display:block}

.copy-summary{
  margin-left:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);
  color:#fff;padding:5px 8px;border-radius:5px;font-size:11px;vertical-align:3px
}
.copy-summary:hover{background:rgba(255,255,255,.18)}

.field-help{display:block;margin-top:5px;color:#667085;font-weight:400;font-size:11px;line-height:1.35}

.current-row td{background:#eff8ff}
.current-row td:first-child{box-shadow:inset 3px 0 0 #2e90fa}
.metric-list>div:nth-child(1) strong{color:#175cd3}
.metric-list>div:nth-child(2) strong{color:#067647}
.metric-list>div:nth-child(3) strong{color:#6941c6}

.btn-primary{background:linear-gradient(180deg,#175cd3,#1849a9);box-shadow:0 1px 2px rgba(16,24,40,.12)}
.btn-primary:hover{background:#1849a9}

/* V3.0 ürün yönetimi, yetkiler ve mobil */
.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btn-secondary,.btn-mini{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:6px;font-weight:650}
.btn-secondary{padding:9px 12px;font-size:12px}.btn-secondary:hover,.btn-mini:hover{background:#f9fafb}
.btn-mini{padding:6px 8px;font-size:11px}
.alert-success{background:#ecfdf3;border-color:#abefc6;color:#067647}
.search-row{padding:14px 18px;border-bottom:1px solid var(--line-soft);background:#fcfcfd}
.search-row form{display:flex;gap:8px;max-width:720px}.search-row input{margin:0;flex:1}
.products-table td small{display:block;color:#667085;margin-top:3px}
.actions-cell{display:flex;gap:5px}
.profit-chip{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}
.loss-row td{background:#fff7f6}.loss-row td:first-child{box-shadow:inset 3px 0 0 #f04438}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 18px}
.permission-item{display:flex;gap:9px;align-items:flex-start;border:1px solid #e4e7ec;border-radius:7px;padding:10px;background:#fcfcfd}
.permission-item input{width:auto;margin:2px 0 0}.permission-item span{font-size:12px;color:#344054}
.upload-box{margin:18px;border:1px dashed #98a2b3;border-radius:8px;padding:24px;background:#fcfcfd}
.upload-box input{margin:0}.upload-box p{margin:8px 0 0;color:#667085;font-size:12px}
.import-summary{margin-bottom:16px}

@media(max-width:900px){
  .history-grid{grid-template-columns:1fr}
  .toolbar{width:100%;justify-content:flex-start;margin-top:10px}
  .page-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .topbar-inner{gap:10px}.user-menu{font-size:11px}.main-nav{padding-bottom:2px}
  .page{padding-top:16px}.page-heading{margin:16px 0 12px}.page-heading h1{font-size:21px}
  .permissions-grid{grid-template-columns:1fr}
  .search-row form{display:grid;grid-template-columns:1fr 1fr}.search-row input{grid-column:1/-1}
  .products-table thead{display:none}
  .products-table,.products-table tbody,.products-table tr,.products-table td{display:block;width:100%}
  .products-table tr{border-bottom:1px solid #d0d5dd;padding:10px 12px}
  .products-table td{border:0;padding:6px 0;white-space:normal;display:grid;grid-template-columns:110px 1fr;gap:10px}
  .products-table td::before{content:attr(data-label);color:#667085;font-size:11px;font-weight:600}
  .products-table td:first-child{box-shadow:none}
  .actions-cell{display:flex!important;grid-template-columns:none!important;padding-top:10px!important}
  .actions-cell::before{display:none}
  .loss-row{border-left:3px solid #f04438}
}

/* V4.0 çoklu pazaryeri */
.marketplace-switch{display:flex;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line-soft);background:#fbfcfd}
.marketplace-switch label{display:flex;align-items:center;gap:8px;border:1px solid #d0d5dd;background:#fff;padding:9px 13px;border-radius:7px;cursor:pointer}
.marketplace-switch label.selected{border-color:#84adff;background:#eff8ff;color:#175cd3}
.marketplace-switch input{width:auto;margin:0}
.marketplace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.marketplace-card:nth-child(1){border-top:3px solid #f27a1a}
.marketplace-card:nth-child(2){border-top:3px solid #ff6000}
@media(max-width:800px){.marketplace-grid{grid-template-columns:1fr}.marketplace-switch{flex-wrap:wrap}}

/* V4.1 */
.dashboard-filter{display:flex;gap:6px;margin:0 0 12px}
.dashboard-filter a{display:inline-flex;text-decoration:none;padding:7px 11px;border-radius:6px;border:1px solid #d0d5dd;background:#fff;color:#475467;font-size:12px;font-weight:650}
.dashboard-filter a.active{background:#101828;color:#fff;border-color:#101828}

.market-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 18px 18px}
.market-entry{border:1px solid #e4e7ec;border-radius:8px;overflow:hidden;background:#fff}
.trendyol-entry{border-top:3px solid #f27a1a}
.hepsiburada-entry{border-top:3px solid #ff6000}
.market-entry-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #eef0f2;background:#fcfcfd}
.market-entry-head strong{display:block;font-size:14px}.market-entry-head>div span{display:block;color:#667085;font-size:11px;margin-top:2px}
.market-entry-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}
.switch-label{display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;margin:0!important}
.switch-label input{width:auto!important;margin:0!important}

.market-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:700}
.market-status.passive{background:#f2f4f7;color:#667085}
.market-status.warning{background:#fffaeb;color:#b54708}
.market-cell strong{display:block}.market-cell span,.market-cell em{display:block;font-size:10px;color:#667085;margin-top:2px;font-style:normal}
.market-cell em{color:#067647;font-weight:650}

.winner-badge{display:inline-flex;flex-direction:column;align-items:flex-start;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:700}
.winner-badge small{font-size:9px;margin-top:2px}
.winner-trendyol{background:#fff4e8;color:#b54708}
.winner-hepsiburada{background:#fff0e6;color:#c4320a}

.inline-data-warning{margin-top:8px;padding:8px 10px;border-radius:6px;background:#fffaeb;border:1px solid #fedf89;color:#b54708;font-size:11px}
.history-filter{padding:14px 18px;border-bottom:1px solid var(--line-soft)}
.history-filter form{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:8px;align-items:center}
.history-filter input,.history-filter select{margin:0}
.market-history-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:700}
.market-history-badge.trendyol{background:#fff4e8;color:#b54708}
.market-history-badge.hepsiburada{background:#fff0e6;color:#c4320a}

@media(max-width:900px){
  .market-entry-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .market-entry-fields{grid-template-columns:1fr}
  .history-filter form{grid-template-columns:1fr 1fr}
  .history-filter input{grid-column:1/-1}
}

/* V4.2 - sonuç ekranı geri kazanımları */
.result-main .copy-summary{margin-top:7px}
.metric-list>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f2}
.metric-list>div:last-child{border-bottom:0}
.metric-list span{color:#667085;font-size:12px}.metric-list strong{font-size:15px;color:#101828}
.current-row{background:#f8fafc}
.empty-state{padding:18px;color:#667085}.empty-state strong,.empty-state span{display:block}.empty-state span{font-size:11px;margin-top:4px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:820px){.two-col{grid-template-columns:1fr}}

/* V4.3 - Diğer giderler */
.other-expense-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 18px;border-top:1px solid #eef0f2}
.other-expense-summary>div{background:#f9fafb;border:1px solid #eaecf0;border-radius:8px;padding:11px}
.other-expense-summary span,.other-expense-summary strong{display:block}
.other-expense-summary span{font-size:10px;color:#667085;margin-bottom:4px}
.other-expense-summary strong{font-size:14px;color:#101828}
.other-expense-summary .final{background:#ecfdf3;border-color:#abefc6}
.other-expense-summary .final strong{color:#067647}
.wide-field{grid-column:span 2}
.info-card{margin-top:14px;padding:14px 16px;background:#eff8ff;border:1px solid #b2ddff;border-radius:8px;color:#175cd3}
.info-card strong,.info-card span{display:block}.info-card span{margin-top:4px;font-size:11px}
@media(max-width:720px){.other-expense-summary{grid-template-columns:1fr}.wide-field{grid-column:auto}}