:root{
  --bg:#070c12;
  --bg-soft:#0c1420;
  --surface:#0f1825;
  --surface-2:#172334;
  --stroke:#26354b;
  --text:#edf4ff;
  --muted:#9db0c8;
  --primary:#39b8ff;
  --primary-soft:#10283a;
  --success:#42d39d;
  --warning:#ffbd59;
  --danger:#ff6f6f;
  --shadow:0 16px 38px rgba(0,0,0,.42);
  --radius:16px;
  --radius-sm:12px;
  --font:"Manrope","Sora","Avenir Next","Segoe UI",sans-serif;
}

*{box-sizing:border-box}

body{
  margin:0;
  color:var(--text);
  font-family:var(--font);
  background:
    radial-gradient(1000px 500px at 5% -5%, rgba(57,184,255,.14), transparent 72%),
    radial-gradient(900px 520px at 96% -10%, rgba(255,189,89,.10), transparent 70%),
    linear-gradient(180deg, var(--bg), var(--bg-soft));
}

.container{max-width:1280px;margin:0 auto;padding:18px}

.card{
  background:var(--surface);
  border:1px solid var(--stroke);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card-pad{padding:14px}

.topbar-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;margin-bottom:12px}
.brand{display:flex;align-items:center;gap:11px}
.badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,#22b8cf,#7c4dff)}
.title{font-weight:800;letter-spacing:.1px;font-size:19px}
.topbar-actions{display:flex;gap:8px;flex-wrap:wrap}

.field-label{font-size:12px;color:var(--muted);margin:0 0 5px 2px;font-weight:600}
.muted{color:var(--muted)}

.profile-card{margin-bottom:12px}
.profile-grid{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}

.toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.sticky-toolbar{position:sticky;top:10px;z-index:6}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.toolbar-form{display:grid;gap:8px;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(120px,1fr)) auto auto}
.mobile-filter summary{display:none}
.filter-content{display:grid;gap:10px}

