@font-face{font-family:PJS;src:url(fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20C0}
@font-face{font-family:PJS;src:url(fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
:root{--ink:#131F3C;--mute:#5A6B80;--line:#DDE8E7;--paper:#F3F8F7;--card:#fff;--blue:#3962B9;--blue2:#E8EEFA;--teal:#6CC0C3;--mint:#D5F0E4;--amber:#E5A823;--amber2:#FDF3D7;--bad:#B3261E;--good:#17725A;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 PJS,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}img{max-width:100%;height:auto}h1{font-size:1.9rem;line-height:1.15;margin:0 0 .3em;letter-spacing:-.025em;font-weight:750}h2{font-size:1.05rem;margin:0 0 .5em;font-weight:700}h3{font-size:.95rem;margin:1.2em 0 .3em}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.muted{color:var(--mute)}.small{font-size:.86rem}.lead{color:var(--mute);margin:0 0 1em;font-size:1.02rem}.empty{padding:36px;text-align:center;color:var(--mute);background:var(--card);border-radius:var(--r);border:1px dashed var(--line)}
.btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:650;font-size:.92rem;padding:8px 14px;border-radius:10px;border:1px solid #C9D7D7;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--blue)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#2E52A0}.btn.soft{background:var(--blue2);border-color:var(--blue2);color:var(--blue)}.btn.big{padding:12px;font-size:1rem}.btn:disabled{opacity:.6}
.link{background:none;border:0;font:inherit;text-decoration:underline;cursor:pointer;color:var(--mute);padding:4px}.danger{color:var(--bad)}
label{display:grid;gap:4px;font-size:.88rem;font-weight:600}label.inline{display:inline-flex;align-items:center;gap:8px;font-weight:450;margin:8px 0}
input,select,textarea{font:inherit;font-weight:450;padding:9px 11px;border:1px solid #C9D7D7;border-radius:10px;background:#fff;width:100%;color:inherit;min-width:0}input[type=checkbox]{width:auto;accent-color:var(--blue)}
.stack{display:grid;gap:12px}.bare{border:0;padding:0;margin:0;min-width:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.between{justify-content:space-between}
.alert{padding:10px 14px;border-radius:10px;margin:0 0 12px}.alert.good{background:#E0F3EC;color:#0F5A46}.alert.bad{background:#FBE9E7;color:#8E1D17}.alert.warn{background:var(--amber2);color:#6B4D00}
i{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
/* giriş */
.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;min-height:100dvh;background:#fff}
.l-art{position:relative;background:var(--mint);overflow:hidden}.l-art svg{position:absolute;inset:0;width:100%;height:100%}.l-art p{position:absolute;left:36px;bottom:22px;margin:0;font-size:1.3rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#fff}
.l-form{display:grid;place-items:center;padding:32px 24px}.l-form>div{width:100%;max-width:360px}.l-logo{display:block;margin-bottom:36px}.l-form h1{margin-bottom:.15em}.l-form .stack{margin-top:22px}.pw{position:relative;display:block}.pw input{padding-right:72px}.pw .link{position:absolute;right:6px;top:6px;font-size:.84rem;font-weight:500}
.solo{display:grid;place-items:center;min-height:100vh;padding:16px}.box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;width:100%;max-width:460px}.box.prose{max-width:680px}.box h1{margin-top:.6em}
/* kabuk */
.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:20px 12px 12px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.brand{padding:2px 8px 8px;display:block}
.side nav{display:grid;gap:2px}.side nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--mute);font-weight:600;font-size:.92rem}.side nav a:hover{background:var(--paper);color:var(--ink)}.side nav a[aria-current]{background:var(--blue2);color:var(--blue)}.side nav b{margin-left:auto;background:var(--blue);color:#fff;font-size:.72rem;padding:0 7px;border-radius:9px}
.s-br{flex:1;min-height:0}.s-br h2{font-size:.8rem;color:var(--mute);margin:8px 10px 4px;font-weight:600}.s-br a{display:flex;align-items:center;gap:9px;padding:5px 10px;text-decoration:none;font-size:.86rem;border-radius:8px}.s-br a:hover{background:var(--paper)}
.side form{margin:0;padding:0 6px}.tabbar{display:none}.m-logo{display:none}
.wrap{min-width:0;padding:28px 32px 48px;max-width:1240px;width:100%}
/* bugün */
.dash{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.hello{background:linear-gradient(115deg,var(--ink),#23407F 62%,#3F8F9C);color:#fff;border-radius:18px;padding:22px 24px;margin-bottom:14px}.hello p{margin:0;color:#D5E3EE}.hello h1{font-size:2rem;margin:.1em 0 .1em}.hello .lead{color:#E8F1F5;margin:0}
.prog{display:flex;gap:4px;margin-top:14px}.prog i{flex:1;height:7px;border-radius:4px;background:#ffffff33;width:auto}.prog .on{background:var(--mint)}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:0 0 16px}.week a{background:var(--card);border:1px solid var(--line);border-radius:12px;text-align:center;padding:7px 2px;text-decoration:none;display:grid}.week span{font-size:.72rem;color:var(--mute)}.week b{font-size:1.05rem}.week small{font-size:.72rem;color:var(--mute);font-variant-numeric:tabular-nums}.week a[aria-current]{background:var(--blue);border-color:var(--blue);color:#fff}.week a[aria-current] span,.week a[aria-current] small{color:#DCE6F7}.week a.full:not([aria-current]){background:#E0F3EC;border-color:#BFE3D4}
.sec{margin:18px 0 8px}
.task{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0 0 8px;scroll-margin-top:16px}.task summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 118px 12px 14px;min-height:62px}.task summary::-webkit-details-marker{display:none}.task .tx{min-width:0;flex:1;display:grid}.task .tx b{font-weight:700}.task .tx small{color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task details[open] .tx small{white-space:normal}.task.st-done,.task.st-skip{opacity:.72}.ready{font-size:.74rem;font-weight:650;color:var(--good);background:#E0F3EC;padding:1px 8px;border-radius:9px;white-space:nowrap}
.quick{position:absolute;right:12px;top:12px;margin:0}.mark-done,.mark-skip{position:absolute;right:14px;top:20px;font-size:.82rem;font-weight:650;color:var(--good)}.mark-skip{color:var(--mute)}
.tb{padding:0 14px 14px;border-top:1px solid var(--line);padding-top:12px}.tip-l{margin:0 0 10px;font-size:.86rem;color:#2E4F8F;background:var(--blue2);padding:6px 10px;border-radius:8px}.ask{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);display:grid;gap:8px}.done{color:var(--good);margin:.2em 0}
.ptag{flex:none;width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;font-size:.76rem;font-weight:750;background:#E9EFF1}.p-instagram{background:#FBE4EE;color:#A81E5B}.p-facebook{background:#E3ECFB;color:#1F4FA8}.p-tiktok{background:#E2F5F5;color:#0F6468}.p-youtube{background:#FBE5E3;color:#B3261E}.p-linkedin{background:#DFEDF6;color:#0A5A8C}.p-pinterest{background:#FAE3E4;color:#A5141D}.p-x{background:#E7E9EE;color:var(--ink)}
.d-side{display:grid;gap:12px;position:sticky;top:20px}.w{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px 14px}.w h2{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;margin-bottom:6px}.w h2 a{text-decoration:none}.w .n{background:var(--blue2);color:var(--blue);font-size:.74rem;padding:0 7px;border-radius:9px}
.w-i{display:grid;padding:5px 0;text-decoration:none;font-size:.86rem}.w-i span{color:var(--mute)}.w-b{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:4px 0;text-decoration:none;font-size:.86rem}.w-b small{color:var(--mute)}.w-b i{grid-column:1/-1;width:100%;height:5px;background:var(--paper);border-radius:3px;overflow:hidden}.w-b u{display:block;height:100%}.w-t{display:flex;align-items:center;gap:8px;padding:3px 0;text-decoration:none;font-size:.86rem}.w-t .ptag{width:26px;height:26px;border-radius:7px;font-size:.66rem}
/* genel */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:0 0 14px}
.today{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;margin:0 0 16px}.today li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.today a{text-decoration:none;color:var(--mute);display:block;font-size:.86rem}.today b{display:block;font-size:1.8rem;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums}.today .hot b{color:var(--bad)}
.matrix{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.matrix table{border-collapse:collapse;width:100%;table-layout:fixed}.matrix th,.matrix td{padding:0;border-bottom:1px solid var(--line);text-align:left}.matrix tr:last-child>*{border-bottom:0}.matrix thead th{padding:10px 12px;font-size:.8rem;color:var(--mute);font-weight:600;background:#FAFCFC}.matrix tbody th{font-weight:650;width:170px}.matrix tbody th a{display:flex;gap:9px;align-items:center;padding:12px;text-decoration:none}
td .cell{display:block;position:relative;padding:8px 12px;text-decoration:none;min-height:54px}td .cell:hover{background:var(--paper)}.cell strong{display:block;font-variant-numeric:tabular-nums;font-size:1rem}.cell small{color:var(--mute);font-size:.76rem}.cell em{position:absolute;top:6px;right:6px;background:var(--blue);color:#fff;font-style:normal;font-size:.7rem;font-weight:700;border-radius:9px;padding:0 6px}.cell.broken strong{color:var(--bad)}
.plug{display:block;padding:14px 12px;color:#A9B7BF;font-size:.86rem}.plug.due{color:#8A6100;font-weight:600;font-size:.8rem}
.tabs{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:0 0 14px}.tabs>a:not(.btn){padding:6px 12px;border-radius:9px;text-decoration:none;color:var(--mute);font-weight:600;font-size:.9rem}.tabs>a[aria-current]{background:var(--blue);color:#fff}.tabs form{margin:0}.sp{flex:1}
.facts{display:flex;flex-wrap:wrap;gap:28px;margin:0 0 12px}.facts dt{font-size:.82rem;color:var(--mute)}.facts dd{margin:0;font-size:1.4rem;font-weight:750;font-variant-numeric:tabular-nums}
.chart{position:relative}.chart svg{width:100%;height:auto;display:block}.chart text{font-size:12px;fill:var(--mute)}.grid{stroke:var(--line)}.ln{fill:none;stroke:var(--blue);stroke-width:2;stroke-linejoin:round}.cross{stroke:var(--mute)}.dot{fill:var(--blue);stroke:#fff;stroke-width:2}.tip{position:absolute;top:0;background:var(--ink);color:#fff;font-size:.8rem;padding:4px 8px;border-radius:6px;pointer-events:none;white-space:nowrap;transform:translateX(-50%)}
.plain{border-collapse:collapse;width:100%;margin-top:8px}.plain th,.plain td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}.plain form{margin:0}
.msg,.post{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:0 0 10px;text-decoration:none}.msg.new{border-left:4px solid var(--blue)}.msg header,.post header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.msg header span{color:var(--mute);font-size:.88rem}time{margin-left:auto;color:var(--mute);font-size:.84rem}.msg p,.post p{margin:.5em 0;overflow-wrap:anywhere}.reply{display:grid;gap:8px;margin-top:8px}.post small{color:var(--mute)}
.tag{font-size:.76rem;font-weight:650;border-radius:7px;padding:1px 8px;background:#E7EEEE}.t-approved{background:var(--blue2);color:var(--blue)}.t-done{background:#E0F3EC;color:var(--good)}.t-failed{background:#F9DAD6;color:var(--bad)}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.dow{background:#FAFCFC;padding:6px 8px;font-size:.8rem;color:var(--mute)}.pad{background:var(--paper)}.day{background:var(--card);min-height:112px;padding:6px;min-width:0}.day>span{font-size:.84rem;color:var(--mute)}.day.now>span{background:var(--blue);color:#fff;border-radius:7px;padding:0 6px}.day a{display:flex;gap:5px;align-items:center;font-size:.74rem;text-decoration:none;padding:2px 3px;border-radius:4px;overflow:hidden;white-space:nowrap}.day a:hover{background:var(--paper)}.st-draft{color:var(--mute)}.tk-done{color:var(--good);text-decoration:line-through!important}.tk-skip{color:var(--mute);text-decoration:line-through!important}
.pls{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 16px}.pls legend{font-size:.88rem;font-weight:600;padding:0;margin-bottom:4px}.pls label{display:inline-flex;gap:6px;align-items:center;font-weight:450}
.thumb{max-height:130px;border-radius:8px;display:block}.pick{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.copy dd{margin:0 0 8px}code{overflow-wrap:anywhere;background:var(--paper);padding:2px 5px;border-radius:5px;font-size:.84rem}.log{margin:.2em 0;font-size:.86rem}.log time{margin:0 8px 0 0}
.open,.chan{display:grid;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.open{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.ot{display:flex;gap:9px;align-items:center}.ot .ptag{width:28px;height:28px;border-radius:8px;font-size:.68rem}.chan{grid-template-columns:90px 175px minmax(0,1fr) auto}.open:last-child,.chan:last-child{border-bottom:0}.rh{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.addrh{margin-top:10px}
.morel{display:grid;padding:6px}.morel a{display:flex;gap:10px;align-items:center;padding:11px 10px;text-decoration:none;font-weight:600}
@media(max-width:1080px){.dash{grid-template-columns:minmax(0,1fr)}.d-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.login{grid-template-columns:1fr;grid-template-rows:170px 1fr}.l-art p{display:none}.l-form{place-items:start center;padding-top:28px}.l-logo{margin-bottom:22px}
.app{display:block}.side{display:none}.m-logo{display:block;margin:0 0 12px}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding:5px 2px max(5px,env(safe-area-inset-bottom))}.tabbar a{position:relative;display:grid;justify-items:center;gap:1px;font-size:.68rem;font-weight:600;padding:3px 10px;text-decoration:none;color:var(--mute)}.tabbar a[aria-current]{color:var(--blue)}.tabbar b{position:absolute;top:-2px;right:4px;background:var(--blue);color:#fff;font-size:.62rem;padding:0 5px;border-radius:8px}
.wrap{padding:14px 16px 84px}h1{font-size:1.6rem}.hello{padding:18px}.hello h1{font-size:1.6rem}.d-side{grid-template-columns:minmax(0,1fr)}.two{grid-template-columns:1fr}.today{grid-template-columns:1fr 1fr}.week{gap:4px}
.task summary{padding:11px 12px;align-items:flex-start;flex-wrap:wrap;padding-bottom:54px}.quick{top:auto;bottom:11px;left:12px;right:12px}.quick .btn{width:100%}.task details[open] .quick{}.mark-done,.mark-skip{top:auto;bottom:18px;left:58px;right:auto}.task details[open]~.quick{position:static;margin:0 12px 12px}.task details[open]>summary{padding-bottom:11px}
.matrix{background:none;border:0}.matrix table,.matrix tbody,.matrix tr{display:block}.matrix thead{display:none}.matrix tbody tr{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.matrix tbody th{grid-column:1/-1;width:auto;display:block;border-bottom:1px solid var(--line)}.matrix td{display:block;border-bottom:0}.matrix td:has(.plug:not(.due)){display:none}.matrix td::before{content:attr(data-p);display:block;font-size:.7rem;color:var(--mute);padding:6px 10px 0}td .cell{padding:0 10px 8px;min-height:0}.plug{padding:0 10px 10px}
.cal{grid-template-columns:1fr;background:none;border:0;gap:6px}.dow,.pad,.day.none{display:none}.day{border:1px solid var(--line);border-radius:10px;min-height:0}.day a{font-size:.88rem;padding:5px 3px}.open,.chan{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
