:root{
  --bg:#f3f7fb;
  --panel:#ffffff;
  --panel-soft:#f8fbff;
  --ink:#142235;
  --muted:#6d7b8e;
  --line:#dde6f0;
  --line-strong:#c8d5e3;
  --accent:#2bb889;
  --accent-2:#4d6cff;
  --accent-3:#8c63ff;
  --warning:#ffb34d;
  --danger:#d9566a;
  --success:#16996c;
  --shadow:0 14px 38px rgba(26, 45, 72, .08);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,"Noto Sans Hebrew",sans-serif;color:var(--ink);background:#fff;line-height:1.45}
body.app-bg{background:linear-gradient(180deg,#f7fbff 0%,#f3f7fb 100%)}
a{color:inherit}
code{background:#f4f7fb;border:1px solid #e5edf5;padding:6px 9px;border-radius:10px;direction:ltr;display:inline-block;max-width:100%;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
small{display:block}
.muted{color:#94a3b8}

.topbar{height:74px;background:#0f1b29;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:sticky;top:0;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.topbar div{display:flex;gap:14px;align-items:center}
.topbar strong{font-size:18px}
.topbar span{font-size:13px;color:#c7d4df}
.link{text-decoration:none}
.link:hover{text-decoration:underline}
.container{width:min(1500px,94vw);margin:26px auto 60px}
.dashboard-shell{display:grid;gap:18px}
.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.hero h1{margin:6px 0 8px;font-size:32px;line-height:1.1}
.hero p,.panel-head p{margin:0;color:var(--muted)}
.hero-card{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);border:1px solid var(--line);border-radius:24px;padding:22px 24px;box-shadow:var(--shadow)}
.hero-affiliate .filters{margin-top:0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eaf2ff;color:#3158d7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

.filters,.form-grid{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.filters label,.form-grid label{display:grid;gap:6px;color:#617386;font-size:13px;min-width:180px;flex:1}
.filters-card{background:#fff;padding:12px;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 20px rgba(38,58,86,.05)}
.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.login-card input{
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  padding:11px 13px;
  min-height:44px;
  font:inherit;
  color:var(--ink);
  outline:none;
  transition:border-color .18s,box-shadow .18s,background-color .18s;
}
.form-grid textarea{resize:vertical;min-height:92px}
.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus{border-color:#8cb0ff;box-shadow:0 0 0 4px rgba(77,108,255,.12)}
label.check{display:flex;align-items:center;gap:10px;min-width:220px;padding:11px 0;font-weight:600}
label.check input{min-height:0}
.form-grid small{display:block;margin-top:2px;color:#6f8092;font-size:11px;line-height:1.5}

.kpis{display:grid;gap:16px}
.admin-kpis-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.admin-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpis article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);min-width:0;position:relative;overflow:hidden}
.kpis article::after{content:"";position:absolute;top:0;inset-inline-end:0;width:64px;height:64px;background:radial-gradient(circle at center,rgba(77,108,255,.10),transparent 70%)}
.kpis small{color:var(--muted);margin-bottom:8px;font-size:13px}
.kpis strong{font-size:30px;line-height:1.1;display:block;margin-bottom:6px}
.kpis span{color:#7b8ba0;font-size:12px}

.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);scroll-margin-top:94px}
.compact-panel{padding:18px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.panel-head.compact{margin-bottom:12px}
.panel h2{margin:0;font-size:22px}
.panel-head p{margin-top:6px;font-size:13px;line-height:1.7}
.overview-grid,.affiliate-summary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,.95fr);gap:18px;align-items:start}
.dashboard-main,.dashboard-side{display:grid;gap:18px}
.side-panel .panel-head h2{font-size:20px}

.metric-list{display:grid;gap:10px}
.metric-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:14px;background:#f8fbff;border:1px solid #e3ebf5}
.metric-list span{color:#65758a;font-size:13px}
.metric-list strong{font-size:19px}
.stack-list{display:grid;gap:10px}
.stack-card{display:grid;gap:5px;padding:12px;border-radius:14px;background:#f8fbff;border:1px solid #e3ebf5}
.stack-card b{font-size:14px}
.stack-card span{font-size:12px;color:#69788c}
.share-link-box{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.coupon-inline-list{display:grid;gap:10px}
.coupon-chip{display:grid;gap:3px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#f8f5ff,#ffffff);border:1px solid #e9e3ff}
.coupon-chip b{color:#5a42cc}
.coupon-chip span{font-size:12px;color:#6f6b88}

.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tabs-sticky{position:sticky;top:86px;z-index:15;background:rgba(243,247,251,.88);backdrop-filter:blur(10px);padding:10px;border-radius:16px;border:1px solid rgba(221,230,240,.9);box-shadow:0 8px 24px rgba(36,55,83,.06)}
.tabs a{text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .18s}
.tabs a:hover{border-color:#9bb6e7;transform:translateY(-1px)}

.btn{border:1px solid var(--line-strong);background:#fff;border-radius:12px;padding:10px 16px;cursor:pointer;font:inherit;color:var(--ink);transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(35,59,83,.08)}
.btn.primary{background:linear-gradient(135deg,var(--accent-2),#2463ff);border-color:#2b59df;color:#fff}
.btn.secondary{background:#fff;border-color:#cfdbee;color:#294fbc}
.btn.small{padding:8px 12px;font-size:12px;white-space:nowrap}
.copy.done{background:#e7fff6;border-color:#9ce4c7}

.alert{padding:14px 16px;border-radius:14px;margin:0;border:1px solid transparent;box-shadow:var(--shadow)}
.alert.ok{background:#ecfff6;color:#0f7d58;border-color:#c6f2de}
.alert.err{background:#fff1f3;color:var(--danger);border-color:#f6c9d1}
.alert.info{background:#eff6ff;color:#1d4ed8;border-color:#c8ddff}

.form-card,.edit-card{background:#fbfdff;border:1px solid #e4edf6;border-radius:16px;padding:16px;margin-bottom:18px}
.form-actions{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.secret summary{cursor:pointer;color:#2563eb;font-size:12px;font-weight:600}
.secret code{display:inline-block;margin-top:8px}
.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
.pill.yes{background:#dcfce7;color:#166534}
.pill.no{background:#ffe4e9;color:#9b1d34}
.role-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.role-badge.owner{background:#dcfce7;color:#166534}
.role-badge.viewer{background:#f1f5f9;color:#475569}
.admin-actions{display:flex;align-items:center;gap:14px}

.quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quick-action-card{display:grid;gap:4px;padding:14px;border-radius:16px;background:#fbfdff;border:1px solid #e2ebf5;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.quick-action-card:hover{transform:translateY(-2px);border-color:#bfd2f0;box-shadow:0 8px 22px rgba(36,55,83,.08)}
.quick-action-card b{font-size:14px}
.quick-action-card span{font-size:12px;color:#64748b}

.table-wrap{overflow:auto}
.card-table{border-radius:16px;border:1px solid #e7eef6;overflow:hidden}
.table-wrap table{width:100%;border-collapse:collapse;min-width:850px;background:#fff}
.table-wrap thead th{background:#f7faff;color:#64748b;font-size:12px;letter-spacing:.01em}
.table-wrap th,.table-wrap td{text-align:right;border-bottom:1px solid #edf2f7;padding:14px 12px;white-space:nowrap;vertical-align:top}
.table-wrap tbody tr:hover{background:#fbfdff}
.table-wrap tbody tr:last-child td{border-bottom:none}

.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.link-grid.single-column{grid-template-columns:1fr}
.link-card{border:1px solid #e5edf5;border-radius:14px;padding:14px;display:grid;gap:10px;background:#fbfdff}
.link-card b{font-size:14px}

.login-shell{min-height:100vh;background:linear-gradient(180deg,#eef4ff,#f8fbff 42%,#f3f7fb 100%);display:grid;place-items:center;padding:20px}
.login-card{width:min(430px,94vw);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow);text-align:right}
.modern-login-card{background:linear-gradient(135deg,#ffffff,#fbfdff)}
.login-card h1{margin:12px 0 8px;font-size:32px}
.login-card p{color:var(--muted);margin-bottom:18px}
.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px}
.brand-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;display:grid;place-items:center;font-weight:800}

.chart{min-height:310px;position:relative;border:1px dashed #dbe5f0;border-radius:14px;background:linear-gradient(#fff,#fbfdff);overflow:hidden}
.chart svg{width:100%;height:310px;display:block}.chart .legend{position:absolute;top:12px;left:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;box-shadow:0 5px 14px rgba(30,50,80,.08)}.chart .tip{position:absolute;display:none;pointer-events:none;background:#152238;color:#fff;border-radius:8px;padding:7px 9px;font-size:12px;box-shadow:0 8px 18px rgba(0,0,0,.18)}

.live-panel{overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f8fffc 100%)}
.live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.live-title{display:flex;align-items:center;gap:9px}.live-title h2{margin:0}
.live-badge{font-size:11px;font-weight:800;letter-spacing:.08em;background:#e7fff6;color:#12845c;border:1px solid #a9ebd2;border-radius:999px;padding:5px 8px;direction:ltr}.live-dot{width:11px;height:11px;border-radius:50%;background:#22c985;box-shadow:0 0 0 0 rgba(34,201,133,.5);animation:capPulse 1.8s infinite}.live-updated{font-size:12px;color:var(--muted);white-space:nowrap}.live-updated strong{color:var(--ink);font-variant-numeric:tabular-nums}
.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.live-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;display:grid;gap:5px;min-width:0}.live-card small{color:var(--muted);font-size:12px}.live-card strong{font-size:26px;line-height:1.1}.live-card span{color:var(--muted);font-size:11px}.primary-live{border-color:#b9ead9;background:linear-gradient(145deg,#effff8,#fff)}.primary-live strong{color:#159768}
.live-sites{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;min-height:30px}.live-site-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#fff;font-size:12px}.live-site-chip b{font-weight:700}.live-site-chip strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#e9f9f3;color:#147654}.live-site-empty{color:var(--muted);font-size:12px;padding:7px 0}.live-error{border-color:#f0cbd1}.live-error .live-dot{background:#c94659;animation:none}.live-error .live-badge{background:#fff0f2;border-color:#f0cbd1;color:#c94659}
@keyframes capPulse{0%{box-shadow:0 0 0 0 rgba(34,201,133,.45)}70%{box-shadow:0 0 0 10px rgba(34,201,133,0)}100%{box-shadow:0 0 0 0 rgba(34,201,133,0)}}

@media(max-width:1350px){
  .admin-kpis-6{grid-template-columns:repeat(3,1fr)}
  .overview-grid,.affiliate-summary-grid{grid-template-columns:1fr}
  .dashboard-columns{grid-template-columns:1fr}
  .dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  .admin-kpis-8{grid-template-columns:repeat(2,1fr)}
  .link-grid{grid-template-columns:1fr}
  .share-link-box{grid-template-columns:1fr}
}
@media(max-width:900px){
  .hero{display:grid}
  .topbar span{display:none}
  .live-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-side{grid-template-columns:1fr}
  .quick-actions-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .container{width:94vw}
  .hero h1{font-size:26px}
  .panel{padding:16px}
  .admin-kpis-6,.admin-kpis-8{grid-template-columns:repeat(2,1fr)}
  .kpis article{padding:14px}
  .kpis strong{font-size:24px}
  .live-head{display:block}.live-updated{margin-top:9px}
  .live-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:540px){
  .topbar{padding:0 14px;height:66px}
  .topbar strong{font-size:16px}
  .hero-card{padding:18px}
  .admin-kpis-6,.admin-kpis-8,.live-grid{grid-template-columns:1fr}
  .tabs-sticky{top:74px}
  .filters label,.form-grid label{min-width:100%}
}

.section-tools{display:flex;justify-content:flex-start;align-items:center;margin:0 0 12px}
.table-search{width:min(420px,100%);border:1px solid var(--line);background:#fbfdff;border-radius:12px;padding:11px 13px;font:inherit;color:var(--ink);outline:none}
.table-search:focus{border-color:#8cb0ff;box-shadow:0 0 0 4px rgba(77,108,255,.12)}
.table-empty-state{display:none;padding:16px;border-top:1px solid #edf2f7;background:#fbfdff;color:#6d7b8e;font-size:13px}
.tabs a.active{background:linear-gradient(135deg,#eef4ff,#ffffff);border-color:#9db6ec;color:#2349b6;box-shadow:0 6px 16px rgba(73,104,190,.12)}
.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.affiliate-overview-grid{grid-template-columns:1.2fr .8fr}
.intro-highlight,.coupon-highlight{min-height:100%}

@media(max-width:900px){
  .workflow-grid,.affiliate-overview-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .table-wrap table{min-width:100%;border:0}
  .table-wrap thead{display:none}
  .table-wrap tbody{display:grid;gap:12px;padding:12px;background:#f8fbff}
  .table-wrap tr{display:grid;gap:8px;padding:14px;border:1px solid #e4edf6;border-radius:14px;background:#fff}
  .table-wrap td{display:flex;justify-content:space-between;gap:14px;white-space:normal;padding:0;border:0;text-align:right}
  .table-wrap td::before{content:attr(data-label);font-weight:700;color:#64748b;min-width:110px}
}

.range-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:flex-start}
.pill.pending{background:#fff4d8;color:#8a5b00}
.import-result{border-radius:16px;padding:14px 16px;margin-bottom:16px;border:1px solid}
.import-result.ok{background:#effcf6;border-color:#bdebd6;color:#176848}
.import-result.warn{background:#fff8e8;border-color:#f1d49a;color:#845b06}
.import-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.import-result-grid span{background:rgba(255,255,255,.65);border-radius:10px;padding:9px 10px;font-size:12px}
@media(max-width:800px){.import-result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.import-result-grid{grid-template-columns:1fr}}

/* v4.7.0, split admin navigation + colorful affiliate analytics */
.admin-body,.affiliate-body{min-height:100vh;background:linear-gradient(180deg,#f3f7ff 0%,#f7fbff 42%,#f4f8fc 100%)}
.admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 74px)}
.admin-sidebar{position:sticky;top:74px;height:calc(100vh - 74px);align-self:start;background:#112033;color:#dbe7f4;padding:20px 14px;border-left:1px solid rgba(255,255,255,.06);overflow:auto}
.admin-side-title{padding:7px 11px 14px;font-size:11px;color:#8296ad;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.admin-nav-item{display:flex;align-items:center;gap:11px;text-decoration:none;padding:12px 13px;margin:3px 0;border-radius:13px;color:#c5d2df;font-size:14px;font-weight:650;transition:.17s ease}
.admin-nav-item:hover{background:#1a2d45;color:#fff;transform:translateX(-1px)}
.admin-nav-item.active{background:linear-gradient(135deg,#4268ff,#6f57eb);color:#fff;box-shadow:0 10px 26px rgba(70,91,220,.25)}
.nav-dot{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.8;box-shadow:0 0 0 4px rgba(255,255,255,.06)}
.admin-content{width:min(1500px,calc(100% - 40px));margin:0 auto;padding:26px 0 60px;display:grid;gap:18px;min-width:0}
.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:21px 23px;box-shadow:var(--shadow)}
.page-title-row h1{margin:5px 0 6px;font-size:29px;line-height:1.1}.page-title-row p{margin:0;color:var(--muted);max-width:850px}.page-title-row .action-row{justify-content:flex-end}
.action-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.inline-form{display:inline-flex;margin:0}.inline-link{font-size:12px;color:#365bd1;text-decoration:none}.inline-link:hover{text-decoration:underline}
.alert.warn{background:#fff9e9;border-color:#f3dba7;color:#7a5709}.row-warning{background:#fffaf1!important}.success-soft{background:#edfdf5!important;border-color:#bcebd6!important;color:#167151!important}.danger-soft{background:#fff0f3!important;border-color:#f0c7d0!important;color:#ad3149!important}.status-check{display:flex;align-items:center;gap:8px;font-weight:700}

.colorful-kpis{display:grid;gap:14px}.colorful-kpis.six{grid-template-columns:repeat(6,minmax(0,1fr))}.colorful-kpis.eight{grid-template-columns:repeat(4,minmax(0,1fr))}.colorful-kpis.four{grid-template-columns:repeat(4,minmax(0,1fr))}.colorful-kpis.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.colorful-kpis article{position:relative;overflow:hidden;border:0!important;box-shadow:0 13px 30px rgba(42,60,93,.10)!important;color:#fff;min-height:126px}.colorful-kpis article::before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.13);inset-inline-end:-25px;top:-30px}.colorful-kpis article::after{content:"";position:absolute;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.09);inset-inline-start:-15px;bottom:-18px}.colorful-kpis small,.colorful-kpis span{color:rgba(255,255,255,.83)!important;position:relative;z-index:1}.colorful-kpis strong{position:relative;z-index:1;font-size:31px}.tone-blue{background:linear-gradient(135deg,#4274ff,#3154d9)!important}.tone-purple{background:linear-gradient(135deg,#8b63f5,#6751d8)!important}.tone-orange{background:linear-gradient(135deg,#ffad46,#ef7b40)!important}.tone-green{background:linear-gradient(135deg,#27bc89,#159d73)!important}.tone-cyan{background:linear-gradient(135deg,#29b9ce,#258eae)!important}.tone-pink{background:linear-gradient(135deg,#ed6f9f,#ca4b83)!important}.tone-yellow{background:linear-gradient(135deg,#eeb935,#db8d25)!important}.tone-indigo{background:linear-gradient(135deg,#536de8,#4947c6)!important}

.dashboard-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-grid-two>.panel{min-width:0}
.funnel-chart{display:grid;gap:13px;padding:8px 0}.funnel-step{display:grid;grid-template-columns:110px 1fr 70px;gap:12px;align-items:center}.funnel-label{font-size:13px;font-weight:700;color:#475569}.funnel-track{height:34px;background:#eef3f9;border-radius:10px;overflow:hidden;direction:rtl}.funnel-fill{height:100%;border-radius:10px;display:block;min-width:8%;background:linear-gradient(90deg,#4b6fff,#7c5cf0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.funnel-step:nth-child(2) .funnel-fill{background:linear-gradient(90deg,#9b63f0,#db67ad)}.funnel-step:nth-child(3) .funnel-fill{background:linear-gradient(90deg,#30bc8d,#12a672)}.funnel-value{font-size:19px;font-weight:800;text-align:left}.funnel-rates{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.funnel-rates span{padding:7px 10px;background:#f7f9fd;border:1px solid #e7edf5;border-radius:999px;font-size:11px;color:#66768a}
.source-bars{display:grid;gap:13px}.source-row{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(130px,1.4fr) 70px;gap:11px;align-items:center}.source-label{display:grid;gap:2px}.source-label b{font-size:13px}.source-label span,.source-row small{font-size:11px;color:#7a899b}.source-track{height:10px;border-radius:999px;background:#edf2f8;overflow:hidden}.source-fill{height:100%;display:block;border-radius:999px}.source-0{background:#5d6ff0}.source-1{background:#b35fd8}.source-2{background:#23b88b}.source-3{background:#ef9846}.source-4{background:#2fa8cc}.source-5{background:#e46092}
.traffic-chart{min-height:310px;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f7faff);border:1px solid #e5edf6;overflow:hidden;position:relative}.traffic-chart svg{width:100%;height:310px;display:block}.traffic-chart .traffic-legend{display:flex;gap:14px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid #e7edf5;background:#fff;font-size:11px;color:#5f6e80}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:4px}.legend-blue{background:#4e6df1}.legend-purple{background:#9b5eda}.legend-orange{background:#f09243}.legend-green{background:#27ae7f}.empty-chart{min-height:260px;display:grid;place-items:center;color:#7d8b9d;font-size:13px;padding:24px;text-align:center}

.affiliate-topbar{background:linear-gradient(90deg,#172033,#192d4e);box-shadow:0 11px 30px rgba(24,40,72,.22)}
.affiliate-nav{display:flex;gap:6px;align-items:center;overflow:auto;white-space:nowrap;background:#fff;border-bottom:1px solid #e1e9f3;padding:10px max(3vw,18px);position:sticky;top:74px;z-index:24;box-shadow:0 7px 20px rgba(28,45,72,.05)}
.affiliate-nav a{text-decoration:none;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#56677b;transition:.15s ease}.affiliate-nav a:hover{background:#f2f6fc;color:#294aad}.affiliate-nav a.active{background:linear-gradient(135deg,#506fff,#6d59e7);color:#fff;box-shadow:0 8px 18px rgba(76,91,220,.20)}
.affiliate-shell{width:min(1500px,94vw);margin:18px auto 60px;display:grid;gap:18px}.affiliate-header-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;box-shadow:var(--shadow)}.affiliate-header-card h1{margin:5px 0 6px;font-size:28px}.affiliate-header-card p{margin:0;color:var(--muted)}
.live-hero{order:-10;background:linear-gradient(135deg,#eefcff 0%,#f9f5ff 50%,#f2fff8 100%);border-color:#cfe3f4;box-shadow:0 16px 36px rgba(41,74,111,.10)}.live-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}.live-grid-8 .live-card{border:0;box-shadow:0 8px 20px rgba(28,50,80,.07)}.live-grid-8 .live-card:nth-child(1){background:linear-gradient(145deg,#e9fff6,#fff)}.live-grid-8 .live-card:nth-child(2){background:linear-gradient(145deg,#eef4ff,#fff)}.live-grid-8 .live-card:nth-child(3){background:linear-gradient(145deg,#f7efff,#fff)}.live-grid-8 .live-card:nth-child(4){background:linear-gradient(145deg,#fff5e9,#fff)}.live-grid-8 .live-card:nth-child(5){background:linear-gradient(145deg,#effff4,#fff)}.live-grid-8 .live-card:nth-child(6){background:linear-gradient(145deg,#ecfbff,#fff)}.live-grid-8 .live-card:nth-child(7){background:linear-gradient(145deg,#fff0f6,#fff)}.live-grid-8 .live-card:nth-child(8){background:linear-gradient(145deg,#f4f2ff,#fff)}
.affiliate-link-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.affiliate-link-card{display:grid;gap:13px;padding:17px;border:1px solid #e1eaf4;border-radius:18px;background:linear-gradient(135deg,#fff,#f9fbff);box-shadow:0 8px 22px rgba(34,54,83,.06)}.link-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.link-card-top>div{display:grid;gap:4px}.link-card-top b{font-size:16px}.link-card-top span{font-size:12px;color:#708196}.source-copy-row{display:flex;gap:8px;flex-wrap:wrap}.source-copy-row .btn{background:#f7f9fd}.source-copy-row .btn:hover{background:#eef3fb}.coupon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.coupon-big-card{display:grid;gap:7px;border-radius:18px;padding:17px;background:linear-gradient(135deg,#fff7ec,#fff);border:1px solid #f4dfc4}.coupon-big-card>span{font-size:11px;color:#85735d}.coupon-big-card>b{font-size:24px;color:#b86d1c;letter-spacing:.04em}.coupon-big-card p{margin:0;color:#6c645c;font-size:13px}.share-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.share-link-box code{width:100%}

@media(max-width:1380px){.colorful-kpis.six{grid-template-columns:repeat(3,1fr)}.colorful-kpis.eight{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1180px){.admin-layout{grid-template-columns:210px minmax(0,1fr)}.colorful-kpis.eight,.live-grid-8{grid-template-columns:repeat(2,1fr)}.affiliate-link-cards{grid-template-columns:1fr}.coupon-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.admin-layout{display:block}.admin-sidebar{position:static;height:auto;display:flex;gap:6px;overflow:auto;padding:10px 14px}.admin-side-title{display:none}.admin-nav-item{white-space:nowrap;margin:0}.nav-dot{display:none}.admin-content{width:94%;padding-top:16px}.page-title-row,.affiliate-header-card{display:grid}.dashboard-grid-two{grid-template-columns:1fr}.colorful-kpis.six,.colorful-kpis.four,.colorful-kpis.eight,.colorful-kpis.three{grid-template-columns:repeat(2,1fr)}.affiliate-nav{top:66px}.coupon-grid{grid-template-columns:1fr}}
@media(max-width:600px){.colorful-kpis.six,.colorful-kpis.four,.colorful-kpis.eight,.colorful-kpis.three,.live-grid-8{grid-template-columns:1fr}.colorful-kpis article{min-height:108px}.affiliate-shell{width:94%}.affiliate-nav{padding-inline:10px}.affiliate-nav a{padding:8px 11px}.funnel-step{grid-template-columns:92px 1fr 55px}.source-row{grid-template-columns:105px 1fr 54px}.share-link-box{grid-template-columns:1fr}.source-copy-row .btn{flex:1}.page-title-row h1,.affiliate-header-card h1{font-size:24px}}
/* funnel renderer compatibility */
.funnel-chart>.funnel-step{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 14px;border-radius:14px;color:#fff;transition:width .25s ease;box-shadow:0 8px 18px rgba(38,55,88,.09)}
.funnel-chart>.funnel-step span{font-size:13px;font-weight:750}.funnel-chart>.funnel-step strong{font-size:20px}.funnel-chart>.funnel-step.blue{background:linear-gradient(90deg,#4b75f2,#3e58d4)}.funnel-chart>.funnel-step.purple{background:linear-gradient(90deg,#a660e2,#7a54d8)}.funnel-chart>.funnel-step.green{background:linear-gradient(90deg,#2ac08e,#179c71)}.funnel-arrow{text-align:center;color:#95a3b5;font-size:18px;line-height:1}.legend-dot.green{background:#1fcf92}.legend-dot.purple{background:#7c5cff}.legend-dot.blue{background:#3b82f6}.legend-dot.orange{background:#f59e0b}

/* v4.7.2 funnel layout fix */
.funnel-chart{display:grid;gap:16px;padding:6px 0;min-height:250px;align-content:start}
.funnel-visual{display:grid;gap:14px}
.funnel-row{display:grid;gap:8px;width:100%}
.funnel-row-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.funnel-row .funnel-label{font-size:13px;font-weight:800;color:#3d4d61}
.funnel-row .funnel-value{font-size:20px;font-weight:900;color:#172033;text-align:left;min-width:48px}
.funnel-row .funnel-track{height:42px;background:#edf2f8;border:1px solid #e1e8f1;border-radius:13px;overflow:hidden;direction:rtl;box-shadow:inset 0 1px 2px rgba(22,39,62,.04)}
.funnel-row .funnel-fill{height:100%;display:block;border-radius:12px;min-width:0;transition:width .35s ease}
.funnel-row.blue .funnel-fill{background:linear-gradient(90deg,#4778ff,#3656db)}
.funnel-row.purple .funnel-fill{background:linear-gradient(90deg,#a05fed,#7752d6)}
.funnel-row.green .funnel-fill{background:linear-gradient(90deg,#29c18d,#169d72)}
.funnel-row.blue .funnel-track{background:linear-gradient(90deg,#f4f7ff,#eef3ff)}
.funnel-row.purple .funnel-track{background:linear-gradient(90deg,#faf5ff,#f4efff)}
.funnel-row.green .funnel-track{background:linear-gradient(90deg,#f2fff9,#edfaf5)}
.funnel-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:2px}
.funnel-rates span{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;background:#f8faff;border:1px solid #e7edf5;border-radius:12px;font-size:12px;color:#63758a}
.funnel-rates b{color:#1d2a3a}
/* disable obsolete variable-width card funnel styles */
.funnel-chart>.funnel-step,.funnel-arrow{display:none!important}
@media(max-width:700px){
  .funnel-chart{min-height:0}
  .funnel-row .funnel-track{height:34px}
  .funnel-rates{grid-template-columns:1fr}
}

/* v4.8.0 managers, exports, import diagnostics */
.report-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-toolbar{padding:14px 16px}.affiliate-export-row{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin:-4px 0 6px}.affiliate-export-row span{font-size:12px;color:var(--muted);font-weight:700}.status-picker{margin-top:16px;padding:16px;border:1px solid #bfdbfe;background:#f7fbff;border-radius:16px}.status-picker h3{margin:0 0 6px}.status-picker p{margin:0 0 12px;color:var(--muted);font-size:13px}.status-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.status-options label{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#fff;border:1px solid #dce7f4;border-radius:12px;cursor:pointer}.status-options label span{margin-inline-start:auto;color:var(--muted);font-size:11px}.inline-status-picker{margin:4px 0 0}.manager-sites-picker{display:grid;gap:10px;padding:14px;border:1px solid #e2e8f0;background:#f8fbff;border-radius:14px}.domain-checks{display:flex;gap:10px;flex-wrap:wrap}.domain-checks label{display:flex;align-items:center;gap:7px;min-width:0!important;flex:0 0 auto!important;padding:8px 11px;border:1px solid #dbe5f0;background:#fff;border-radius:999px;color:var(--ink)!important}.login-note{font-size:12px!important;margin-top:14px!important}.import-result{padding:16px;border-radius:16px;border:1px solid #b7ebd2;background:#effdf6;margin-bottom:16px}.import-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.import-result-grid span{padding:9px 10px;border-radius:10px;background:#fff;font-size:12px}.admin-content .table-wrap td code+.btn{margin-inline-start:6px}
@media(max-width:900px){.status-options,.import-result-grid{grid-template-columns:1fr 1fr}.report-actions{width:100%;justify-content:flex-start}.panel-head{flex-wrap:wrap}}
@media(max-width:600px){.status-options,.import-result-grid{grid-template-columns:1fr}.affiliate-export-row{margin-top:0}}


/* v4.8.7 hourly activity bar chart */
.hourly-panel{overflow:hidden}.hourly-mode-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eef4ff;border:1px solid #d9e5ff;color:#3558c7;font-size:11px;font-weight:800;white-space:nowrap}
.hourly-bar-chart{position:relative;min-height:390px;border:1px solid #e4ebf5;border-radius:16px;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);overflow:hidden}
.hourly-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 8px 0}.hourly-chart-scroll svg{display:block;width:100%;min-width:920px;height:330px}.hourly-bar{transition:opacity .15s ease,filter .15s ease;cursor:pointer}.hourly-bar:hover{opacity:.78;filter:brightness(.97)}
.hourly-legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid #e5edf6;background:#fff;font-size:12px;color:#5f6e80}.hourly-legend span{display:inline-flex;align-items:center;gap:6px}.hourly-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.hourly-tip{z-index:5}
@media(max-width:700px){.hourly-bar-chart{min-height:370px}.hourly-chart-scroll svg{min-width:1050px;height:315px}.hourly-legend{justify-content:flex-start;gap:11px}.hourly-mode-badge{font-size:10px}}


/* v4.8.8 manager LIVE collapsible panel */
.admin-live-collapsible{padding:0!important;overflow:hidden;border-color:#cfe3f4;background:linear-gradient(135deg,#eefcff 0%,#f9f5ff 50%,#f2fff8 100%)}
.admin-live-summary-head{display:grid;grid-template-columns:minmax(230px,1fr) minmax(420px,1.8fr) auto;align-items:center;gap:20px;padding:18px 20px;background:rgba(255,255,255,.72);border-bottom:1px solid rgba(207,227,244,.8)}
.admin-live-title-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.admin-live-title-wrap .live-title{margin:0}.admin-live-title-wrap h2{font-size:22px}.admin-live-updated{font-size:11px;color:#6d7b8e;white-space:nowrap}.admin-live-updated strong{color:#142235}
.admin-live-mini-stats{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.mini-stat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#5d6a7a;white-space:nowrap}.mini-stat b{font-size:14px}.mini-stat.green b{color:#129a69}.mini-stat.purple b{color:#6b4be7}.mini-stat.orange b{color:#f27b2c}.mini-stat.blue b{color:#2f67e7}
.admin-live-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #d5e0ec;background:#fff;color:#3b4d65;border-radius:12px;padding:9px 13px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 5px 14px rgba(30,50,80,.06)}.admin-live-toggle:hover{border-color:#a8bfe0}.toggle-chevron{font-size:18px;line-height:1;transition:transform .2s ease}
.admin-live-collapsible-body{padding:18px 20px 20px}.admin-live-body-intro{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-live-body-intro p{margin:0;color:#62748a;font-size:13px}
.admin-live-collapsible.is-collapsed .admin-live-collapsible-body{display:none}.admin-live-collapsible:not(.is-collapsed) .toggle-chevron{transform:rotate(180deg)}
.admin-live-collapsible.is-collapsed .admin-live-summary-head{border-bottom:0}.admin-live-collapsible.is-collapsed{box-shadow:0 10px 28px rgba(41,74,111,.08)}
/* Keep hourly chart immediately after LIVE and visually connected */
.admin-live-collapsible + .hourly-panel{margin-top:0}
@media(max-width:1100px){.admin-live-summary-head{grid-template-columns:1fr auto}.admin-live-mini-stats{grid-column:1/-1;grid-row:2;justify-content:flex-start}.admin-live-toggle{grid-column:2;grid-row:1}}
@media(max-width:700px){.admin-live-summary-head{grid-template-columns:1fr auto;padding:15px}.admin-live-mini-stats{gap:10px 14px}.mini-stat{font-size:11px}.admin-live-collapsible-body{padding:14px}.admin-live-title-wrap h2{font-size:18px}.admin-live-updated{width:100%}}

.panel-head-tools.hourly-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.segmented-links{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:700px){.panel-head-tools.hourly-tools{width:100%;justify-content:flex-start}}

/* v4.9.0 clearer hourly analytics */
.live-card.site-live{background:linear-gradient(135deg,#e9fbf6,#f7fffc);border-color:#bfeedd}.live-card.site-live strong{color:#0b9f76}
.hourly-bar-chart{position:relative}.hourly-fixed-detail{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 16px;margin:0 0 10px;border:1px solid #dce7f4;border-radius:14px;background:#f8fbff;color:#52627a}.hourly-fixed-detail strong{font-size:16px;color:#10233f;margin-inline-end:8px}.hourly-fixed-detail span{white-space:nowrap}.hourly-fixed-detail b{color:#10233f}.hourly-section-label{position:absolute;z-index:2;right:66px;font-weight:700;color:#30435f;font-size:12px;pointer-events:none}.hourly-section-label.site-label{top:78px}.hourly-section-label.affiliate-label{top:287px}.hour-grid{stroke:#e8eef6;stroke-width:1}.hour-axis,.hour-x{font-size:10px;fill:#7d8da5}.site-area{fill:#4f6df5;opacity:.10}.site-line{fill:none;stroke:#4f6df5;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.hour-slot{cursor:crosshair}.hour-slot.selected{fill:rgba(79,109,245,.045)}.hourly-legend{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;border-top:1px solid #e4ebf4;padding:14px 12px}.hourly-legend span{display:flex;align-items:center;gap:7px;color:#63738b;font-size:12px}.hourly-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.hourly-legend .legend-site{width:18px;height:4px;border-radius:4px;background:#4f6df5}.hourly-tip{display:none!important}.panel-head-tools.hourly-tools .btn.primary{box-shadow:none}
@media(max-width:800px){.hourly-fixed-detail{gap:10px}.hourly-section-label{display:none}.hourly-chart-scroll{overflow-x:auto}.hourly-chart-scroll svg{min-width:900px}}

/* v4.9.1 Site Secret controls */
.secret-input-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secret-input-wrap>input{flex:1;min-width:220px}.secret-inline-actions,.secret-table-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.secret-table-cell .secret-mask{min-width:110px;direction:ltr;text-align:left}.btn.tiny{padding:5px 9px;font-size:12px;border-radius:9px}

/* v4.9.2 financial clarity */
.card-table th small{display:block;font-size:10px;font-weight:500;opacity:.72;margin-top:2px}.kpis article span,.live-card span{line-height:1.35}

/* v4.9.3 coupon assignment history */
.btn.danger{background:#fff5f5;border-color:#fecaca;color:#b42318}.btn.danger:hover{background:#feecec;border-color:#fda4af;box-shadow:0 8px 18px rgba(180,35,24,.10)}
.inline-remove-form{margin:0;display:inline-flex}.legacy-assignment{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f3f5f8;border:1px solid #e2e7ee;color:#6b7788;font-size:11px;font-weight:700;white-space:nowrap}.coupon-history-block{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.panel-head.compact{margin-bottom:10px}.panel-head.compact h3{margin:0 0 4px}.panel-head.compact p{margin:0}.empty-cell{text-align:center;color:var(--muted);padding:22px!important}