:root{--bg:linear-gradient(170deg,#f2f8ff,#edf8ef 60%,#f7f6f0);--text:#17202a;--muted:#5f7184;--line:#d8e3ef;--card:#fff;--accent:#0d7f5f;--accent-hover:#0b6c51;--secondary:#2e608f;--secondary-hover:#224f78;--danger:#9b2c2c;--danger-hover:#7f2020;--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:var(--bg)}main{max-width:1120px;margin:0 auto;padding:14px}h1{margin:0;font-size:30px}.page-header{margin:2px 2px 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:0 5px 16px rgba(17,49,82,.06)}.toolbar{margin-bottom:10px}.layout{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.editor,.notes-list{min-height:520px}.editor-head,.list-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.notes-scroll{display:grid;grid-gap:8px;gap:8px;max-height:450px;overflow:auto;padding-right:2px;margin-bottom:10px}.note-row{border:1px solid #dce7f3;border-radius:12px;padding:10px;background:#fbfdff;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.note-row:hover{border-color:#95b4d1;background:#f5faff}.note-row:focus-visible{outline:2px solid #6a9fce;outline-offset:1px}.note-row.active{border-color:#0d7f5f;background:#effaf5}.note-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.note-title{font-size:15px;font-weight:600;margin-bottom:4px}.note-preview{color:#2a3b4a;margin-bottom:8px}.row-actions{display:flex;justify-content:flex-end}.empty{padding:8px 2px}.grid{display:grid;grid-gap:10px;gap:10px}.grid-2{grid-template-columns:1fr 1fr}.field{display:grid;grid-gap:6px;gap:6px}.field>span{font-size:14px;font-weight:600}button,input,textarea{width:100%;border-radius:12px;font:inherit}input,textarea{border:1px solid #bfd0df;padding:11px 12px;background:#fff}textarea{min-height:280px;resize:vertical;line-height:1.45}button{border:0;padding:10px 14px;cursor:pointer;color:#fff;background:var(--accent);font-weight:600}button:hover{background:var(--accent-hover)}button.secondary{background:var(--secondary)}button.secondary:hover{background:var(--secondary-hover)}button.danger{background:var(--danger)}button.danger:hover{background:var(--danger-hover)}button.ghost{width:auto;min-width:95px}button:disabled{opacity:.58;cursor:not-allowed}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions button{width:auto;min-width:92px}.pager{margin-bottom:6px}.muted{color:var(--muted);font-size:13px}.error-card{border-color:#d9a6a6;background:#fff8f8}@media (max-width:980px){.layout{grid-template-columns:1fr}.editor,.notes-list{min-height:auto}.notes-scroll{max-height:360px}textarea{min-height:220px}}@media (max-width:760px){h1{font-size:26px}.grid-2{grid-template-columns:1fr}.inline-actions button{flex:1 1 120px;min-width:0}.card{padding:12px}}