:root{--ink:#111510;--paper:#f2f0e8;--acid:#d7ff3f;--red:#ff4b37;--muted:#73776e;--line:#d2d0c7;--card:#faf9f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em}.crest{width:68px;height:68px;border-radius:50%;background:var(--acid);display:grid;place-items:center;font:20px "Archivo Black";border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.crest.small{width:42px;height:42px;font-size:13px;box-shadow:3px 3px 0 var(--ink)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#d7ff3f 0 12%,transparent 35%),var(--ink)}.login-card{width:min(460px,100%);background:var(--paper);padding:48px;border:2px solid #000;box-shadow:14px 14px 0 var(--red)}.login-card .crest{margin:25px 0}.login-card h1,.hero h1{font:clamp(46px,7vw,92px)/.88 "Archivo Black";letter-spacing:-.055em;margin:20px 0}.login-card p{color:var(--muted);max-width:350px}.login-card label{display:grid;gap:8px;margin-top:30px;font-size:12px;font-weight:700}.login-card input,.send-panel textarea{font:inherit;border:1.5px solid var(--ink);background:#fff;padding:16px;outline:none}.login-card input:focus,.send-panel textarea:focus{box-shadow:4px 4px 0 var(--acid)}.login-card button,.send-btn{width:100%;margin-top:14px;background:var(--ink);color:#fff;border:0;padding:17px 20px;font:700 14px "DM Sans";display:flex;justify-content:space-between;cursor:pointer}.login-card button:hover,.send-btn:hover{background:var(--red)}#login-error,#send-status{display:block;min-height:18px;margin-top:10px;color:var(--red)}.app{max-width:1480px;margin:auto;padding:0 38px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.brand strong,.brand span{display:block}.brand strong{font:18px "Archivo Black"}.brand span{font-size:9px;letter-spacing:.2em}.header-actions{display:flex;align-items:center;gap:15px;font-size:12px}.icon-btn,.text-btn,.quick-actions button{border:1px solid var(--line);background:transparent;padding:10px 13px;cursor:pointer}.hero{min-height:330px;display:flex;align-items:center;justify-content:space-between}.hero h1 em{color:var(--red);font-style:normal}.connection-card{width:280px;background:var(--ink);color:#fff;padding:25px;display:flex;gap:18px;align-items:center;transform:rotate(-2deg);box-shadow:8px 8px 0 var(--acid)}.connection-card small,.connection-card strong,.connection-card span{display:block}.connection-card strong{font-size:24px;margin:4px 0}.connection-card span:last-child{color:#aeb3aa;font-size:12px}.pulse{width:13px;height:13px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px #d7ff3f22;animation:pulse 2s infinite}.pulse.offline{background:var(--red)}@keyframes pulse{50%{box-shadow:0 0 0 13px transparent}}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);margin-bottom:22px}.stats article{min-height:120px;padding:20px;border-right:1px solid var(--ink)}.stats article:last-child{border:0}.stats span,.stats small{display:block;font-size:10px;letter-spacing:.15em}.stats strong{font:48px "Archivo Black";display:inline-block;margin:6px 8px 0 0}.stats .accent{background:var(--acid)}.stats .accent strong{font-size:28px;margin-top:18px}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.panel{background:var(--card);border:1px solid var(--line);padding:26px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.panel h2{font:26px "Archivo Black";margin:5px 0}.counter{border-radius:50%;width:42px;height:42px;background:var(--acid);display:grid;place-items:center;font-weight:700}.empty{padding:42px 20px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.match{display:grid;grid-template-columns:55px 1fr auto;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.match time{font:18px "Archivo Black"}.match strong,.match span{display:block}.match span{font-size:12px;color:var(--muted)}.match i{font-style:normal;font-size:11px;background:#e8e6dd;padding:6px 9px}.send-panel textarea{width:100%;height:135px;resize:vertical}.live-chip{background:var(--red);color:white;padding:7px 10px;font-size:10px;font-weight:700}.quick-actions{display:flex;gap:8px;margin-top:10px}.quick-actions button{font-size:11px}.fixture{display:grid;grid-template-columns:75px 1fr auto;gap:15px;padding:13px 0;border-top:1px solid var(--line);align-items:center}.fixture .date{font-size:11px;color:var(--muted)}.fixture strong{font-size:13px}.fixture time{font-weight:700}.workflow{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid var(--line)}.workflow strong{font-size:13px}.status{font-size:10px;font-weight:700;color:#477000}.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:7px}.status.off{color:var(--red)}.status.off:before{background:var(--red)}.history-panel{grid-column:1/-1}footer{display:flex;justify-content:space-between;padding:35px 0 50px;font-size:10px;letter-spacing:.16em}#toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:16px 20px;transform:translateY(120px);transition:.3s;z-index:5}#toast.show{transform:translateY(0)}@media(max-width:800px){.app{padding:0 16px}.hero{min-height:420px;align-items:flex-start;justify-content:center;flex-direction:column}.hero h1{font-size:52px}.connection-card{margin:15px 0}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid}.grid{grid-template-columns:1fr}.history-panel{grid-column:auto}.header-actions #clock{display:none}.panel{padding:20px}.login-card{padding:35px 28px}.fixture{grid-template-columns:60px 1fr}.fixture time{display:none}}

/* --- Premium paneli --- */
.premium-panel .premium-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.premium-panel .premium-actions select {
  background: rgba(255,255,255,.06); color: inherit; border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px; padding: 6px 8px; font: inherit;
}
.premium-panel .premium-note { display: block; opacity: .75; font-style: italic; margin-top: 2px; }
.premium-panel .premium-warn { display: block; color: #ffb020; margin-top: 2px; }
.premium-panel .workflow-row { align-items: flex-start; gap: 12px; }

/* --- Talep → üyelik hunisi --------------------------------------------- */
/* Sayılar tek bakışta okunmalı: yönetici buraya "bekleyen talep birikmiş mi"
   sorusuyla geliyor, o yüzden geciken bekleme ayrıca renkleniyor. */
.funnel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 8px;
}
.funnel-cell {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.funnel-cell b { font-size: 1.25rem; line-height: 1.1; }
.funnel-cell span { font-size: .72rem; opacity: .6; letter-spacing: .02em; }
.funnel-cell.warn { border-color: rgba(255, 170, 60, .45); }
.funnel-cell.warn b { color: #ffaa3c; }

/* --- Sistem sağlığı ----------------------------------------------------- */
/* Sorun sayısı sayaçta kırmızıya döner: panele bakan kişi listeye inmeden
   bir aksaklık olduğunu görmeli. */
.counter.bad {
  background: rgba(255, 90, 90, .18);
  color: #ff6b6b;
}
.health-problem strong {
  font-weight: 500;
  line-height: 1.4;
  color: #ffaa3c;
}

/* --- Premium fiyatları --------------------------------------------------- */
/* Satır düzeni başlıklarla aynı ızgarada: hangi kutunun ne olduğu
   ayrı ayrı etiket okumadan anlaşılsın. */
.plans-list { display: flex; flex-direction: column; gap: 6px; }
.plan-row {
  display: grid;
  grid-template-columns: 1.4fr 1.2fr .8fr .7fr auto auto;
  gap: 6px;
  align-items: center;
}
.plan-row.basliklar span {
  font-size: .68rem;
  opacity: .5;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.plan-row input {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  padding: 7px 9px;
  color: inherit;
  font-size: .82rem;
  min-width: 0;
}
.plan-row small { font-size: .68rem; opacity: .5; white-space: nowrap; }
.plans-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}
#plans-status { font-size: .76rem; opacity: .75; }
.stars-toggle { font-size: .74rem; opacity: .8; display: flex; align-items: center; gap: 6px; }

/* --- Stars ödeme geçmişi ------------------------------------------------- */
/* İade edilmiş satır soluk: aktif gelir ile iade edilen tek bakışta ayrılsın. */
.payment-row.iade { opacity: .55; }
.payment-row.iade strong { text-decoration: line-through; }