:root{--lac:#1E2D44;--gece:#2E4774;--kra:#4666A7;--tur:#4DC6E0;--mer:#F58663;--kum:#F4EBE2;--bg:#0F1828;
--f-d:'Righteous',Arial,sans-serif;--f-b:'Plus Jakarta Sans',Arial,sans-serif;--line:rgba(255,255,255,.11);--mut:rgba(244,235,226,.62);--r:18px;--side:288px}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark}
body{font:500 15px/1.5 var(--f-b);color:#fff;background:var(--bg);min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
radial-gradient(60% 55% at 78% 8%,rgba(70,102,167,.55),transparent 62%),
radial-gradient(50% 50% at 18% 92%,rgba(77,198,224,.22),transparent 65%),
radial-gradient(45% 45% at 62% 78%,rgba(245,134,99,.14),transparent 70%),
radial-gradient(70% 60% at 0% 0%,rgba(46,71,116,.7),transparent 60%),var(--bg)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--tur);outline-offset:2px}
.app{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}
/* kenar çubuğu */
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:rgba(12,20,34,.62);backdrop-filter:blur(22px);border-right:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;padding:20px 22px;height:80px;border-bottom:1px solid var(--line)}
.brand__mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--kra),var(--lac));display:grid;place-items:center;border:1px solid var(--line)}
.brand__mark img{width:26px;height:26px}
.brand b{display:block;font:400 18px/1.1 var(--f-d);letter-spacing:.06em}.brand small{color:var(--mut);font-size:12px}
.nav{flex:1;overflow:auto;padding:14px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.nav h6{font:600 11px/1 var(--f-b);letter-spacing:.18em;color:var(--mut);padding:16px 14px 8px;text-transform:uppercase}
.nav a{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:12px;color:rgba(255,255,255,.86);transition:background .2s,color .2s}
.nav a:hover{background:rgba(255,255,255,.07)}
.nav a.on{background:linear-gradient(90deg,rgba(77,198,224,.2),rgba(70,102,167,.22));box-shadow:inset 0 0 0 1px rgba(77,198,224,.3);color:#fff}
.nav a.on svg{color:var(--tur)}.nav em{margin-left:auto;font:600 11px/1 var(--f-b);background:var(--mer);color:var(--lac);padding:4px 7px;border-radius:99px;font-style:normal}
.nav .chev{margin-left:auto;opacity:.5;width:16px;height:16px}
.me{margin:12px;padding:10px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;text-align:left;width:calc(100% - 24px)}
.av{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,var(--tur),var(--kra));display:grid;place-items:center;font:400 15px var(--f-d);color:var(--lac);flex:none}
.me span b{display:block;font-size:14px}.me span small{color:var(--mut);font-size:12px}
.me .i{margin-left:auto;opacity:.6}
.rolmenu{position:absolute;left:12px;bottom:78px;width:264px;background:rgba(20,32,52,.97);border:1px solid var(--line);border-radius:14px;padding:6px;display:none;z-index:30}
.rolmenu.open{display:block}.rolmenu button{display:flex;width:100%;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-align:left}
.rolmenu button:hover,.rolmenu button.on{background:rgba(77,198,224,.14)}.rolmenu small{display:block;color:var(--mut);font-size:12px}
.sidewrap{position:relative}
/* üst bar */
.top{position:sticky;top:0;z-index:20;height:80px;display:flex;align-items:center;gap:18px;padding:0 32px;background:rgba(15,24,40,.55);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.ib.burger{display:none}
.tabs{display:flex;gap:6px}.tabs a{padding:8px 14px;border-radius:10px;color:rgba(255,255,255,.8);font-weight:600}.tabs a:hover{background:rgba(255,255,255,.07)}
.search{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:min(380px,34vw);height:46px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut)}
.search input{flex:1;background:none;border:0;color:#fff;font:inherit;outline:0;min-width:0}.search kbd{font:600 12px var(--f-b);padding:3px 8px;border-radius:7px;background:rgba(255,255,255,.1)}
.ib{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff}.ib:hover{background:rgba(255,255,255,.08)}
.ib .dot{position:absolute;top:2px;right:2px;min-width:20px;height:20px;border-radius:99px;background:var(--mer);color:var(--lac);font:700 11px/20px var(--f-b);text-align:center}
.demo{font:600 11px/1 var(--f-b);letter-spacing:.14em;padding:7px 10px;border-radius:99px;border:1px dashed rgba(245,134,99,.6);color:var(--mer);white-space:nowrap}
/* içerik */
.main{padding:32px 32px 56px;max-width:1700px;width:100%}
.head{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.head h1{font:400 clamp(28px,3.2vw,44px)/1.05 var(--f-d);letter-spacing:.02em}.head p{color:var(--mut);margin-top:6px}
.btn{margin-left:auto;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;background:var(--mer);color:var(--lac);font:700 12px var(--f-b);letter-spacing:.14em;text-transform:uppercase;border-radius:12px;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.card{position:relative;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(160deg,rgba(70,102,167,.26),rgba(30,45,68,.42));backdrop-filter:blur(14px);padding:26px;overflow:hidden}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.kpi{min-height:300px;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s}
.kpi:hover{transform:translateY(-4px);border-color:rgba(77,198,224,.45)}
.kpi:nth-child(1){background:linear-gradient(160deg,rgba(70,102,167,.5),rgba(46,71,116,.3))}
.kpi:nth-child(2){background:linear-gradient(160deg,rgba(77,198,224,.3),rgba(46,71,116,.3))}
.kpi:nth-child(3){background:linear-gradient(160deg,rgba(46,71,116,.7),rgba(30,45,68,.4))}
.kpi:nth-child(4){background:linear-gradient(160deg,rgba(245,134,99,.26),rgba(70,102,167,.3))}
.kpi h3{font:600 16px var(--f-b);color:rgba(255,255,255,.72)}
.kpi .n{font:400 clamp(34px,3vw,46px)/1 var(--f-d);margin:18px 0 8px;letter-spacing:.01em}
.kpi .d{color:rgba(255,255,255,.85);font-weight:600}.kpi .d b{color:var(--tur)}.kpi .d b.dn{color:var(--mer)}
.kpi svg.ch{margin-top:auto;width:100%;height:110px;overflow:visible}
.row2{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}
.chead{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.chead h2{font:400 24px/1.1 var(--f-d)}.chead p{color:var(--mut);margin-top:6px}
.seg{margin-left:auto;display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.14)}
.seg button{padding:9px 18px;border-radius:9px;font-weight:600;color:rgba(255,255,255,.8)}.seg button.on{background:rgba(255,255,255,.14);color:#fff}
#big{width:100%;height:380px;margin-top:20px;display:block}
.leg{display:flex;gap:26px;justify-content:center;margin-top:14px;color:rgba(255,255,255,.85)}.leg i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px}
.grid3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;margin-top:24px}
.card h2.s{font:400 20px/1.1 var(--f-d);margin-bottom:4px}.card .sub{color:var(--mut);font-size:13px;margin-bottom:16px}
.list{list-style:none}.list li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.list .t{font:700 14px var(--f-b);width:52px;color:var(--tur)}.list b{display:block}.list small{color:var(--mut)}
.pill{margin-left:auto;font:700 11px/1 var(--f-b);padding:6px 10px;border-radius:99px;letter-spacing:.06em;white-space:nowrap}
.p-ok{background:rgba(77,198,224,.18);color:var(--tur)}.p-wait{background:rgba(245,134,99,.18);color:var(--mer)}.p-nt{background:rgba(255,255,255,.1);color:#fff}
.bars{display:grid;gap:16px}.bar label{display:flex;justify-content:space-between;font-weight:600;margin-bottom:7px}.bar label span{color:var(--mut);font-weight:500}
.bar i{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.bar i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--kra),var(--tur));width:0;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.bar:nth-child(3) i b{background:linear-gradient(90deg,var(--kra),var(--mer))}
table{width:100%;border-collapse:collapse}th{font:600 11px var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-align:left;padding:0 0 10px}td{padding:12px 0;border-top:1px solid var(--line)}td:last-child,th:last-child{text-align:right}
.mini{display:inline-block;width:84px;height:8px;border-radius:99px;background:rgba(255,255,255,.1);vertical-align:middle;margin-right:10px;overflow:hidden}.mini b{display:block;height:100%;background:var(--tur)}
.reveal{opacity:0;transform:translateY(18px);animation:in .8s cubic-bezier(.2,.7,.2,1) forwards}@keyframes in{to{opacity:1;transform:none}}
.scrim{display:none}
@media (max-width:1280px){.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.grid3>:first-child{grid-column:1/-1}.tabs{display:none}}
@media (max-width:900px){.app{grid-template-columns:1fr}.side{position:fixed;z-index:50;width:min(300px,86vw);transform:translateX(-102%);transition:transform .35s;background:rgba(12,20,34,.97)}.app.open .side{transform:none}.app.open .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}.ib.burger{display:grid}.top{padding:0 16px;gap:8px}.main{padding:22px 16px 48px}.demo{display:none}.search{min-width:0;flex:1}.search kbd,.ib.hid{display:none}.sidewrap{position:static}.rolmenu{left:12px}}
@media (max-width:620px){.grid4,.grid3{grid-template-columns:1fr}.kpi{min-height:260px}.btn{margin-left:0}.seg button{padding:8px 12px}.card{padding:20px}#big{height:300px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* — panel ek bileşenleri — */
.top .sag{display:flex;align-items:center;gap:6px;margin-left:auto}.top .search{margin-left:0}
.nav a.soon{opacity:.45;pointer-events:none}.nav a.soon em{background:rgba(255,255,255,.14);color:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{height:38px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-weight:600;color:rgba(255,255,255,.8);cursor:pointer}.chip[aria-pressed=true]{background:rgba(77,198,224,.18);border-color:var(--tur);color:#fff}.chip b{margin-left:6px;color:var(--tur)}
.tbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.in,.sel{height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:rgba(8,14,26,.55);color:#fff;font:inherit;outline:0;min-width:0}.in:focus,.sel:focus{border-color:var(--tur);box-shadow:0 0 0 3px rgba(77,198,224,.2)}
.sel option{background:#16243b}.tbar .in{flex:1;min-width:220px;max-width:420px}
.tablo{overflow-x:auto}.tablo table{min-width:860px}.tablo td,.tablo th{padding:14px 12px;vertical-align:middle}.tablo td:last-child,.tablo th:last-child{text-align:right}
.tablo tr:hover td{background:rgba(255,255,255,.025)}
.kimlik{display:flex;align-items:center;gap:12px}.kimlik .av{width:38px;height:38px;font-size:13px}.kimlik b{display:block}.kimlik small{color:var(--mut)}
.pill.p-bl{background:rgba(70,102,167,.35);color:#cfe0ff}.pill.p-mer{background:rgba(245,134,99,.2);color:var(--mer)}
.pillar{display:flex;gap:6px;flex-wrap:wrap}.pillar .pill{margin:0}
.btn2{height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);font-weight:700;font-size:13px;cursor:pointer;color:#fff}.btn2:hover{background:rgba(77,198,224,.18);border-color:var(--tur)}
.btn2.mer{background:var(--mer);border-color:var(--mer);color:var(--lac)}.btn2.tehlike:hover{background:rgba(245,134,99,.2);border-color:var(--mer)}
.bos{padding:40px;text-align:center;color:var(--mut)}
.sayfala{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:var(--mut)}.sayfala div{display:flex;gap:8px}
dialog{border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#1c2c47,#101b2e);color:#fff;padding:0;width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto}
dialog::backdrop{background:rgba(5,9,18,.72);backdrop-filter:blur(4px)}
.dlg{padding:28px}.dlg h2{font:400 24px/1.1 var(--f-d);margin-bottom:4px}.dlg .sub{color:var(--mut);margin-bottom:20px}
.dlg .bolum{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.dlg h3{font:600 12px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.frm{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frm .tam{grid-column:1/-1}.frm label{display:block;font:600 12px/1 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:7px}.frm .in,.frm .sel{width:100%;max-width:none}
.frm .msj{color:var(--mer);font-size:13px;margin-top:5px}
.uyr{display:grid;grid-template-columns:1fr 170px auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.uyr:first-of-type{border-top:0}.uyr b{display:block}.uyr small{color:var(--mut)}
.dlg .alt-btn{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}
.hata-kutu{padding:12px 14px;border-radius:10px;background:rgba(245,134,99,.14);border:1px solid rgba(245,134,99,.55);color:#ffd9cc;margin-bottom:14px;display:none}.hata-kutu.goster{display:block}
.bilgi-kutu{padding:18px 20px;border-radius:14px;border:1px solid rgba(77,198,224,.4);background:rgba(77,198,224,.08);margin-bottom:24px}.bilgi-kutu b{display:block;margin-bottom:4px;font-size:16px}
.kurkart{display:flex;gap:18px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.kurkart:first-child{border-top:0}.kurkart .ik{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,var(--kra),var(--lac));display:grid;place-items:center;flex:none;border:1px solid var(--line)}
.ozet4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.prof{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.prof dt{font:600 11px var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}.prof dd{font-weight:600}
.denet{font-size:13px}.denet td{padding:10px 12px}.denet code{font:12px/1.4 ui-monospace,monospace;color:var(--mut);word-break:break-all}
.ikon-btn{background:none;border:0;cursor:pointer;color:#fff}
.kisim{display:flex;gap:10px;align-items:center}
@media (max-width:1280px){.ozet4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.ozet4,.prof,.frm{grid-template-columns:1fr}.uyr{grid-template-columns:1fr 1fr}.dlg{padding:20px}}
.gizli{position:absolute}.top .demo{border-style:solid}
.grid3.gelen{grid-template-columns:1fr 1fr}@media (max-width:1280px){.grid3.gelen>:first-child{grid-column:auto}}@media (max-width:900px){.grid3.gelen{grid-template-columns:1fr}}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:100;background:#1c2c47;border:1px solid var(--tur);padding:14px 22px;border-radius:12px;font-weight:600}
.sb{color:var(--mut)}a.kpi{display:flex;color:inherit}a.kpi:hover{text-decoration:none}.bil{margin-top:24px}
dialog{margin:auto}
/* — sipariş modülü — */
.btn.ust{height:42px;margin:0 12px 0 0;padding:0 20px;font-size:12px;white-space:nowrap}
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;counter-reset:a}
.adim{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut)}
.adim b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font:400 15px var(--f-d);flex:none}
.adim.on{color:#fff;border-color:var(--tur);background:linear-gradient(145deg,rgba(77,198,224,.16),rgba(70,102,167,.2))}.adim.on b{background:var(--tur);color:var(--lac);border-color:var(--tur)}.adim.bitti b{background:rgba(77,198,224,.2);color:var(--tur)}
.dropz{border:2px dashed rgba(77,198,224,.5);border-radius:20px;padding:44px 24px;text-align:center;background:rgba(77,198,224,.05);cursor:pointer;transition:background .2s,border-color .2s}.dropz:hover,.dropz.uzerinde{background:rgba(77,198,224,.14);border-color:var(--tur)}
.dropz svg.i{width:44px;height:44px;color:var(--tur);margin-bottom:10px}.dropz b{display:block;font:400 22px var(--f-d);margin-bottom:6px}.dropz small{color:var(--mut)}
.dosya{display:grid;grid-template-columns:44px 1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.dosya:first-child{border-top:0}
.dosya .tn{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;font:700 11px var(--f-b);letter-spacing:.06em;overflow:hidden}.dosya .tn img{width:100%;height:100%;object-fit:cover}
.dosya small{color:var(--mut)}.prog{height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:6px}.prog i{display:block;height:100%;width:0;background:var(--tur);transition:width .2s}
.alt-bar{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.alt-bar .btn{margin-left:auto}.btn.gri{background:transparent;color:#fff;border:1px solid var(--line);margin-left:0}
.frm3{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.frm3 label,.fl label{display:block;font:600 12px/1 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:7px}.frm3 .in,.frm3 .sel,.fl .in,.fl .sel{width:100%;max-width:none}
.frm3 .gel .in{border-color:rgba(77,198,224,.6)}.frm3 .bos .in{border-color:var(--mer)}.etk{display:inline-block;margin-top:6px;font-size:12px;color:var(--tur)}.etk.mer{color:var(--mer)}
.sec2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.secim{position:relative;display:block;cursor:pointer}.secim input{position:absolute;opacity:0}.secim>span{display:block;padding:20px;border-radius:16px;border:1px solid var(--line);background:rgba(8,14,26,.4);height:100%;transition:all .2s}.secim b{display:block;font-size:17px;margin-bottom:4px}.secim small{color:var(--mut)}
.secim input:checked+span{border-color:var(--tur);background:linear-gradient(145deg,rgba(77,198,224,.18),rgba(70,102,167,.22));box-shadow:0 0 0 1px var(--tur)}.secim input:focus-visible+span{outline:2px solid var(--tur);outline-offset:2px}
.fl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.fl .tam{grid-column:1/-1}
.ozet-s{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:16px;border:1px solid rgba(77,198,224,.4);background:rgba(77,198,224,.08);margin-top:22px;align-items:center;flex-wrap:wrap}.ozet-s b{font:400 28px var(--f-d)}
.onay2{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.onay2 input{width:20px;height:20px;margin-top:2px;accent-color:var(--tur);flex:none}
.uyari{padding:14px 16px;border-radius:12px;background:rgba(245,134,99,.14);border:1px solid rgba(245,134,99,.55);color:#ffd9cc;margin-bottom:16px}
.zaman{list-style:none;position:relative;margin-left:8px}.zaman li{position:relative;padding:0 0 18px 28px;border-left:2px solid rgba(255,255,255,.14)}.zaman li:last-child{border-left-color:transparent}.zaman li::before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--tur);box-shadow:0 0 0 4px rgba(77,198,224,.2)}.zaman small{color:var(--mut);display:block}
.asama-cubuk{display:flex;gap:6px;margin:6px 0 4px}.asama-cubuk i{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.14)}.asama-cubuk i.d{background:var(--tur)}
.say{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.tutar{font-variant-numeric:tabular-nums;white-space:nowrap}.borc{color:var(--mer)}.alac{color:var(--tur)}
.mini-kart{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.mini-kart .card{padding:22px}.mini-kart h3{font:600 13px var(--f-b);color:var(--mut);letter-spacing:.08em;text-transform:uppercase}.mini-kart .n{font:400 32px/1 var(--f-d);margin-top:12px}
td input[type=checkbox]{width:18px;height:18px;accent-color:var(--tur)}
@media (max-width:900px){.adimlar,.frm3,.sec2,.mini-kart{grid-template-columns:1fr}.frm3{grid-template-columns:1fr 1fr}.dosya{grid-template-columns:44px 1fr auto}.btn.ust{padding:0 14px}}
@media (max-width:620px){.frm3,.fl{grid-template-columns:1fr}.btn.ust{font-size:0;gap:0;padding:0 12px}.btn.ust svg{width:22px;height:22px}}
.tc{text-align:center}
.prof .tam{grid-column:1/-1}
.ref{font:400 28px var(--f-d);letter-spacing:.08em;color:var(--tur)}textarea.in{height:auto;padding:12px 16px;width:100%;max-width:none;resize:vertical}.seg button:disabled{opacity:.45;cursor:not-allowed}
.mini-kart{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.dosya small{display:block}.dosya b{display:block}
.fl.gizle{display:none}
.alt-btn.gizle{display:none}
.bld{display:block;padding:12px 0;border-top:1px solid var(--line);color:inherit}.bld:hover{text-decoration:none;background:rgba(255,255,255,.03)}.bld b{display:block}.bld small{display:block;color:var(--mut)}.bld.yeni b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mer);margin-right:8px}
.top .sag .ib .dot{top:0;right:0}

.urun{display:grid;grid-template-columns:1fr 200px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.urun small{display:block}.urun .fl1 label{display:block;font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}.urun .in{width:100%}.onay2.ic{margin:0;padding:0;border:0;background:none}
.kalem{font-size:13px;color:var(--mut);margin-bottom:6px}.kalem div+div{margin-top:2px}
@media (max-width:620px){.urun{grid-template-columns:1fr}}
.tel{--tel-h:46px}
.guvbar{padding:12px 32px;background:linear-gradient(90deg,rgba(245,134,99,.25),rgba(245,134,99,.08));border-bottom:1px solid rgba(245,134,99,.5);color:#ffe3d9}.guvbar a{color:var(--mer);font-weight:700;margin-left:6px}
.me__ad{color:inherit;display:block;min-width:0}.me__ad:hover{text-decoration:none}.me__ad b{display:block;font-size:14px}.me__ad small{color:var(--mut);font-size:12px}
.sifre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qr{background:#fff;border-radius:16px;padding:10px;width:240px;height:240px;display:grid;place-items:center}.qr svg{width:100%;height:100%}
.kodlar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.kodlar code{padding:10px 14px;border-radius:10px;background:rgba(0,0,0,.3);border:1px solid var(--line);font:600 15px ui-monospace,monospace;letter-spacing:.06em;text-align:center}
.hesap-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hesap-grid>.tam{grid-column:1/-1}.kutu-uyari{padding:14px 16px;border-radius:12px;background:rgba(245,134,99,.14);border:1px solid rgba(245,134,99,.55);color:#ffd9cc;margin:12px 0}
@media (max-width:900px){.hesap-grid,.sifre-grid{grid-template-columns:1fr}.guvbar{padding:12px 16px}}
dialog.genis{width:min(820px,calc(100vw - 24px))}
.yazisma{display:grid;gap:12px;margin:8px 0 18px}.msj-b{padding:14px 16px;border-radius:14px;border:1px solid var(--line);max-width:88%}.msj-b small{display:block;color:var(--mut);margin-bottom:6px}.msj-b p{margin:0;line-height:1.55}
.msj-b.bayi{background:rgba(70,102,167,.22);justify-self:start}.msj-b.merkez{background:rgba(77,198,224,.14);border-color:rgba(77,198,224,.4);justify-self:end}.msj-b.ic{background:rgba(245,134,99,.12);border-style:dashed;border-color:rgba(245,134,99,.6)}
.alt-btn.dur{border-top:1px solid var(--line);padding-top:16px}
/* — raporlar — */
.filtre{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.filtre label{display:block;font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}.filtre .in,.filtre .sel{height:42px;min-width:130px}
.filtre .sag-btn{margin-left:auto;display:flex;gap:8px;position:relative}
.sekmeler{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:0}.sekmeler button{padding:12px 18px;border:0;background:none;color:var(--mut);font:700 14px var(--f-b);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.sekmeler button[aria-selected=true]{color:#fff;border-bottom-color:var(--tur)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-k{padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(70,102,167,.28),rgba(30,45,68,.4))}.kpi-k small{display:block;color:var(--mut);font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase}.kpi-k b{display:block;font:400 26px/1.15 var(--f-d);margin:8px 0 2px}.kpi-k span{color:var(--mut);font-size:12.5px}
.kpi-k.mer{background:linear-gradient(160deg,rgba(245,134,99,.26),rgba(70,102,167,.25))}.kpi-k.tur{background:linear-gradient(160deg,rgba(77,198,224,.24),rgba(46,71,116,.3))}
.grafik-izgara{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.grafik-izgara .tam{grid-column:1/-1}.gkart{padding:22px}.gkart h3{font:400 18px var(--f-d);margin-bottom:4px}.gkart p.sub{margin-bottom:14px}
svg.grf{width:100%;height:auto;display:block}.gz{stroke:rgba(255,255,255,.1);stroke-width:1}.gt{fill:var(--mut);font:12px var(--f-b)}.gh{fill:#fff;font:400 20px var(--f-d)}
.lej{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;color:var(--mut);font-size:12.5px}.lej i,.halka i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.halka{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.halka svg{width:150px;height:150px;flex:none}.halka ul{list-style:none;flex:1;min-width:160px}.halka li{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:13.5px}.halka li span{flex:1}.halka li small{color:var(--mut);width:36px;text-align:right}
.yt{display:grid;gap:9px}.yt__s{display:grid;grid-template-columns:150px 1fr 96px;gap:10px;align-items:center;font-size:13px}.yt__s span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt__c{height:10px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.yt__c i{display:block;height:100%;width:0;border-radius:99px;transition:width .9s}.yt__s b{text-align:right}
.indir{position:relative}.indir-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;background:#16243b;border:1px solid var(--line);border-radius:12px;padding:6px;display:none}.indir-menu.acik{display:block}.indir-menu a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;color:#fff}.indir-menu a:hover{background:rgba(77,198,224,.16);text-decoration:none}
@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grafik-izgara{grid-template-columns:1fr}.yt__s{grid-template-columns:110px 1fr 84px}}
@media (max-width:620px){.kpi-grid{grid-template-columns:1fr}.filtre .sag-btn{margin-left:0}}
.bos2{padding:10px 12px;display:block}

.ent-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}.ent-kart{display:block;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.04);color:inherit;text-decoration:none}.ent-kart:hover{border-color:#4DC6E0}.ent-kart h3{margin:0 0 6px;font-size:15px}.ent-kart .d{font-size:13px}