/* Anka Eğitim Kurumları · panel teması (akademimeslek.com ile aynı koyu/turuncu palet) */
:root{
  --bg:#070b14;--bg2:#0b1220;--card:#0f1729;--card2:#131d33;--line:#1e2a44;--line2:#2a3958;
  --tx:#dbe3f0;--tx2:#8e9bb3;--tx3:#66738d;--head:#fff;
  --pri:#ff7a1a;--pri2:#e8680c;--pri3:#ff9a4d;--ok:#22c55e;--warn:#fbbf24;--bad:#ef4444;--blue:#3b82f6;
  --r:16px;color-scheme:dark
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--tx);font-size:14px;line-height:1.55;min-height:100vh}
a{color:var(--pri3);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{color:var(--head);line-height:1.25}
small,.muted{color:var(--tx2)}
.muted{font-size:13px}
code{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:12.5px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font-weight:600;background:var(--pri);color:#fff;white-space:nowrap;text-decoration:none!important;box-shadow:0 6px 18px #ff7a1a33}
.btn:hover{background:var(--pri2)}
.btn.ghost{background:var(--card2);color:var(--tx);border:1px solid var(--line2);box-shadow:none}
.btn.ghost:hover{background:var(--line)}
.btn.danger{background:#ef444422;color:#f87171;border:1px solid #ef444455;box-shadow:none}
.btn.sm{padding:6px 11px;font-size:13px;border-radius:8px}
.btn.w{width:100%}
.btn:disabled{opacity:.5;cursor:not-allowed}
.link-btn{background:none;border:0;color:var(--pri3);cursor:pointer;padding:0}

/* forms */
.field{margin-bottom:14px}
.field>label,.lbl{display:block;font-size:13px;color:var(--tx2);margin-bottom:6px;font-weight:500}
.inp{width:100%;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;outline:none}
.inp:focus{border-color:var(--pri)}
textarea.inp{resize:vertical;min-height:90px}
select.inp{appearance:auto}
.hint{font-size:12px;color:var(--tx3);margin-top:5px}
.check{display:flex;gap:10px;align-items:flex-start;padding:9px 0;cursor:pointer}
.check input{margin-top:3px;accent-color:var(--pri);width:16px;height:16px;flex:none}
.check b{display:block;color:var(--tx);font-weight:600}
.check span{font-size:13px;color:var(--tx2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}

/* alerts */
.alert{border-radius:12px;padding:12px 14px;margin-bottom:16px;border:1px solid;font-size:14px}
.alert.success{background:#22c55e14;border-color:#22c55e55;color:#86efac}
.alert.error{background:#ef444414;border-color:#ef444455;color:#fca5a5}
.alert.info{background:#3b82f614;border-color:#3b82f655;color:#93c5fd}
.alert.secret{background:#ff7a1a14;border-color:#ff7a1a66;color:#ffb47a;font-family:ui-monospace,Menlo,Consolas,monospace}

/* tags */
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap}
.t-ok{background:#22c55e22;color:#4ade80}.t-warn{background:#fbbf2422;color:#fbbf24}.t-bad{background:#ef444422;color:#f87171}
.t-info{background:#3b82f622;color:#7fb0ff}.t-mute{background:#ffffff12;color:var(--tx2)}.t-pri{background:#ff7a1a22;color:var(--pri3)}

/* auth layout */
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.auth-hero{padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 15% 15%,#ff7a1a2e 0,transparent 45%),radial-gradient(circle at 85% 90%,#3b82f633 0,transparent 50%),linear-gradient(#ffffff06 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff06 1px,transparent 1px) 0 0/40px 40px,var(--bg2)}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:#fff;font-size:17px}
.brand img{height:40px;width:auto}
.pill{display:inline-block;font-size:12.5px;color:var(--pri3);border:1px solid #ff7a1a66;background:#ff7a1a14;border-radius:99px;padding:4px 12px;margin-bottom:16px}
.auth-hero h1{font-size:36px;max-width:470px;margin-bottom:14px}
.auth-hero h1 em{font-style:normal;color:var(--pri)}
.auth-hero p{color:var(--tx2);max-width:440px}
.auth-side{display:grid;place-items:center;padding:32px}
.auth-card{width:100%;max-width:410px}
.auth-card h2{font-size:24px;margin-bottom:6px}
.auth-card .sub{color:var(--tx2);margin-bottom:22px}
.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px;margin-bottom:20px}
.role-tabs a{text-align:center;padding:9px 6px;border-radius:7px;color:var(--tx2);font-weight:500;text-decoration:none}
.role-tabs a.on{background:var(--pri);color:#fff;box-shadow:0 6px 18px #ff7a1a40}
.row-between{display:flex;justify-content:space-between;align-items:center;margin:2px 0 18px;font-size:13px;color:var(--tx2)}

/* app shell */
.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.side{background:var(--bg2);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}
.side .brand{padding:0 8px 16px;font-size:15px}.side .brand img{height:34px}
.side-label{margin:14px 10px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx3)}
.nav{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;color:var(--tx2);text-decoration:none!important;border:0;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px}
.nav:hover{background:var(--card)}
.nav.on{background:var(--card2);color:#fff}
.nav.on svg{color:var(--pri)}
.nav .soon{margin-left:auto;font-size:10.5px;color:var(--tx3);border:1px solid var(--line2);border-radius:99px;padding:0 6px}
.side .spacer{flex:1}
.main{min-width:0}
.top{display:flex;align-items:center;gap:14px;padding:14px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#070b14e6;backdrop-filter:blur(8px);z-index:5}
.top h1{font-size:19px;flex:1}
.menu-btn{display:none;background:none;border:0;cursor:pointer;color:var(--tx)}
.me{display:flex;align-items:center;gap:10px}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--pri),#c2410c);display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;flex:none}
.me small{display:block;color:var(--tx3);font-size:12px}
.content{padding:24px 28px 60px;max-width:1240px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.card h3{font-size:15px;margin-bottom:12px}
.card+.card{margin-top:16px}
:is(.grid2,.grid3,.grid4)>.card{margin-top:0!important}
.kpi .lbl{color:var(--tx2);font-size:13px;margin:0}
.kpi .val{font-size:26px;font-weight:700;margin-top:4px;color:#fff}
.kpi .hint{margin-top:2px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.toolbar .inp{width:auto;min-width:200px}
.toolbar .grow{flex:1}
.subtabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.subtabs a{background:var(--card);border:1px solid var(--line);color:var(--tx2);padding:7px 14px;border-radius:99px;text-decoration:none}
.subtabs a.on{background:var(--pri);border-color:var(--pri);color:#fff}
.tbl-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx3);font-weight:600;background:var(--bg2)}
tr:last-child td{border-bottom:0}
td .muted{font-size:12.5px}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.empty{padding:30px;text-align:center;color:var(--tx3)}
.list-item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.list-item:last-child{border-bottom:0}
.list-item .grow{flex:1;min-width:0}
.perm-group{margin-bottom:10px}
.perm-group h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);margin:10px 0 2px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.dot.on{background:var(--ok)}.dot.off{background:var(--tx3)}
.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px}
.secret-field{position:relative}
.secret-field .tag{position:absolute;right:10px;top:9px}
.overlay{display:none}
.phase{border:1px dashed var(--line2);border-radius:var(--r);padding:18px;color:var(--tx2)}
.phase b{color:var(--tx)}

@media (max-width:1000px){.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:820px){
  .auth{grid-template-columns:1fr}
  .auth-hero{padding:26px 22px}.auth-hero h1{font-size:24px}.auth-hero .feats{display:none}
  .app{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:30;transform:translateX(-100%);transition:transform .2s}
  .side.open{transform:none}
  .overlay.open{display:block;position:fixed;inset:0;background:#0008;z-index:20}
  .menu-btn{display:block}
  .top{padding:12px 16px}.me .nm{display:none}
  .content{padding:18px 16px 50px}
  .grid2,.grid3{grid-template-columns:1fr}
  .toolbar .inp{min-width:0;flex:1}
}
@media (max-width:480px){.grid4{grid-template-columns:1fr 1fr}.kpi .val{font-size:21px}}

/* ---- v0.3: düzenli izin ekranı, anahtar, matris ---- */
.matrix th.c,.matrix td.c{text-align:center}
.lvl{display:inline-block;min-width:38px;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600}
.lvl.full{background:#22c55e22;color:#4ade80}.lvl.part{background:#fbbf2422;color:#fbbf24}.lvl.none{color:var(--tx3)}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}
.perm-grid .card{margin-top:0!important}
.perm-head{display:flex;align-items:center;gap:9px;margin-bottom:6px;color:#fff}
.perm-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ff7a1a1f;color:var(--pri3)}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line);cursor:pointer}
.switch-row:first-of-type{border-top:0}
.switch-row b{display:block;color:var(--tx);font-weight:600;font-size:14px}
.switch-row small{display:block;color:var(--tx3);font-size:12.5px;margin-top:1px}
.switch{appearance:none;-webkit-appearance:none;flex:none;width:38px;height:22px;border-radius:99px;background:var(--line2);position:relative;cursor:pointer;transition:background .15s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.switch:checked{background:var(--pri)}.switch:checked::after{transform:translateX(16px)}
.switch:focus-visible{outline:2px solid var(--pri3);outline-offset:2px}
.inline-field{display:flex;align-items:center;gap:8px;padding:0 0 10px;font-size:13px;color:var(--tx2)}
.inline-field .inp{width:90px}
.sep-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);margin:6px 0 10px;padding-top:12px;border-top:1px solid var(--line)}
.sep-label .muted{text-transform:none;letter-spacing:0}
.date3{display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:6px}
/* şablonlar */
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.tpl-grid .card{margin-top:0!important}
.tpl-card h3{margin-bottom:4px}.tpl-card>p{margin-bottom:12px}
.tpl-chs{display:flex;flex-direction:column;gap:6px}
.tpl-ch{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--tx);text-decoration:none!important}
.tpl-ch:hover{background:var(--card2);border-color:var(--line2)}
.tpl-ch .grow{flex:1;min-width:0}.tpl-ch b{display:block;font-size:13.5px}
.tpl-ch small{display:block;color:var(--tx3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-ch-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--card2);color:var(--tx2);flex:none}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:var(--card2);border:1px solid var(--line2);border-radius:99px;padding:4px 10px;font-size:12.5px;cursor:pointer;color:var(--tx)}
.chip:hover{border-color:var(--pri)}
.preview{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px;white-space:pre-wrap;font-size:13.5px;line-height:1.6}
.preview .pv-subject{font-weight:700;color:#fff;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}
.preview.sms .pv-body,.preview.whatsapp .pv-body{background:var(--card2);border-radius:14px 14px 14px 4px;padding:10px 12px;display:inline-block;max-width:100%}
.preview.whatsapp .pv-body{background:#14532d55}
/* işlem kayıtları */
.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg a{padding:6px 12px;border-radius:7px;color:var(--tx2);text-decoration:none!important;font-size:13px;white-space:nowrap}
.seg a.on{background:var(--card2);color:#fff}
.feed{padding:6px 20px}
.feed-day{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx3);padding:14px 0 6px;border-bottom:1px solid var(--line)}
.feed-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.feed-row:last-child{border-bottom:0}
.feed-row .grow{flex:1;min-width:0}.feed-row b{color:#fff;font-weight:600}
.feed-time{width:42px;flex:none;color:var(--tx3);font-variant-numeric:tabular-nums;padding-top:6px;font-size:13px}
.avatar.sm{width:28px;height:28px;font-size:11px}
.avatar.warn{background:linear-gradient(135deg,#ef4444,#991b1b)}
.feed-ip{font-size:11.5px;padding-top:6px;opacity:.6}
@media (max-width:820px){.feed-ip{display:none}.seg{width:100%;overflow-x:auto}}
/* eğitimler */
.empty-state{text-align:center;padding:40px 20px;max-width:620px;margin:20px auto}
.empty-state h3{font-size:18px}.es-ic{width:54px;height:54px;border-radius:16px;margin:0 auto 12px;display:grid;place-items:center;background:#ff7a1a1f;color:var(--pri3)}
.pill-btn{border:1px solid var(--line2);background:var(--card2);color:var(--tx2);border-radius:99px;padding:3px 11px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.pill-btn.on{background:#22c55e22;border-color:#22c55e55;color:#4ade80}
.pill-btn.lg{padding:7px 16px;font-size:13px}
.course-head{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.course-head .grow{flex:1}
.ch-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:6px;color:var(--tx2);font-size:13px}.ch-stats b{color:#fff;font-size:16px;margin-right:3px}
.subtabs.sm a{padding:5px 12px;font-size:13px}
.mod{padding:14px 16px}
.mod-head{display:flex;align-items:center;gap:10px}
.mod-no{width:26px;height:26px;border-radius:8px;background:var(--pri);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.mod-title{flex:1;min-width:0}
.ghost-inp{background:transparent;border-color:transparent;font-weight:700;color:#fff;font-size:15px;padding:6px 8px}
.ghost-inp:hover{border-color:var(--line2)}.ghost-inp:focus{background:var(--bg2)}
.icon-btn{background:var(--card2);border:1px solid var(--line2);color:var(--tx2);border-radius:7px;width:28px;height:28px;cursor:pointer;font-size:13px}
.icon-btn:hover{color:#fff}.icon-btn.danger:hover{color:#f87171;border-color:#ef444466}.icon-btn:disabled{opacity:.35;cursor:default}
.lesson{border:1px solid var(--line);border-radius:10px;margin-top:8px;background:var(--bg2)}
.lesson summary,.qitem summary{list-style:none;display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer}
.lesson summary::-webkit-details-marker,.qitem summary::-webkit-details-marker{display:none}
.lesson summary .grow,.qitem summary .grow{flex:1;min-width:0}
.lesson[open]{border-color:var(--line2)}
.l-ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--card2);color:var(--tx3);flex:none}
.l-ic.has{background:#ff7a1a26;color:var(--pri3)}
.lesson-body{padding:4px 12px 12px}
.video-box{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;margin-top:12px;background:#000}
.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.add-lesson{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.add-lesson .inp{flex:1;min-width:150px}
.add-mod{display:flex;gap:10px;align-items:center;border-style:dashed}
.opt-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.opt-row input[type=radio]{accent-color:var(--ok);width:17px;height:17px;flex:none}
.opt-row span{width:16px;color:var(--tx3);font-weight:600;font-size:13px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.qitem{border-bottom:1px solid var(--line)}.qitem:last-child{border-bottom:0}
.qitem.off summary{opacity:.55}
.q-no{width:24px;color:var(--tx3);font-variant-numeric:tabular-nums;flex:none}
.cat-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.cat-form{display:flex;gap:8px;align-items:center;flex:1}
.cat-form.add{padding-top:12px}
.cat-ic{width:56px;text-align:center;font-size:17px}
.cat-count{width:80px;text-align:right;font-size:13px}
@media (max-width:820px){.course-head{flex-direction:column;align-items:flex-start}.cat-count{display:none}}
/* genel bakış */
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.kpis .card{margin-top:0!important}
.delta{font-weight:600;color:var(--tx3)}.delta.up{color:#4ade80}.delta.down{color:#f87171}
.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}
.dash-grid .card{margin-top:0!important}
.span2{grid-column:span 1}
.chart-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.chart-h h3{margin-bottom:2px}
.legend{display:flex;gap:14px;font-size:12.5px;color:var(--tx2);flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.chart-wrap{position:relative}
.chart{width:100%;height:auto;display:block}
.chart .ax{font-size:11px;fill:#66738d}
.chart .val{font-size:11.5px;fill:#dbe3f0;font-weight:600}
.chart .hit{fill:transparent;cursor:crosshair}
.chart-wrap.is-empty .chart{opacity:.35}
.chart-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--tx2);font-size:13px;padding:0 30px}
.chart-empty.static{position:static;padding:28px 10px;color:var(--tx3)}
.hbars{display:flex;flex-direction:column;gap:9px;margin-top:6px}
.hb{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;align-items:center;gap:10px;font-size:13px;cursor:default}
.hb-l{color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-t{height:10px;background:#ffffff08;border-radius:0 4px 4px 0}
.hb-f{display:block;height:100%;border-radius:0 4px 4px 0;min-width:2px}
.hb-v{color:var(--tx);font-variant-numeric:tabular-nums;font-weight:600}
.tip{position:fixed;z-index:50;pointer-events:none;background:#0b1220f2;border:1px solid var(--line2);color:var(--tx);border-radius:8px;padding:6px 10px;font-size:12.5px;box-shadow:0 8px 24px #0008;max-width:280px}
@media (max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1000px){.dash-grid{grid-template-columns:1fr}}
@media (max-width:620px){.kpis{grid-template-columns:1fr 1fr}}
/* satış akışı */
.seg .cnt{display:inline-block;min-width:18px;padding:0 5px;border-radius:99px;background:#ffffff14;font-size:11px;margin-left:4px;text-align:center}
.seg a.on .cnt{background:var(--pri);color:#fff}
.due{color:#f87171!important}
.lead-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lead-head .grow{flex:1;min-width:200px}
.avatar.lg{width:52px;height:52px;font-size:17px}
.lh-name{font-size:19px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.status-pick{display:flex;flex-wrap:wrap;gap:6px}
.status-pick label{cursor:pointer}
.status-pick input{position:absolute;opacity:0;pointer-events:none}
.status-pick span{display:inline-block;padding:7px 12px;border-radius:99px;border:1px solid var(--line2);background:var(--card2);font-size:13px;color:var(--tx2)}
.status-pick input:checked+span{background:var(--pri);border-color:var(--pri);color:#fff}
.status-pick input:focus-visible+span{outline:2px solid var(--pri3)}
.quick-dates{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.quick-dates .inp{width:auto}
.tl-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.tl-row:last-child{border-bottom:0}
.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--pri);margin-top:7px;flex:none}
.tl-row .grow{flex:1;min-width:0}
.steps{margin-left:18px;line-height:1.8;color:var(--tx2)}
.step-no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--pri);color:#fff;font-size:12px;margin-right:6px}
.plan-preview{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.plan-preview:empty{display:none}
.pp-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13.5px}
.pp-row:last-child{border-bottom:0}
.sale-sum .ss-row{display:flex;justify-content:space-between;padding:6px 0;color:var(--tx2)}
.sale-sum .ss-row b{color:var(--tx)}
.sale-sum .total{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:16px}.sale-sum .total b{color:#fff;font-size:20px}
.hint.err{color:#f87171}
.mini-bar{height:6px;background:#ffffff0d;border-radius:99px;overflow:hidden;margin-bottom:4px}
.mini-bar span{display:block;height:100%;background:var(--ok);border-radius:99px}
.mini-bar.lg{height:8px;margin:10px 0 12px}
.pay-sum{display:flex;gap:22px;flex-wrap:wrap}
.pay-sum div{display:flex;flex-direction:column}.pay-sum b{color:#fff;font-size:16px}.pay-sum b.ok{color:#4ade80}.pay-sum b.due{color:#f87171}
.inst-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.inst{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13.5px}
.inst:last-child{border-bottom:0}.inst.paid{opacity:.6}.inst.late{background:#ef44440d}
.pay-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pay-form .inp{flex:1;min-width:120px}
.pay-hist{margin-top:10px}.pay-hist summary{cursor:pointer;padding:4px 0}
.refund-form{display:flex;gap:6px}.refund-form .inp{width:150px;padding:5px 8px;font-size:12.5px}
.call-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--tx);text-decoration:none!important}
.call-row:last-child{border-bottom:0}.call-row:hover b{color:var(--pri3)}
.call-row .grow{flex:1;min-width:0}.call-row b{color:#fff}
@media (max-width:820px){.inst{grid-template-columns:1fr 1fr}.pay-sum{gap:14px}}
table.kv{min-width:0}
.date3{grid-template-columns:minmax(64px,.9fr) 1.4fr 1.1fr}
.date3 .inp{padding-left:8px;padding-right:4px}
.icon-pick{display:inline-block}
.cat-ic{cursor:pointer;display:grid;place-items:center;height:40px}
.icon-pop{position:absolute;z-index:40;width:292px;background:var(--card2);border:1px solid var(--line2);border-radius:12px;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;box-shadow:0 12px 30px #000a}
.icon-pop[hidden]{display:none}
.icon-pop button{background:none;border:0;border-radius:8px;font-size:20px;padding:5px 0;cursor:pointer}
.icon-pop button:hover{background:var(--line)}
.icon-pop .icon-none{grid-column:1/-1;font-size:12.5px;color:var(--tx2);padding:6px}
/* şablon listesi (sade) */
.tpl-list{padding:4px 20px;max-width:900px}
.tpl-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.tpl-item:last-child{border-bottom:0}
.tpl-name{color:#fff;font-weight:600}
.tpl-pills{display:flex;gap:6px;flex-wrap:wrap}
.tpl-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;border:1px solid var(--line2);background:var(--card2);color:var(--tx3);font-size:12.5px;text-decoration:none!important}
.tpl-pill:hover{color:#fff;border-color:var(--tx3)}
.tpl-pill.on{background:#ff7a1a1f;border-color:#ff7a1a66;color:var(--pri3)}
/* durum ve analiz */
.funnel{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.fn-row{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;font-size:13px}
.fn-l{color:var(--tx2)}.fn-t{height:14px;background:#ffffff08;border-radius:0 4px 4px 0}
.fn-f{display:block;height:100%;border-radius:0 4px 4px 0}
.fn-v b{color:#fff}
.perf{font-size:13px}
.perf-h,.perf-r{display:grid;grid-template-columns:1.6fr 1.3fr 1fr .6fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.perf-h{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.perf-r:last-child{border-bottom:0}
.perf-r>span:first-child{display:flex;align-items:center;gap:8px;color:#fff;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.perf-r>span:nth-child(2){display:flex;align-items:center;gap:8px}
.hb-t.sm{flex:1;height:8px;display:block}
.recv{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.recv div{display:flex;flex-direction:column;gap:2px}.recv b{color:#fff;font-size:17px}.recv b.due{color:#f87171}
.tbl-wrap.flat{border:0;background:none;border-radius:0}
.tbl-wrap.flat table{min-width:0}
.tbl-wrap.flat th,.tbl-wrap.flat td{padding:10px 8px}
th.r,td.r{text-align:right;font-variant-numeric:tabular-nums}
.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:820px){.grid2{grid-template-columns:minmax(0,1fr)}}
/* üst çubuk: geri ve ana sayfa */
.crumb{display:flex;align-items:center;gap:8px;flex:none}
.icon-btn.lg{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}
.back-btn,.home-btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;text-decoration:none!important;padding:8px 13px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:#fff;transition:.15s}
.back-btn{background:var(--pri);border-color:var(--pri);color:#111}
.back-btn:hover{filter:brightness(1.08)}
.home-btn:hover{border-color:var(--pri);color:var(--pri)}
.crumb-sep{color:var(--tx3)}
.acts.nowrap{flex-wrap:nowrap}
@media (max-width:820px){.home-btn span,.crumb-sep{display:none}}
/* zengin metin editörü */
.rt{border:1px solid var(--line2);border-radius:12px;background:var(--bg2);overflow:hidden}
.rt:focus-within{border-color:var(--pri)}
.rt-bar{display:flex;flex-wrap:wrap;gap:3px;align-items:center;padding:6px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:2}
.rt-b{width:30px;height:30px;border:0;background:none;border-radius:7px;color:var(--tx2);cursor:pointer;display:grid;place-items:center;font-size:14px;font-family:Georgia,serif}
.rt-b:hover{background:var(--line);color:#fff}
.rt-b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rt-b svg circle{fill:currentColor}
.rt-s{background:var(--bg2);border:1px solid var(--line2);color:var(--tx);border-radius:7px;height:30px;padding:0 6px;font-size:12.5px;max-width:120px}
.rt-sep{width:1px;height:20px;background:var(--line2);margin:0 4px}
.rt-color{position:relative;font-weight:700;font-family:inherit}
.rt-color span{border-bottom:3px solid var(--pri);line-height:1}
.rt-color input{position:absolute;inset:0;opacity:0;cursor:pointer}
.rt-ed{min-height:260px;max-height:640px;overflow:auto;padding:14px 16px;outline:none;line-height:1.7;color:var(--tx)}
.rt-ed:empty::before{content:attr(data-ph);color:var(--tx3)}
.rt-ed h2{font-size:22px;margin:14px 0 8px}.rt-ed h3{font-size:18px;margin:12px 0 6px}.rt-ed h4{font-size:15px;margin:10px 0 6px}
.rt-ed p{margin:0 0 10px}.rt-ed ul,.rt-ed ol{margin:0 0 10px 22px}
.rt-ed blockquote{border-left:3px solid var(--pri);padding:4px 12px;margin:0 0 10px;color:var(--tx2);background:#ffffff06}
.rt-ed img{max-width:100%;height:auto;border-radius:10px;margin:6px 0}
.rt-ed a{color:var(--pri3);text-decoration:underline}
.rt-ed hr{border:0;border-top:1px solid var(--line2);margin:14px 0}
.rt-foot{padding:5px 12px;font-size:11.5px;color:var(--tx3);border-top:1px solid var(--line);text-align:right}

/* reklam verileri */
.kpis.kpis4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi.accent{background:linear-gradient(135deg,#ff7a1a26,#ff7a1a08 60%),var(--card);border-color:#ff7a1a55}
.ad-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.ad-side{display:flex;flex-direction:column;gap:14px}.ad-side .card{margin-top:0!important}
.src{display:inline-block;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:99px;background:#ffffff12;color:var(--tx2)}
.src-meta_lead{background:#3987e522;color:#7fb0ff}.src-web_form{background:#ff7a1a22;color:var(--pri3)}
.dist h3{margin-bottom:4px}
.dist-tools{display:flex;gap:6px;margin:10px 0}
.dist-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);cursor:default}
.dist-who{display:flex;align-items:center;gap:9px;min-width:0}.dist-who b{display:block;color:#fff;font-size:13.5px}.dist-who small{display:block;font-size:11.5px}
.inp.num{width:78px;text-align:center;padding:8px}
.dist-sum{display:flex;align-items:baseline;gap:6px;padding:12px 0;border-top:1px solid var(--line);margin-top:4px}.dist-sum span:first-child{flex:1;color:var(--tx2)}.dist-sum b{font-size:20px;color:#fff}
.dist-sum.over b{color:#f87171}
.btn.block{width:100%;justify-content:center}
.map-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.map-row:first-of-type{border-top:0}
.map-row b{color:#fff}
@media (max-width:1100px){.ad-grid{grid-template-columns:1fr}.kpis.kpis4{grid-template-columns:repeat(2,minmax(0,1fr))}.map-row{grid-template-columns:1fr}}

/* blog */
.blog-list{display:flex;flex-direction:column;gap:10px}
.blog-item{display:flex;align-items:center;gap:16px;margin-top:0!important;padding:14px}
.bi-cover{width:120px;height:72px;border-radius:10px;flex:none;background:var(--card2) center/cover;display:grid;place-items:center;color:var(--tx3)}
.bi-body{flex:1;min-width:0}.bi-meta{display:flex;gap:8px;align-items:center;margin-bottom:4px;font-size:12.5px}
.bi-title{display:block;color:#fff;font-weight:700;font-size:16px;margin-bottom:3px;text-decoration:none!important}.bi-title:hover{color:var(--pri3)}
.bi-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.bi-acts form{margin:0}
.blog-form{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.bf-main{display:flex;flex-direction:column;gap:12px}
.bf-title{width:100%;background:none;border:0;border-bottom:1px solid var(--line);outline:none;color:#fff;font-size:28px;font-weight:800;padding:6px 0 10px}
.bf-title:focus{border-color:var(--pri)}
.bf-slug{font-size:13px;display:flex;align-items:center}.bf-slug input{flex:1;background:none;border:0;border-bottom:1px dashed var(--line2);color:var(--pri3);outline:none;font-size:13px;padding:2px 0}
.bf-main .rt-ed{min-height:520px;max-height:none}
.bf-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:76px}.bf-side .card{margin-top:0!important}
.seg.block{display:flex;width:100%;margin:8px 0 12px}.seg.block label{flex:1;text-align:center;cursor:pointer}
.seg.block input{position:absolute;opacity:0;pointer-events:none}
.seg.block span{display:block;padding:7px 10px;border-radius:7px;color:var(--tx2);font-size:13px;font-weight:600}
.seg.block input:checked+span{background:var(--card2);color:#fff}
.seg.block label:last-child input:checked+span{background:#22c55e22;color:#4ade80}
.cover-box{aspect-ratio:16/9;border:1px dashed var(--line2);border-radius:12px;background:var(--bg2) center/cover no-repeat;display:grid;place-items:center;cursor:pointer;margin-top:8px;transition:.15s}
.cover-box:hover{border-color:var(--pri)}
.cover-box span{display:flex;gap:6px;align-items:center;background:#0b1220cc;padding:7px 12px;border-radius:99px;font-size:13px;color:var(--tx)}
.cover-box.busy{opacity:.5;pointer-events:none}
.cover-acts{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}
.serp{background:#fff;border-radius:10px;padding:12px 14px;margin:8px 0 12px;font-family:arial,sans-serif}
.serp small{color:#4d5156;font-size:12px}.serp b{display:block;color:#1a0dab;font-size:17px;font-weight:400;margin:3px 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.serp p{color:#4d5156;font-size:13px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){.blog-form{grid-template-columns:1fr}.bf-side{position:static}.blog-item{flex-wrap:wrap}.bi-acts{width:100%;justify-content:flex-start}}

/* raporlar */
.kpi-x{position:relative;overflow:hidden}
.kx-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.dl{font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:99px;background:#ffffff10;color:var(--tx2)}
.dl.up{background:#22c55e1f;color:#4ade80}.dl.down{background:#ef44441f;color:#f87171}
.spark{display:block;width:100%;height:34px;margin:8px 0 6px}
.dash-grid .chart-card{min-width:0}
.lboard{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.lb-row{display:grid;grid-template-columns:26px 28px minmax(0,1fr);gap:10px;align-items:center}
.lb-rank{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:700;background:#ffffff0d;color:var(--tx2)}
.lb-rank.top1{background:#ff7a1a33;color:#ffb27a}.lb-rank.top2{background:#3987e533;color:#9cc3f5}.lb-rank.top3{background:#199e7033;color:#6ee7b7}
.lb-name{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.lb-name b{color:#fff;font-size:13.5px}.lb-name span{color:#fff;font-weight:700;font-size:13.5px}
.lb-sub{font-size:11.5px;margin-top:5px}
.lb-main .hb-t{display:block;width:100%}
.stack{display:flex;height:16px;border-radius:6px;overflow:hidden;gap:2px;margin:10px 0 16px}
.stack span{display:block;height:100%;min-width:3px}
.stack-leg{display:flex;flex-direction:column;gap:9px}
.stack-leg div{display:grid;grid-template-columns:12px minmax(0,1fr) auto 40px;gap:9px;align-items:center;font-size:13px}
.stack-leg i{width:10px;height:10px;border-radius:3px}.stack-leg b{color:#fff}.stack-leg small{color:var(--tx3);text-align:right}
.heat{display:flex;flex-direction:column;gap:3px;margin-top:8px;overflow-x:auto}
.heat-row{display:grid;grid-template-columns:34px repeat(24,minmax(14px,1fr));gap:3px;align-items:center}
.heat-hd span{font-size:10px;color:var(--tx3);text-align:left}
.heat-l{font-size:11.5px;color:var(--tx2)}
.heat-c{height:18px;border-radius:4px;background:#ffffff08}
.srcconv{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.sc-h{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.sc-h b{color:#fff}.sc-h span{color:var(--tx2)}.sc-p{color:var(--pri3)!important}
.sc-t{display:block;height:12px;background:#ffffff08;border-radius:4px;overflow:hidden}
.sc-t>span{display:block;height:100%;border-radius:4px}.sc-t>span>span{display:block;height:100%;border-radius:4px}

/* öğrenci paneli */
.st-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:radial-gradient(circle at 92% 0,#ff7a1a3d,transparent 55%),linear-gradient(135deg,#131d33,#0f1729)}
.st-hero h2{font-size:24px;color:#fff;margin-bottom:4px}
.st-due{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;border-radius:12px;border:1px solid #fbbf2455;background:#fbbf2412;color:var(--tx);text-decoration:none!important;font-size:13.5px}
.st-due.late{border-color:#ef444466;background:#ef444414}.st-due b{color:#fff}
.st-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.st-course{margin-top:0!important;display:flex;flex-direction:column;gap:14px}
.stc-top{display:flex;gap:16px;align-items:center}.stc-top h3{font-size:17px;margin-bottom:4px}
.ring text{fill:#fff;font-size:16px;font-weight:700}
.st-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0}
.st-steps li{border:1px solid var(--line);border-radius:10px;padding:9px 11px;position:relative}
.st-steps li b{display:block;font-size:12px;color:var(--tx3);text-transform:uppercase;letter-spacing:.04em}
.st-steps li span{font-size:13px;color:var(--tx2)}
.st-steps li.now{border-color:#ff7a1a77;background:#ff7a1a10}.st-steps li.now b{color:var(--pri3)}.st-steps li.now span{color:#fff}
.st-steps li.done{border-color:#22c55e55;background:#22c55e0d}.st-steps li.done b{color:#4ade80}
.stc-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stc-next{font-size:12.5px;margin-left:4px}
.player-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.player-box{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.player-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--tx3)}
.player-info{display:flex;align-items:flex-start;gap:12px;margin-top:14px}.player-info h2{font-size:21px;color:#fff;margin-top:2px}
.watch-bar{height:5px;background:#ffffff10;border-radius:99px;margin-top:12px;overflow:hidden}.watch-bar span{display:block;height:100%;background:var(--pri);transition:width .4s}
.player-nav{display:flex;gap:8px;margin-top:16px}
.curriculum{margin-top:0!important;position:sticky;top:76px;max-height:calc(100vh - 100px);overflow:auto;padding:16px}
.cur-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.cur-h b{color:#fff}
.cur-mod{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx3);margin:16px 0 6px}
.cur-l{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;color:var(--tx);font-size:13.5px;text-decoration:none!important}
.cur-l:hover{background:var(--card2)}.cur-l.on{background:#ff7a1a1a;color:#fff}
.cur-ic{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-size:11px;flex:none;color:var(--pri3)}
.cur-l.done .cur-ic{background:#22c55e;border-color:#22c55e;color:#06210f;font-weight:800}
.exam-hint{margin-top:12px;padding:9px 12px;border-radius:10px;background:#22c55e14;border:1px solid #22c55e44;font-size:13px;display:flex;gap:7px;align-items:center}
.exam-wrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.exam-wrap .card{margin-top:0!important}
.exam-intro{text-align:center;padding:32px 26px}.exam-intro h2{color:#fff;margin:6px 0 14px}
.exam-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 16px}
.exam-facts div{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px}.exam-facts b{display:block;font-size:24px;color:#fff}.exam-facts span{font-size:12.5px;color:var(--tx2)}
.exam-rules{text-align:left;max-width:520px;margin:0 auto 18px;padding-left:18px;line-height:1.8;font-size:13.5px}
.exam-big{font-size:19px;font-weight:700;margin:6px 0}.exam-big.ok{color:#4ade80}.exam-big.bad{color:#f87171}
.btn.lg{padding:13px 26px;font-size:15px}
.exam-bar{position:sticky;top:70px;z-index:5;display:flex;justify-content:space-between;align-items:center}
.exam-timer{font-size:26px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;padding:6px 14px;border-radius:10px;background:var(--bg2)}
.exam-timer.warn{color:#f87171;background:#ef444418}
.q-n{font-size:12px;color:var(--pri3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.q-t{color:#fff;font-size:16px;margin:6px 0 12px;line-height:1.55}
.q-opt{display:flex;gap:12px;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:10px;margin-top:8px;cursor:pointer}
.q-opt:hover{border-color:var(--line2)}.q-opt input{position:absolute;opacity:0}
.q-l{width:26px;height:26px;border-radius:7px;background:var(--bg2);display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:none}
.q-opt:has(input:checked){border-color:var(--pri);background:#ff7a1a14}.q-opt:has(input:checked) .q-l{background:var(--pri);color:#fff}
@media (max-width:1100px){.player-grid{grid-template-columns:1fr}.curriculum{position:static;max-height:none}.st-courses{grid-template-columns:1fr}}
@media (max-width:600px){.exam-facts{grid-template-columns:1fr 1fr}.st-steps{grid-template-columns:1fr}}
.learn-row{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-end;padding:12px 0;margin-bottom:6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learn-row>div{display:flex;flex-direction:column;gap:2px}.learn-row b{color:#fff}.learn-row small{font-size:11.5px}
.inp.sm{padding:6px 9px;font-size:13px;width:auto}.inline-form{margin:0}