:root{--ref-navy:#062850;--ref-navy-deep:#032140;--ref-red:#e3222b;--ref-blue:#175cd3;--ref-green:#0aa85f;--ref-amber:#e69b16;--ref-bg:#f7f9fc;--ref-line:#dce2ea;--ref-text:#0b1733;--ref-muted:#657086}
#app{background:var(--ref-bg);min-height:100vh}
#app aside{width:264px;padding:26px 14px 20px;background:linear-gradient(180deg,var(--ref-navy-deep),#052d59);border:0;color:#fff;box-shadow:none;overflow:hidden}
.sidebar-brand{margin:0 14px 20px;color:#fff;font-size:31px;font-weight:350;line-height:.88}.sidebar-brand span{display:block;width:max-content;margin-top:9px;padding-left:45px;font-size:17px;font-weight:400;letter-spacing:1.5px;position:relative}.sidebar-brand span::before{content:"";position:absolute;left:0;top:50%;width:36px;height:2px;background:var(--ref-red)}
.sidebar-product{padding:0 14px 28px;font-size:13px;font-weight:600;color:#d9e5f4}
#app nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}#app nav::-webkit-scrollbar{width:5px}#app nav::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:6px}#app nav button{position:relative;gap:14px;height:52px;margin:4px 0;padding:0 16px;border-radius:5px;color:#fff;font-size:14px;font-weight:650;transform:none}
#app nav button:before,#app nav button:after{display:none}
#app nav button:hover,#app nav button.active{background:#ffffff16;color:#fff;transform:none}
#app nav button.active{background:#ffffff1c}
#app nav button.active::before{display:block;content:"";position:absolute;left:0;top:0;width:3px;height:100%;border:0;border-radius:0;background:var(--ref-red);transform:none}
.nav-svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#app .sidebar-trust{display:none}
.sidebar-user{margin-top:8px;border-top:1px solid #ffffff22;padding:17px 8px 14px;display:flex;align-items:center;gap:11px;flex:0 0 auto}
.sidebar-user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffff18;font-size:17px;font-weight:750}
.sidebar-user-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.sidebar-user-copy b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy span{font-size:11px;color:#c7d6e8}
#app .logout{margin:0;padding:13px 14px;border:0;border-top:1px solid #ffffff22;border-radius:0;background:transparent;color:#fff;text-align:left;font-weight:650;display:flex;align-items:center;gap:13px;flex:0 0 auto}
#app main{margin-left:264px;background:#fff;min-height:100vh}
#app header{height:102px;padding:0 34px;background:#fff;border:0;position:relative;backdrop-filter:none}
#app header h1{font-size:27px;letter-spacing:0;color:var(--ref-text)}#app header p{font-size:14px;color:var(--ref-muted);margin-top:5px}
#app .approval-badge,#app header>.avatar{display:none}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.period-select{height:45px;border:1px solid #ccd3dd;border-radius:5px;background:#fff;padding:0 15px;color:#172238;font-size:13px}.notification-btn{position:relative;border:0;background:transparent;padding:8px;color:#111b30}.notification-dot{position:absolute;right:2px;top:0;width:18px;height:18px;border-radius:50%;background:var(--ref-red);color:#fff;font-size:10px;display:grid;place-items:center}
#app #content{padding:0 34px 30px;max-width:none;background:#fff}
.partner-dashboard{display:flex;flex-direction:column;gap:14px}.partner-actionbar{display:grid;grid-template-columns:290px minmax(360px,1fr) 205px;align-items:center;min-height:116px;border:1px solid var(--ref-line);border-radius:5px;padding:18px 24px;background:#fff}.action-segment{min-width:0}.action-segment+.action-segment{border-left:1px solid var(--ref-line);padding-left:34px}.action-label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.coupon-row,.link-row{display:flex;align-items:center;gap:12px}.coupon-code{border:1px dashed #ff8c91;color:var(--ref-red);padding:5px 16px;font-size:23px;font-weight:750;letter-spacing:.5px;min-width:130px;text-align:center}.copy-control{height:38px;border:1px solid #bfc7d2;border-radius:5px;background:#fff;color:#15213a;padding:0 13px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;cursor:pointer}.link-value{height:38px;min-width:0;flex:1;border:1px solid #cfd5de;border-radius:5px;padding:0 12px;background:#fff;color:#364159;font-size:12px;text-overflow:ellipsis}.create-link{height:46px;border:0;border-radius:4px;background:var(--ref-red);color:#fff;padding:0 20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.ref-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.ref-metric{min-height:128px;border:1px solid var(--ref-line);border-radius:5px;padding:17px 15px;background:#fff}.metric-head{display:flex;align-items:center;gap:12px}.metric-symbol{width:42px;height:42px;border-radius:6px;display:grid;place-items:center}.metric-symbol.blue{background:#e7f0ff;color:#1d5db7}.metric-symbol.green{background:#def6e8;color:#078949}.metric-symbol.amber{background:#fff0c8;color:#c57a00}.metric-symbol.violet{background:#eeedff;color:#3c4db5}.metric-copy small{display:block;color:#172238;font-size:11px;font-weight:700}.metric-copy strong{display:block;color:var(--ref-text);font-size:23px;line-height:1.2;margin-top:6px}.metric-change{margin-top:17px;color:#657086;font-size:11px}.metric-change b{color:var(--ref-green);margin-left:8px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:16px}.ref-panel{border:1px solid var(--ref-line);border-radius:5px;background:#fff;padding:16px}.ref-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ref-panel h2{font-size:15px;margin:0;color:var(--ref-text)}.chart-legend{display:flex;gap:24px;margin:10px 0 2px;font-size:11px}.legend-key{display:flex;align-items:center;gap:7px}.legend-key::before{content:"";width:24px;border-top:2px solid currentColor}.legend-key.blue{color:#1769e0}.legend-key.green{color:#08a957}.performance-chart{width:100%;height:200px;display:block}.chart-grid{stroke:#dce2ea;stroke-width:1;stroke-dasharray:3 3}.chart-blue{fill:none;stroke:#1769e0;stroke-width:2.3}.chart-green{fill:none;stroke:#08a957;stroke-width:2.3}.chart-dot-blue{fill:#fff;stroke:#1769e0;stroke-width:1.5}.chart-dot-green{fill:#fff;stroke:#08a957;stroke-width:1.5}.axis-label{font-size:10px;fill:#657086}.commission-list{display:flex;flex-direction:column}.commission-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--ref-line)}.commission-status-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.commission-status-icon.pending{background:#ffe7e7;color:#dd272d}.commission-status-icon.approved,.commission-status-icon.paid{background:#def6e8;color:#079d54}.commission-label b{display:block;font-size:12px}.commission-label small{font-size:10px;color:var(--ref-muted)}.commission-amount{font-size:17px;font-weight:750}.commission-row.pending .commission-amount{color:var(--ref-red)}.commission-row.approved .commission-amount,.commission-row.paid .commission-amount{color:var(--ref-green)}.commission-total{display:flex;justify-content:space-between;padding-top:11px;font-size:12px}.commission-total strong{font-size:17px}
.recent-sales{padding:0;overflow:hidden}.recent-head{padding:13px 16px 10px}.recent-link{border:0;background:none;color:#075fe0;font-size:11px;cursor:pointer}.recent-sales .table-wrap{border:0;border-radius:0;overflow:auto}.recent-sales table{min-width:760px}.recent-sales th{font-size:10px;text-transform:none;letter-spacing:0;background:#fbfcfe;padding:8px 16px}.recent-sales td{font-size:11px;padding:8px 16px}.status-pill{display:inline-block;border-radius:4px;padding:4px 8px;font-size:10px;border:1px solid}.status-pill.pending{color:#d98500;background:#fff8e7;border-color:#ecd9b4}.status-pill.approved,.status-pill.paid{color:#078849;background:#eaf8f0;border-color:#bddfca}.status-pill.cancelled{color:#c72b35;background:#fff0f1;border-color:#efc6c9}
.mobile-overlay{display:none}
.setup-reminder{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:15px 17px;border:1px solid #f1b8bb;border-left:4px solid var(--ref-red);border-radius:5px;background:#fff4f4;color:var(--ref-text)}.setup-reminder div{display:flex;flex-direction:column;gap:4px}.setup-reminder strong{font-size:13px}.setup-reminder span{font-size:11px;color:var(--ref-muted)}.setup-reminder button{flex:0 0 auto;border:0;border-radius:5px;background:var(--ref-red);color:#fff;padding:10px 14px;font-size:11px;font-weight:750;cursor:pointer}#app nav button[data-page="setup"]{background:#e3222b;color:#fff}#app nav button[data-page="setup"]::after{display:block;content:"!";margin-left:auto;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--ref-red);font-size:11px;font-weight:900;text-align:center;line-height:20px}
.application-status-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f7fb}.application-status-card{width:min(560px,100%);padding:42px;border:1px solid var(--ref-line);border-radius:8px;background:#fff;box-shadow:0 24px 70px #08264d18;text-align:center}.status-brand{font-size:25px;font-weight:750;color:var(--ref-navy);margin-bottom:34px}.status-brand span{color:var(--ref-red)}.status-live{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:4px;background:#edf8f2;color:#087946;font-size:9px;font-weight:850;letter-spacing:1.2px}.status-live i{width:8px;height:8px;border-radius:50%;background:#0aab60;box-shadow:0 0 0 0 #0aab6066;animation:statusPulse 1.7s infinite}.status-visual{width:76px;height:76px;margin:28px auto 20px;border-radius:50%;display:grid;place-items:center;background:#fff5da;color:#bf7b00;font-size:32px;font-weight:800}.status-spinner{width:28px;height:28px;border:3px solid #efd99a;border-top-color:#bf7b00;border-radius:50%;animation:statusSpin .9s linear infinite}.application-status-card h1{font-size:25px;line-height:1.25;color:var(--ref-text);margin:0 0 12px}.application-status-card p{max-width:430px;margin:0 auto;color:var(--ref-muted);font-size:13px;line-height:1.65}.status-progress{height:5px;margin:28px 0 16px;border-radius:5px;background:#edf0f4;overflow:hidden}.status-progress span{display:block;width:34%;height:100%;border-radius:5px;background:var(--ref-red);animation:statusScan 1.8s ease-in-out infinite}.application-status-card>small{display:block;color:#8791a3;font-size:10px}.application-status-card>button{margin-top:24px;border:1px solid var(--ref-line);border-radius:5px;background:#fff;padding:10px 14px;color:var(--ref-text);font-size:11px;cursor:pointer}.application-status-page.approved .status-live{background:#e8f8ef;color:#078849}.application-status-page.approved .status-visual{background:#dff7e9;color:#079652}.application-status-page.approved .status-progress span{width:100%;animation:none;background:#0aaa5d}.application-status-page.rejected .status-visual{background:#fff0f1;color:var(--ref-red)}@keyframes statusSpin{to{transform:rotate(360deg)}}@keyframes statusPulse{70%{box-shadow:0 0 0 9px #0aab6000}}@keyframes statusScan{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
.legacy-summary{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:14px;margin-bottom:18px}.legacy-summary article{border:1px solid var(--ref-line);border-radius:5px;background:#fff;padding:18px}.legacy-summary small{display:block;color:var(--ref-muted);font-size:11px}.legacy-summary strong{display:block;font-size:24px;margin-top:8px}.modal-form textarea{width:100%;min-height:110px;margin-top:7px;padding:12px;border:1px solid var(--ref-line);border-radius:6px;font:inherit;resize:vertical}.check-field{font-size:12px;font-weight:650}.content-list{display:grid;gap:12px}.content-item{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--ref-line);border-radius:5px;background:#fff;padding:20px}.content-item.important{border-left:4px solid var(--ref-red)}.content-type{font-size:9px;font-weight:800;letter-spacing:1px;color:var(--ref-red)}.content-item h3,.resource-card h3{font-size:15px;margin:7px 0}.content-item p,.resource-card p{font-size:12px;line-height:1.6;color:var(--ref-muted);margin:0 0 8px}.content-item small,.resource-card small{font-size:10px;color:var(--ref-muted)}.item-actions{display:flex;align-items:center;gap:7px}.item-actions button{border:1px solid var(--ref-line);border-radius:5px;background:#fff;padding:7px 10px;font-size:11px;cursor:pointer}.item-actions .danger{color:var(--ref-red);border-color:#efc8cb}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resource-card{position:relative;display:grid;grid-template-columns:42px 1fr;gap:13px;border:1px solid var(--ref-line);border-radius:5px;background:#fff;padding:18px}.resource-card .item-actions{grid-column:1/-1}.resource-icon{width:42px;height:42px;border-radius:6px;background:#e8f0ff;color:#175cd3;display:grid;place-items:center}.resource-card a{font-size:11px;font-weight:700;color:#075fe0}.profile-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px}.profile-main{padding:24px}.profile-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--ref-line)}.profile-heading .sidebar-user-avatar{background:var(--ref-navy);color:#fff}.profile-heading h2{margin:0 0 5px}.profile-heading p{margin:0;color:var(--ref-muted);font-size:12px}.profile-note{border:1px solid var(--ref-line);border-radius:5px;background:#f8fbff;padding:22px}.profile-note h3{font-size:13px;margin:0 0 7px}.profile-note h3:not(:first-child){margin-top:24px}.profile-note p{font-size:12px;color:var(--ref-muted);line-height:1.6;margin:0}
@media(max-width:1180px){.partner-actionbar{grid-template-columns:255px 1fr}.partner-actionbar>.action-segment:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--ref-line);padding:16px 0 0;margin-top:16px}.ref-metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:900px){#app>aside{z-index:50;transform:translateX(-100%);transition:transform .2s}#app>aside.open{transform:none}#app main{margin-left:0}#app header{height:84px;padding:0 18px;position:sticky;top:0;border-bottom:1px solid var(--ref-line)}#app #menu{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ref-line);border-radius:5px;font-size:0}#app #menu::after{content:"☰";font-size:21px}.header-actions{gap:7px}.notification-btn{display:none}.period-select{max-width:156px;padding:0 8px;font-size:11px}#app #content{padding:16px 18px 24px}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#07152b88;z-index:40}.partner-actionbar{grid-template-columns:1fr;padding:17px}.action-segment+.action-segment{border-left:0;border-top:1px solid var(--ref-line);padding:15px 0 0;margin-top:15px}.partner-actionbar>.action-segment:last-child{grid-column:auto}.ref-metrics{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.ref-metric{min-width:210px;scroll-snap-align:start}.dashboard-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,1fr)}.profile-layout{grid-template-columns:1fr}}
@media(max-width:560px){#app header h1{font-size:20px}#app header p{font-size:11px}.period-select{display:none}.partner-actionbar{min-height:0}.coupon-row,.link-row{align-items:stretch}.coupon-row{flex-wrap:wrap}.link-row{display:grid;grid-template-columns:1fr auto}.link-value{width:100%}.create-link{width:100%}.ref-panel{padding:13px}.performance-chart{height:185px}.recent-sales table,.recent-sales thead{display:block;min-width:0}.recent-sales thead{display:none}.recent-sales tbody{display:grid}.recent-sales tr{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px 14px;border-bottom:1px solid var(--ref-line)}.recent-sales td{display:block;padding:0;border:0;font-size:11px}.recent-sales td:nth-child(2),.recent-sales td:nth-child(3){color:var(--ref-muted)}.recent-sales td:nth-child(4),.recent-sales td:nth-child(6){text-align:right}.recent-sales td:nth-child(5){grid-column:1/-1}.commission-row{grid-template-columns:38px 1fr auto}.commission-status-icon{width:34px;height:34px}.legacy-summary{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr}.content-item{flex-direction:column}.item-actions{flex-wrap:wrap}}
@media(max-width:560px){.partner-dashboard{gap:12px}.ref-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}.ref-metric{min-width:0;min-height:132px;padding:15px 13px;border-radius:6px;box-shadow:0 5px 16px #08264d0b}.ref-metric:last-child{grid-column:1/-1;min-height:112px}.metric-head{align-items:flex-start;gap:10px}.metric-symbol{width:44px;height:44px;flex:0 0 44px}.metric-symbol .nav-svg{width:26px;height:26px}.metric-copy{min-width:0}.metric-copy small{font-size:10px;line-height:1.3;min-height:26px}.metric-copy strong{font-size:21px;line-height:1.15;overflow-wrap:anywhere}.metric-change{margin-top:16px;font-size:10px;display:flex;flex-wrap:wrap;gap:3px}.metric-change b{margin-left:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.metrics .metric{min-height:116px;padding:16px}.metrics .metric strong{font-size:22px}.metrics .metric:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:560px){.setup-reminder{align-items:stretch;flex-direction:column}.setup-reminder button{width:100%}}
@media(max-width:560px){.application-status-page{padding:14px}.application-status-card{padding:32px 20px}.application-status-card h1{font-size:22px}.status-brand{margin-bottom:28px}}

/* [03.08.2026] .item-actions button{background:#fff} kuralı .primary'nin degradesini eziyor,
   .primary'nin color:#fff'i kalınca yazı BEYAZ ZEMİNDE BEYAZ oluyordu (Kaydet butonu boş görünüyordu). */
.item-actions .primary,.item-actions button.primary{
  background:linear-gradient(135deg,#3d5bd9,#243da5);border:0;color:#fff;font-weight:700;
  padding:9px 18px;border-radius:8px;font-size:12px}
.item-actions .primary:hover{filter:brightness(1.06)}
.item-actions .primary:disabled{opacity:.6;cursor:default}