:root{--bg:#f4f5f7;--card:#fff;--ink:#16202c;--muted:#667085;--line:#e3e6eb;--pri:#1d4ed8;--pri2:#1e40af;--acc:#d6246e;--ok:#067647;--warn:#b54708;--err:#b42318;--r:10px;--sh:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.07);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important}
body{font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:24px;margin:0 0 16px;line-height:1.25}h2{font-size:18px;margin:28px 0 12px}.h3{font-size:15px;margin:14px 0 8px}
.fs12{font-size:12px}.fs13{font-size:13px}
.top{display:flex;align-items:center;gap:18px;padding:10px 20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);font-size:17px;letter-spacing:-.01em}.brand:hover{text-decoration:none}
.logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#1d4ed8 0%,#7c3aed 55%,#d6246e 100%);color:#fff;font-weight:800}
.nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.nav a{padding:6px 10px;border-radius:8px;color:#475467;font-weight:500;font-size:14px;white-space:nowrap}
.nav a.on,.nav a:hover{background:#eef2ff;color:var(--pri);text-decoration:none}
.who{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.who form{margin:0}
main.page{max-width:1180px;margin:0 auto;padding:24px 20px 60px}main.wide{padding:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.stat .lbl{font-size:13px;color:var(--muted)}.stat .val{font-size:22px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.stat .sub{font-size:12px;color:var(--muted)}
.headrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.headrow h1{margin:0}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions form{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d0d5dd;background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none!important;white-space:nowrap;line-height:1.3}
.btn:hover{background:#f9fafb}.btn.primary{background:var(--pri);border-color:var(--pri);color:#fff}.btn.primary:hover{background:var(--pri2)}
.btn.danger{color:var(--err);border-color:#fecdca}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}
button.link{background:none;border:0;color:var(--pri);font:inherit;cursor:pointer;padding:0}
label{display:block;font-size:13px;font-weight:600;color:#344054;margin:0 0 12px}
label.lo{font-weight:500;display:flex;align-items:center;gap:6px;margin:6px 0}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid #d0d5dd;border-radius:8px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
input[type=checkbox],input[type=radio]{display:inline-block;width:auto;margin:0}
input[type=color]{padding:2px;height:38px}input[type=range]{padding:0;border:0}
input:focus,select:focus,textarea:focus{outline:2px solid #c7d7fe;border-color:var(--pri)}
.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:8px}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px;align-items:end;margin-bottom:14px}.fbtn{margin-bottom:12px}
form.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-4px 0 12px}form.inline input{width:auto;margin:0}form.inline input[name=sort]{width:70px}
.flash{padding:10px 14px;border-radius:8px;background:#eff8ff;border:1px solid #b2ddff;color:#194185;margin-bottom:14px}.flash.err{background:#fef3f2;border-color:#fecdca;color:#912018}.flash.warn{background:#fffaeb;border-color:#fedf89;color:#7a2e0e}.flash.ok{background:#ecfdf3;border-color:#abefc6;color:#05603a}
.muted{color:var(--muted)}small{color:var(--muted);font-weight:400}
.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tbl th{background:#f9fafb;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap}.tbl tr:last-child td{border-bottom:0}
.tbl .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tbl tr.void td{color:#98a2b3}.tbl tr.void td.r{text-decoration:line-through}.tbl tr.total td{background:#f9fafb}
.strike{text-decoration:line-through;color:#98a2b3}
.tbl form{display:flex;gap:6px;margin:0}.tbl form input{margin:0;padding:4px 8px;font-size:13px;width:150px}
.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#f2f4f7;color:#344054;white-space:nowrap;vertical-align:middle}
.st-gonderildi{background:#eff8ff;color:#175cd3}.st-kontrol{background:#f4f3ff;color:#5925dc}.st-uretimde{background:#fff6ed;color:#c4320a}.st-hazir{background:#ecfdf3;color:#067647}.st-teslim{background:#f2f4f7;color:#344054}.st-duzeltme{background:#fffaeb;color:#b54708}.st-iptal{background:#fef3f2;color:#b42318}.st-taslak{background:#f9fafb;color:#667085}
.authbox{max-width:420px;margin:60px auto}
code{background:#f2f4f7;padding:1px 5px;border-radius:4px;font-size:13px}
.dropzone{border:2px dashed #c5cad3;border-radius:var(--r);padding:20px;text-align:center;background:#fff;margin-bottom:16px}.dropzone p{margin:4px 0}.dropzone.over{border-color:var(--pri);background:#eef4ff}
.linkbtn{display:inline;color:var(--pri);cursor:pointer;font-weight:600;margin:0;font-size:inherit}
.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.fcard.off{opacity:.55}
.fcard .im{aspect-ratio:1;display:grid;place-items:center;padding:8px}.fcard .im img{max-width:100%;max-height:100%}
.fcard .meta{padding:8px 10px;font-size:13px;border-top:1px solid var(--line);flex:1;margin:0}.fcard .meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcard .meta small{display:block}.fcard .meta input,.fcard .meta select{margin:0 0 6px;padding:5px 7px;font-size:13px}
.fcard .acts{display:flex;gap:6px;padding:0 10px 10px;flex-wrap:wrap}.fcard form{margin:0}
.share{padding:0 10px 10px;font-size:12px}.share .sf{display:flex;gap:6px;margin:0 0 6px}.share .sf input{margin:0;padding:5px 7px;font-size:13px;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:2px;background:#eef2ff;color:#1d4ed8;border-radius:999px;padding:2px 2px 2px 9px;font-size:12px;margin:0;white-space:nowrap}.chip button{border:0;background:none;cursor:pointer;color:#475467;font-size:15px;line-height:1;padding:0 6px}.chip button:hover{color:var(--err)}.fontsample{font-size:30px;line-height:1.3;margin:6px 0 10px;word-break:break-word}.fontrow .row{align-items:center}.fontrow label{margin:0}
.checker{background-color:#fff;background-image:linear-gradient(45deg,#e9ebef 25%,transparent 25%),linear-gradient(-45deg,#e9ebef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ebef 75%),linear-gradient(-45deg,transparent 75%,#e9ebef 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.preview-pages{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.pv{display:flex;flex-direction:column;gap:4px}.pv-cap{font-size:12px;color:var(--muted)}
.pv-page{position:relative;border:1px solid #c5cad3;overflow:hidden}
.pv-it{position:absolute;overflow:hidden}.pv-it img,.it img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.events{list-style:none;padding:0;margin:0;font-size:14px}.events li{padding:8px 0;border-bottom:1px solid var(--line)}.events time{color:var(--muted);font-size:12px;margin-right:10px}
.warns{list-style:none;padding:0;margin:0 0 12px;font-size:13px}.warns li{padding:6px 9px;border-radius:6px;margin-bottom:4px;background:#fffaeb;color:#7a2e0e}.warns li.e{background:#fef3f2;color:#912018}
/* editör */
html:has(.editor-page),.editor-page{overflow:hidden;height:100%}
.editor-page main{height:calc(100vh - 53px)}
.ed{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;grid-template-rows:auto minmax(0,1fr);height:100%}
.ed>*{min-height:0;min-width:0}
.ed-top{grid-column:1/-1;background:#fff;border-bottom:1px solid var(--line);z-index:5}
.ed-side,.ed-props{background:#fff;overflow-y:auto}.ed-side{border-right:1px solid var(--line)}.ed-props{border-left:1px solid var(--line);padding:14px}
.tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.tabs button{flex:1;padding:10px 4px;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.tabs button.on{color:var(--pri);border-color:var(--pri)}
.tabp{padding:12px;display:none}.tabp.on{display:block}
.ed-center{display:flex;flex-direction:column;background:#3b3e44;position:relative}
.toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:7px 12px}.toolbar .sep{width:1px;height:24px;background:var(--line);margin:0 3px}.toolbar label.lo{margin:0;font-size:13px}.toolbar .grow{flex:1}
.btn.ic{padding:4px 8px;min-width:30px}.btn.ic svg{display:block}.btn.tool.on,.btn.chain.on{background:#eef2ff;border-color:#a4bcfd;color:var(--pri)}
input.num{width:56px;margin:0;padding:4px 6px;font-size:13px;display:inline-block}input.num.w{width:66px}input.num.s{width:46px}
.ob{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;padding:6px 12px;border-top:1px solid var(--line);background:#f9fafb;height:46px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;font-size:13px}.ob>*{flex:none}
.ob .tip{color:var(--muted);font-size:12px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob .cnt{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob .og{display:inline-flex;align-items:center;gap:4px;padding-left:8px;border-left:1px solid var(--line)}.ob .ol{color:var(--muted);font-size:12px}
.savest{font-size:12px;color:var(--muted)}
.pages{flex:1;overflow:auto;padding:16px 24px 48px;position:relative}.pages.hand,.pages.hand .it,.pages.hand .pg{cursor:grab}.pages.panning,.pages.panning *{cursor:grabbing!important}
.pgwrap{margin:0 auto 26px;width:max-content;padding:0 0 0 30px}
.pghead{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d0d5dd;margin-bottom:24px;gap:10px}
.pghead .btn{background:#4b4f56;color:#fff;border-color:#5b6068}
.pgbox{position:relative}
.pg{position:relative;box-shadow:0 2px 12px rgba(0,0,0,.5)}
.rul{position:absolute;font-size:10px;color:#c4c8cf;pointer-events:none}
.rul-h{left:0;top:-20px;height:18px;background:repeating-linear-gradient(to right,rgba(255,255,255,.5) 0 1px,transparent 1px var(--c)) left bottom/100% 5px no-repeat}
.rul-v{top:0;left:-28px;width:26px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.5) 0 1px,transparent 1px var(--c)) right top/5px 100% no-repeat}
.rul-h i{position:absolute;top:0;transform:translateX(-50%);font-style:normal}.rul-v i{position:absolute;right:7px;transform:translateY(-50%);font-style:normal}
.gridov{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(29,78,216,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(29,78,216,.3) 1px,transparent 1px),linear-gradient(to right,rgba(29,78,216,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(29,78,216,.1) 1px,transparent 1px);background-size:var(--c10) var(--c10),var(--c10) var(--c10),var(--c) var(--c),var(--c) var(--c)}
.pg .used{position:absolute;left:0;right:0;border-top:2px dashed var(--acc);pointer-events:none;z-index:4}.pg .used span{position:absolute;right:4px;top:2px;font-size:11px;color:var(--acc);background:rgba(255,255,255,.9);padding:0 4px;border-radius:3px}
.it{position:absolute;cursor:move;touch-action:none;overflow:visible;outline:1px solid rgba(29,78,216,.22)}.it.sel{outline:2px solid #2e90fa;z-index:3}.it.gap{outline:2px solid #f79009}.it.ov,.it.out{outline:2px solid var(--err);background:rgba(240,68,56,.14)}.it.sel.ov,.it.sel.out,.it.sel.gap{outline-style:dashed}
.it .hd{position:absolute;width:12px;height:12px;background:#fff;border:1.5px solid #2e90fa;border-radius:2px;z-index:6;touch-action:none;box-shadow:0 1px 2px rgba(0,0,0,.3)}.hd-nw{left:-6px;top:-6px;cursor:nwse-resize}.hd-n{left:50%;top:-6px;margin-left:-6px;cursor:ns-resize}.hd-ne{right:-6px;top:-6px;cursor:nesw-resize}.hd-e{right:-6px;top:50%;margin-top:-6px;cursor:ew-resize}.hd-se{right:-6px;bottom:-6px;cursor:nwse-resize}.hd-s{left:50%;bottom:-6px;margin-left:-6px;cursor:ns-resize}.hd-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.hd-w{left:-6px;top:50%;margin-top:-6px;cursor:ew-resize}
.szb{position:absolute;left:50%;top:-30px;transform:translateX(-50%);background:#101828;color:#fff;font-size:11px;padding:2px 7px;border-radius:4px;white-space:nowrap;z-index:7;pointer-events:none}
.guide{position:absolute;pointer-events:none;z-index:8;background:#ee46bc}.guide.gv{top:0;bottom:0;width:1px}.guide.gh{left:0;right:0;height:1px}
.marq{position:absolute;border:1px dashed #2e90fa;background:rgba(46,144,250,.12);pointer-events:none;z-index:9}
.tray{padding:8px 12px;background:#fffaeb;border-bottom:1px solid #fedf89;font-size:14px;display:none;align-items:center;gap:10px}.tray.on{display:flex}
.busy{position:absolute;inset:0;background:rgba(0,0,0,.35);color:#fff;display:none;place-items:center;font-weight:600;z-index:10}.busy.on{display:grid}
.sum{display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:14px;margin-bottom:6px}.sum b{text-align:right;font-variant-numeric:tabular-nums}.sum .big{font-size:19px}.sum .sub{color:var(--muted);font-size:12px;padding-left:10px}
.dlist{display:flex;flex-direction:column;gap:10px}
.drow{border:1px solid var(--line);border-radius:8px;padding:8px}.drow.hl{border-color:#2e90fa;box-shadow:0 0 0 2px #c7d7fe}
.drow .hd2{display:flex;gap:8px;align-items:center;margin-bottom:6px;cursor:pointer}.drow .hd2 img{width:44px;height:44px;object-fit:contain;border-radius:4px;flex:none}.drow .nm{flex:1;min-width:0;font-size:13px;font-weight:600}.drow .nm span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drow .nm small{display:block}
.drow .fl{display:grid;grid-template-columns:1fr 1fr 60px;gap:6px}.drow .fl label{margin:0;font-size:12px}.drow .fl input{padding:5px 7px}
.drow .bt{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;align-items:center}.drow .bt label.lo{margin:0 auto 0 0;font-size:12px}
.lowres{color:var(--warn)!important}
.flist{display:flex;flex-direction:column;gap:6px;margin-top:10px}.fitem{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px}.fitem img{width:42px;height:42px;object-fit:contain;flex:none}.fitem .nm{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fitem small{display:block}
.catttl{font-size:13px;font-weight:700;margin:12px 0 6px}
.upopt{margin-top:8px;text-align:left}.upopt label.lo{margin:3px 0}
dialog{border:0;border-radius:12px;padding:0;max-width:min(1000px,96vw);width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(16,24,40,.45)}
.dlg-h{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700;display:flex;justify-content:space-between;gap:10px}.dlg-b{padding:14px 18px;max-height:72vh;overflow:auto}.dlg-f{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}.dlg-f .savest{margin-right:auto}
.etabs{display:flex;gap:2px;margin-bottom:12px;border-bottom:1px solid var(--line)}.etabs button{border:0;background:none;padding:8px 14px;font:inherit;font-weight:600;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.etabs button.on{color:var(--pri);border-color:var(--pri)}
.edit-grid{display:grid;grid-template-columns:1fr 310px;gap:18px}.edit-prev{min-height:360px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);padding:8px;position:relative}.edit-prev img{max-width:100%;max-height:56vh}.edit-prev.wandmode img{cursor:crosshair}
.ehint{position:absolute;left:8px;top:8px;background:rgba(16,24,40,.78);color:#fff;font-size:12px;padding:3px 8px;border-radius:4px;pointer-events:none}.ehint:empty{display:none}
.wand{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0 0 10px;background:#f9fafb}.wand p{margin:4px 0}.row2{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}
.rng{display:grid;grid-template-columns:84px 1fr 38px;gap:8px;align-items:center;font-size:13px;margin:4px 0}.rng output{font-size:12px;color:var(--muted);text-align:right}
#eCtl b{display:block;margin-top:10px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#101828;color:#fff;padding:10px 16px;border-radius:8px;z-index:1000;font-size:14px;max-width:90vw;box-shadow:0 8px 24px rgba(0,0,0,.25)}.toast.err{background:#b42318}
.textprev{border:1px dashed #c5cad3;border-radius:8px;padding:10px;min-height:64px;font-size:34px;line-height:1.2;overflow:hidden;word-break:break-all;margin-bottom:10px}
.fontrow{margin-bottom:6px}.fontdel{margin:0 0 18px;text-align:right}
.narrow-note{display:none}
@media (max-width:1100px){.ed{grid-template-columns:220px minmax(0,1fr) 250px}}
@media (max-width:960px){html:has(.editor-page),.editor-page{overflow:auto;height:auto}.editor-page main{height:auto}.ed{display:block;height:auto}.ed-center{min-height:75vh}.ed-side{max-height:60vh}}
@media (max-width:760px){.narrow-note{display:block;margin:10px}.top{padding:8px 12px;gap:8px 10px;justify-content:space-between}.nav{order:3;flex:1 1 100%;overflow-x:auto;flex-wrap:nowrap;margin:0 -4px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px}.tbl th,.tbl td{padding:8px}.who span{display:none}main.page{padding:16px 12px 40px}.edit-grid{grid-template-columns:1fr}h1{font-size:21px}.stat .val{font-size:19px}}