:root{--navy:#18233b;--sub:#738098;--line:#e4e8f0;--bg:#f7f8fc;--primary:#4482f5;--white:#fff;--radius:19px;--shadow:0 8px 30px rgba(25,37,68,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8495f1;outline-offset:2px}
.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#fff;border-right:1px solid var(--line);padding:27px 19px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:-.5px;margin-bottom:40px;padding-left:7px}.brandmark{width:38px;height:38px;display:grid;place-items:center;background:#e9ecff;color:#4b5ab9;border-radius:13px;font-weight:900;font-size:21px}.sidebar-label{margin:0 12px 13px;font-size:10px;color:#9ba5b8;letter-spacing:1.8px;font-weight:800}.project-item,.menu-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;border-radius:11px;padding:11px 13px;width:100%;color:#718098;text-align:left;margin:2px 0;font-weight:600}.project-item.active,.menu-item.active{background:#eff1ff;color:#3546a6}.project-item:hover,.menu-item:hover{background:#f4f5fc}.p-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.sidebar-bottom{margin-top:auto;border-top:1px solid #edf0f6;padding-top:18px}.sidebar-bottom .hint{color:#a0a9ba;font-size:11px;margin:12px 10px}.sidebar-bottom kbd{background:#f2f4f9;padding:1px 5px;border-radius:5px}.main{margin-left:245px;flex:1;min-width:0}.workspace{padding:43px clamp(22px,5vw,75px) 90px;max-width:1450px;margin:0 auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#7885a0;text-transform:uppercase;margin-bottom:8px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading-row h1{font-size:clamp(25px,3vw,37px);letter-spacing:-1.4px;line-height:1.17;margin:0;font-weight:800}.subtitle{color:#8b96aa;margin:11px 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:11px;border:1px solid #e1e5ef;background:#fff;color:#33425b;font-weight:700;white-space:nowrap}.button:hover{background:#f6f7fb}.button.primary{border:1px solid #4482f5;background:#4482f5;color:white;box-shadow:0 7px 14px #4a5cc624}.button.primary:hover{background:#3b4dbb}.button.tiny{font-size:12px;padding:6px 9px;border-radius:9px}.button.danger{color:#b94942}.button.icon-only{padding:8px;width:34px;height:34px}.button.ghost{border:0;background:transparent}.toolbar{background:#fff;border:1px solid #e9ecf3;border-radius:17px;padding:14px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;flex-wrap:wrap}.search-wrap{flex:1;min-width:230px;position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:16px;color:#929db2}.search{width:100%;padding:12px 15px 12px 43px;border:1px solid #e6eaf2;border-radius:11px;background:#fafbfe;outline:none;color:#2d3952}.search:focus{border-color:#7886e0;box-shadow:0 0 0 3px #f3f7fb}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-select{border:1px solid #e6eaf2;color:#4d5b72;background:white;border-radius:10px;padding:11px 12px;min-width:128px}.summarybar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:23px 0 14px}.summarybar .count{font-weight:750;margin-right:auto}.summarybar .small{color:#97a0b1;font-size:12px}.filter-chip{padding:6px 10px;border:1px solid #e4e8f1;border-radius:9px;background:#fff;color:#6f7a90;font-size:11px;font-weight:700}.filter-chip.selected{background:#e8ebff;border-color:#d3d9ff;color:#4054af}.filter-chip:hover{background:#f4f5ff}.timeline{position:relative;margin:18px 0 0 15px;padding:0 0 20px 39px}.timeline:before{content:"";position:absolute;top:8px;bottom:10px;left:8px;width:2px;background:#dde2ed;border-radius:10px}.month-divider{position:relative;color:#9aa5b7;letter-spacing:1.6px;font-size:10px;font-weight:850;margin:26px 0 21px;text-transform:uppercase}.month-divider:before{content:"";position:absolute;left:-34px;top:7px;width:11px;height:11px;background:#fff;border:2px solid #dce2eb;border-radius:50%}.entry{position:relative;margin:0 0 15px;animation:fade-up .18s ease-out}.entry:before{content:"";position:absolute;top:29px;left:-37px;width:15px;height:15px;background:var(--tone,#6379d7);border:4px solid var(--bg);border-radius:50%;box-shadow:0 0 0 2px var(--tone,#6379d7)}.entry-card{position:relative;border:1px solid #e3e8f1;border-left:4px solid var(--tone,#6379d7);background:color-mix(in srgb,var(--tone,#6379d7) 7%,white);border-radius:15px;padding:18px 20px;box-shadow:0 5px 18px rgba(35,53,88,.025);transition:box-shadow .12s ease,transform .12s ease}.entry-card:before{content:"";position:absolute;width:12px;height:12px;top:29px;left:-10px;background:color-mix(in srgb,var(--tone,#6379d7) 7%,white);transform:rotate(45deg);border-left:1px solid #e3e8f1;border-bottom:1px solid #e3e8f1}.entry-card:hover{box-shadow:0 9px 22px #192c4d0d;transform:translateY(-1px)}.entry-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.date{color:#78849a;font-size:12px;font-weight:650;letter-spacing:.05px}.priority{display:inline-flex;align-items:center;border-radius:7px;padding:3px 7px;background:color-mix(in srgb,var(--tone,#6379d7) 15%,white);color:color-mix(in srgb,var(--tone,#6379d7) 75%,black);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.3px}.entry-actions{margin-left:auto;display:flex;gap:5px}.action-link{border:0;background:transparent;color:#8491a6;padding:4px 7px;border-radius:8px;font-size:12px;font-weight:700}.action-link:hover{background:#fff;color:#3f4fa8}.entry-title{font-size:16px;margin:9px 0 6px;line-height:1.35;color:#27344d;letter-spacing:-.26px;font-weight:800}.entry-body{color:#55637a;font-size:13px;white-space:pre-wrap;word-break:break-word;max-width:850px;margin-top:5px;line-height:1.65}.entry-body a{color:#4358b5;text-decoration:underline}.entry-code{background:#222c42;color:#e5edff;font-size:12px;line-height:1.6;padding:13px 15px;overflow:auto;border-radius:9px;margin:12px 0 0;white-space:pre;tab-size:4}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{border:1px solid #e2e7f0;color:#78859b;border-radius:6px;padding:1px 7px;font-size:11px;background:#fff9}.pin{color:#b48228;font-size:12px}.empty{border:1px dashed #dce2ed;border-radius:17px;background:#fff;text-align:center;padding:70px 20px;color:#8792a7}.empty strong{display:block;color:#34425d;font-size:16px;margin:7px 0}.load-more{display:block;margin:0 auto}.toast{position:fixed;bottom:24px;right:26px;color:#fff;background:#253451;padding:12px 17px;border-radius:11px;box-shadow:0 14px 44px #26364b40;z-index:40;max-width:360px}.toast.error{background:#a33734}.hidden{display:none!important}.overlay{position:fixed;inset:0;background:#10182d88;display:grid;place-items:center;z-index:30;padding:12px;backdrop-filter:blur(3px)}.modal{background:white;box-shadow:0 28px 90px #14234645;border-radius:20px;width:min(720px,100%);max-height:min(92vh,980px);overflow-y:auto}.modal-header{padding:25px 28px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #eff1f6}.modal h2{font-size:22px;margin:0;letter-spacing:-.5px}.modal-header p{color:#91a0b2;font-size:12px;margin:4px 0 0}.modal-body{padding:22px 28px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:800;color:#4b5973}.field input:not([type=checkbox]):not([type=color]),.field textarea,.field select{border:1px solid #e1e6ef;border-radius:10px;padding:11px 12px;background:#fff;color:#2c3a51;width:100%;outline:none}.field textarea{min-height:115px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7184d9;box-shadow:0 0 0 3px #e9edff}.field .help{font-size:11px;color:#9aa5b5;margin-top:-3px}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice{border-radius:9px;border:1px solid #e3e8f1;background:#fff;color:#758197;padding:8px 13px;font-weight:750}.choice.selected{border-color:#7a88d5;background:#edf0ff;color:#4a5ab3}.color-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatch{height:28px;width:28px;border-radius:9px;border:3px solid white;box-shadow:0 0 0 1px #dae1eb;cursor:pointer}.swatch.selected{box-shadow:0 0 0 2px #4555ad}.color-input{padding:2px;border:0;background:transparent;width:33px;height:34px;cursor:pointer}.modal-footer{padding:17px 28px 25px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eff1f6;flex-wrap:wrap}.modal-footer .right{display:flex;gap:9px;align-items:center}.inline-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-row .field{flex:1;margin:0}.checkbox-line{display:flex;align-items:center;gap:8px;color:#69758a;font-size:12px;font-weight:700}.history-item{padding:14px 0;border-bottom:1px solid #edf0f6}.history-item .meta{font-size:11px;color:#93a0b2}.history-item .before{font-size:13px;color:#5b667d;margin-top:6px;white-space:pre-wrap}.badge-demo{border:1px solid #d1d8ff;color:#5462ba;background:#eff1ff;padding:3px 8px;border-radius:7px;font-size:10px;font-weight:800}.mobile-top{display:none}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-zone{color:#ae4646}.kbd-info{font-size:11px;color:#9aa5b2}.autosummary{font-size:12px;color:#929cb0}input[type=datetime-local]{min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes fade-up{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.sidebar{width:204px}.main{margin-left:204px}.workspace{padding:35px 30px}.brand{font-size:16px}.toolbar{gap:8px}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;background:#fff;border-bottom:1px solid #e7eaf2}.mobile-top strong{font-size:16px}.workspace{padding:25px 16px 80px}.heading-row h1{font-size:26px}.heading-row .button.primary{padding:9px 11px;font-size:12px}.toolbar{padding:10px}.search-wrap{min-width:100%}.filter-select{min-width:0;flex:1}.toolbar-actions{flex:1}.timeline{margin-left:5px;padding-left:31px}.timeline:before{left:8px}.entry:before{left:-30px}.entry-card{padding:13px 12px}.entry-card:before{top:29px}.entry-title{font-size:15px}.date{font-size:11px}.entry-actions{width:100%;justify-content:flex-end}.form-grid{grid-template-columns:1fr;gap:0}.modal-header,.modal-body{padding-left:17px;padding-right:17px}.modal-footer{padding:15px 17px 23px}.month-divider:before{left:-27px}.subtitle{margin-bottom:21px}}
/* Düzenleme sırasında Kaydet butonu her zaman görünür kalır. */
.modal{display:flex;flex-direction:column;overflow:hidden}
.modal-header{flex:0 0 auto}
.modal-body{flex:1;min-height:0;overflow-y:auto}
.modal-footer{flex:0 0 auto;background:#fff;box-shadow:0 -6px 15px #202e4806;z-index:1}
#entry-form,#project-form{display:flex;flex-direction:column;min-height:0;overflow:hidden;max-height:min(92vh,980px)}


/* Kart odak modu: üst meta öğeleri ve etiketler daha hafif */
.entry-card .badge,.entry-card .pin,.entry-card .tags .tag{opacity:.22;transition:opacity .2s ease,transform .2s ease,filter .2s ease}\n.entry-card:hover .badge,.entry-card:hover .pin,.entry-card:hover .tags .tag,.entry-card:focus-within .badge,.entry-card:focus-within .pin,.entry-card:focus-within .tags .tag{opacity:.55}\n.entry-card .badge:hover,.entry-card .pin:hover,.entry-card .tags .tag:hover,.entry-card .badge:focus-visible,.entry-card .pin:focus-visible,.entry-card .tags .tag:focus-visible{opacity:.88}\n.entry-card .entry-title,.entry-card .entry-body{opacity:1!important}\n