*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;background:#f5f7fb;color:#172033;transition:.2s}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#111827;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:9px}.brand{font-size:27px;font-weight:800;padding:8px 12px 25px}.brand span{opacity:.55}.nav,.side-bottom button{border:0;background:transparent;color:#cbd5e1;text-align:right;padding:13px 14px;border-radius:12px;font-size:15px;cursor:pointer}.nav:hover,.nav.active,.side-bottom button:hover{background:#1f2937;color:#fff}.side-bottom{margin-top:auto}main{width:min(1100px,100%);padding:32px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{color:#718096;font-size:13px;margin:0 0 4px}.date{color:#718096}.page{display:none}.page.active{display:block}h1,h2,h3,p{margin-top:0}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#111827,#273449);color:#fff;padding:34px;border-radius:22px}.hero h2{max-width:650px;font-size:28px;line-height:1.35}.hero-icon{font-size:75px;opacity:.18}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:15px 0}.card{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:20px;box-shadow:0 5px 20px #1720330a;margin-bottom:15px}.stat span{display:block;color:#718096;font-size:13px}.stat strong{font-size:30px;display:block;margin-top:8px}.section-title,.section-head{display:flex;justify-content:space-between;align-items:center}.link{background:none;border:0;color:#4f46e5;cursor:pointer}.add-row{display:flex;gap:10px}input,textarea{width:100%;border:1px solid #dbe2ea;border-radius:11px;padding:13px;font:inherit;background:transparent;color:inherit;outline:none}textarea{min-height:140px;margin:10px 0;resize:vertical}.primary{background:#4f46e5;color:#fff;border:0;border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer;white-space:nowrap}.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #edf0f5;border-radius:12px}.item.done .text{text-decoration:line-through;color:#9aa3b2}.item .text{flex:1}.delete{border:0;background:#fee2e2;color:#b91c1c;border-radius:8px;padding:7px 10px;cursor:pointer}.check{width:20px;height:20px;cursor:pointer}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.note h3{margin-bottom:8px}.note p{white-space:pre-wrap;color:#596579;line-height:1.7}.settings{max-width:650px}.settings label{display:block;margin-bottom:8px;font-weight:700}.settings .primary{margin-top:10px}hr{border:0;border-top:1px solid #e5e7eb;margin:25px 0}.danger{background:#dc2626;color:#fff;border:0;border-radius:10px;padding:11px 15px;cursor:pointer}@media(max-width:750px){.sidebar{width:72px;padding:15px 8px}.brand{font-size:18px;padding:8px 5px 20px}.nav{font-size:0;text-align:center}.nav:first-letter{font-size:20px}.side-bottom button{font-size:0}.side-bottom button:first-letter{font-size:20px}main{padding:20px}.grid{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:1fr}.hero h2{font-size:22px}.date{display:none}}body.dark{background:#0b1120;color:#eef2ff}body.dark .card{background:#111827;border-color:#243044}body.dark input,body.dark textarea{border-color:#334155}body.dark .item{border-color:#263247}body.dark .note p,body.dark .eyebrow,body.dark .date,.dark .stat span{color:#94a3b8}body.dark hr{border-color:#263247}