.input, select, textarea{
  width:100%;
  background:var(--surface-2);
  border:1px solid var(--stroke);
  color:var(--text);
  padding:10px 11px;
  border-radius:var(--radius-sm);
  outline:none;
  min-height:44px;
}
.input:focus, select:focus, textarea:focus{border-color:#4aa8d8;box-shadow:0 0 0 3px rgba(57,184,255,.14)}

.btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  border:1px solid var(--stroke);
  background:var(--surface-2);
  color:var(--text);
  padding:9px 12px;
  border-radius:11px;
  text-decoration:none;
  cursor:pointer;
  font-weight:700;
  font-size:13px;
  min-height:44px;
}
.btn:hover{border-color:#3d5677;background:#1c2a3e}
.btn-primary{border-color:#3d8db8;background:var(--primary-soft);color:#9adbff}
.btn-danger{border-color:#7c3a3a;color:#ffb6b6;background:#281419}

.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(7,minmax(110px,1fr));margin-bottom:12px}
.metric-card{padding:12px}
.metric-card span{display:block;color:var(--muted);font-size:12px;font-weight:600}
.metric-card strong{font-size:21px;display:block;margin-top:3px}

.notice-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.notice-pill{background:#143126;color:#89e6bd;border-color:#285845}

.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.section-title{font-weight:800;margin-bottom:8px}
.report-table{width:100%;border-collapse:collapse}
.report-table th,.report-table td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--stroke);font-size:13px}
.report-table th{color:var(--muted);font-weight:700}

.admin-user-form{display:grid;gap:8px;grid-template-columns:1.2fr 1fr 1fr auto}

.lead-list{display:grid;grid-template-columns:1fr;gap:10px}
.lead-card{padding:14px}
.lead-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.lead-name{font-size:18px;font-weight:800;line-height:1.2}
.lead-sub{font-size:13px;color:var(--muted);margin-top:3px}
.lead-dates{text-align:right;font-size:12px}

.status-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:6px;border:1px solid transparent}
.status-yeni{background:#18283a;color:#7fc8ff;border-color:#29547a}
.status-donus_yapildi{background:#142c26;color:#7ce7bb;border-color:#2f6a5a}
.status-randevu_verildi{background:#1a2f22;color:#a0f0c9;border-color:#355f4a}
.status-takipte{background:#322614;color:#ffd282;border-color:#7d6033}
.status-kaybedildi{background:#31191d;color:#ff9ea2;border-color:#7d3c46}

.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.pill{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border:1px solid var(--stroke);border-radius:999px;background:#1a2535;color:#a8bbd4;font-size:12px;font-weight:600}
.badge-form{background:#1a2638;color:#9cc7ff;border-color:#395c8e}
.badge-doctor{background:#26204a;color:#c8bcff;border-color:#5c4fa1}
.badge-callback{background:#143a33;color:#8ff2cc;border-color:#2e6f61}
.badge-appointment{background:#3a2f14;color:#ffdb95;border-color:#8f7243}
.badge-treatment{background:#3a182d;color:#ffb4e2;border-color:#7a3f62}

.role-manager{background:#1a2d47;color:#9fd0ff;border-color:#34629e}
.role-user{background:#2a2a2a;color:#d8d8d8;border-color:#5a5a5a}

.lead-message{margin-top:10px;color:#d9e6f7;background:#111b29;border:1px solid #27364c;border-radius:12px;padding:10px;line-height:1.45;font-size:13px}

.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.quick-actions .btn{padding:8px 11px}

.lead-editor,.history{margin-top:10px;border-top:1px dashed #334760;padding-top:8px}
.lead-editor summary,.history summary{cursor:pointer;color:#94a9c3;font-weight:700;font-size:13px}
.lead-editor summary::-webkit-details-marker,.history summary::-webkit-details-marker{display:none}
.lead-editor summary::before{content:'▸ ';color:var(--primary)}
.lead-editor[open] summary::before{content:'▾ '}

.lead-form{margin-top:8px}
.lead-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.lead-checks{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:24px;color:var(--muted);font-size:13px}
.lead-checks label{display:inline-flex;align-items:center;min-height:40px;padding:6px 8px;border:1px solid var(--stroke);border-radius:10px;background:rgba(255,255,255,.02)}
.lead-checks input{width:20px;height:20px;margin-right:8px}

.history-item{padding:8px 0;border-bottom:1px dashed #2c3f56}
.history-item ul{margin:6px 0 0 16px;padding:0}

@media(max-width:1160px){
  .toolbar-form{grid-template-columns:repeat(3,minmax(120px,1fr))}
  .toolbar-form .input{grid-column:1/-1}
  .admin-user-form{grid-template-columns:1fr 1fr}
  .metric-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}
}

@media(max-width:820px){
  .container{padding:12px}
  .topbar-card{flex-direction:column;align-items:flex-start}
  .profile-grid{grid-template-columns:1fr}
  .sticky-toolbar{position:static}
  input, select, textarea{font-size:16px}
  .btn{width:100%;min-height:48px;padding:12px 14px}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .filters .btn{width:100%}
  .topbar-actions{width:100%}
  .topbar-actions .btn{width:100%}
  .mobile-filter summary{
    display:block;
    cursor:pointer;
    color:var(--text);
    font-weight:700;
    padding:12px 0 6px;
    min-height:44px;
    display:flex;
    align-items:center;
  }
  .mobile-filter summary::-webkit-details-marker{display:none}
  .mobile-filter summary::before{content:'▸ ';color:var(--primary)}
  .mobile-filter[open] summary::before{content:'▾ '}
  .mobile-filter .filter-content{display:none}
  .mobile-filter[open] .filter-content{display:grid}
  .toolbar-form{grid-template-columns:1fr}
  .toolbar-form .btn{width:100%}
  .admin-user-form{grid-template-columns:1fr}
  .metric-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}
  .report-grid{grid-template-columns:1fr}
  .lead-head{flex-direction:column;align-items:flex-start}
  .lead-dates{text-align:left}
  .lead-grid{grid-template-columns:1fr}
  .lead-checks{padding-top:6px}
  .quick-actions .btn{width:100%}
  .lead-editor summary,.history summary{min-height:44px;display:flex;align-items:center}
}