:root{--blue:#6A8CA1;--ink:#34434b;--muted:#73818a;--line:#dce5ea;--bg:#f4f7f8;--white:#fff;--amber:#e9a33a;--red:#d9574f;--green:#3e8b6f}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1100px)/2))}.brand{display:flex;align-items:center;gap:11px}.brand-mark{background:var(--blue);color:#fff;border-radius:9px;padding:9px 10px;font-size:13px;font-weight:800;letter-spacing:.06em}.brand b,.brand small{display:block}.brand small{font-size:11px;color:var(--muted)}.quiet,.secondary{background:white;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 13px}.primary{border:0;border-radius:8px;background:var(--blue);color:white;font-weight:650;padding:11px 17px;box-shadow:0 3px 9px #6a8ca133}.primary:hover{background:#577b91}main{max-width:1100px;margin:34px auto;padding:0 22px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 0 26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--blue);margin:0 0 7px}.welcome h1{font-size:34px;line-height:1.14;letter-spacing:-.03em;margin:0 0 10px;color:#34434b}.muted{color:var(--muted)}.welcome .muted{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.stats div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 20px}.stats strong,.stats span{display:block}.stats strong{font-size:25px;color:var(--blue);line-height:1.2}.stats span{color:var(--muted);font-size:12px;margin-top:4px}.toolbar{display:flex;gap:9px;margin-bottom:27px}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:10px 12px;min-width:145px}.toolbar select{font-size:13px}.search{flex:1;display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:8px;padding-left:12px;color:var(--blue)}.search input{border:0;outline:0;width:100%;min-width:0}.section-title{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.section-title h2{font-size:18px;margin:0}.section-title span{font-size:12px}.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 18px;position:relative;transition:.15s}.note:hover{border-color:#9eb4c1;box-shadow:0 5px 18px #263f4c0d}.note.done{opacity:.67}.note-top{display:flex;justify-content:space-between;gap:10px}.note h3{font-size:16px;margin:9px 0 6px;line-height:1.35}.note.done h3{text-decoration:line-through}.note p{font-size:13px;color:#66747c;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px}.badge{font-size:10px;background:#eaf1f4;color:#4c6b7c;border-radius:20px;padding:4px 8px;display:inline-flex;align-items:center;font-weight:650}.priority{font-size:10px;font-weight:700;color:var(--muted)}.priority.Acil{color:var(--red)}.priority.Yüksek{color:#cd7625}.meta{border-top:1px solid #edf1f3;padding-top:10px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.meta-left{display:flex;gap:12px;flex-wrap:wrap}.note-actions{display:flex;gap:7px}.text-btn{border:0;background:none;color:var(--blue);padding:2px 4px;font-size:11px;font-weight:650}.empty{grid-column:1/-1;background:#fff;border:1px dashed #c7d4db;border-radius:11px;text-align:center;padding:45px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}dialog{border:0;border-radius:14px;padding:0;width:min(560px,calc(100% - 26px));box-shadow:0 22px 80px #182b3850}dialog::backdrop{background:#1e303a80;backdrop-filter:blur(2px)}#noteForm{padding:24px;display:grid;gap:15px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px}.modal-head h2{margin:0;font-size:22px}.icon-btn{border:0;background:#f1f4f5;border-radius:50%;width:34px;height:34px;font-size:22px;color:var(--muted)}#noteForm label{display:grid;gap:6px;font-weight:650;font-size:12px;color:#53626a}#noteForm input,#noteForm select,#noteForm textarea{border:1px solid var(--line);border-radius:7px;padding:10px 11px;color:var(--ink);outline-color:#91aebe;width:100%;font-weight:400;font-size:14px}#noteForm textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;align-items:center;gap:9px;margin-top:2px}.form-actions span{flex:1}.danger{border:0;background:#fff0ef;color:var(--red);border-radius:8px;padding:9px 12px}.hidden{display:none!important}footer{max-width:1100px;margin:35px auto 0;padding:17px 22px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#89969d;font-size:11px}@media(max-width:650px){.topbar{height:62px;padding:0 16px}main{margin:18px auto;padding:0 15px}.welcome{align-items:flex-start;gap:12px;padding:15px 0 20px}.welcome h1{font-size:28px}.welcome .primary{white-space:nowrap;padding:10px 12px;font-size:13px;margin-top:20px}.stats{gap:8px;margin-bottom:18px}.stats div{padding:12px 10px}.stats strong{font-size:21px}.stats span{font-size:10px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.search{grid-column:1/-1;min-height:42px}.toolbar select{min-width:0;width:100%}.notes{grid-template-columns:1fr;gap:9px}.note{padding:15px}.two{gap:9px}#noteForm{padding:20px 17px;gap:13px}footer{margin-top:25px;padding:15px;gap:15px}.section-title{margin-bottom:10px}}