@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--card:#fff;--ink:#182230;--muted:#718096;--line:#e7ebf2;--accent:#5b67d8;--soft:#eef0ff;--green:#168568;--shadow:0 12px 35px rgba(30,45,80,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',sans-serif}.top{height:auto;min-height:76px;padding:15px max(4vw,20px);display:flex;align-items:center;gap:26px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font:800 23px Manrope;color:var(--ink);text-decoration:none;white-space:nowrap}.brand span{color:var(--accent)}nav{display:flex;gap:7px;flex:1;flex-wrap:wrap}nav a{padding:9px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600;font-size:13px}nav a:hover,nav a.active{background:var(--soft);color:var(--accent)}.top-actions{display:flex;gap:7px;align-items:center}.ghost,.import{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 12px;border-radius:10px;cursor:pointer;font:600 13px 'DM Sans';display:inline-flex;align-items:center}.wrap{max-width:1120px;margin:42px auto;padding:0 22px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--accent);font-weight:700;margin:0 0 10px}h1,h2{font-family:Manrope;margin:0}h1{font-size:clamp(30px,4vw,43px);letter-spacing:-1.4px}.muted{color:var(--muted);margin:8px 0 0}.today{background:var(--soft);color:var(--accent);padding:14px 18px;border-radius:14px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stat{padding:20px}.stat strong{font:800 28px Manrope;display:block}.stat span{color:var(--muted);font-size:13px}.grid.two{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px}.card{padding:23px;margin-bottom:18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-head h2,.card h2{font-size:18px}.card-head a{color:var(--accent);text-decoration:none;font-size:13px;font-weight:700}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:12px 13px;font:14px 'DM Sans';outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}.primary{border:0;background:var(--accent);color:#fff;padding:12px 17px;border-radius:10px;font:700 14px 'DM Sans';cursor:pointer;white-space:nowrap}.list{display:flex;flex-direction:column;gap:9px;margin-top:17px}.item{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px}.item .content{flex:1;min-width:0}.item strong{display:block;overflow-wrap:anywhere}.item small{color:var(--muted)}.item.done strong{text-decoration:line-through;color:var(--muted)}.badge{font-size:11px;padding:4px 8px;border-radius:20px;background:var(--soft);color:var(--accent);font-weight:700}.badge.High{background:#fff0ed;color:#c6533b}.badge.Low{background:#eaf8f1;color:#168568}.delete{border:0;background:transparent;color:#b65d5d;font-size:18px;cursor:pointer}.toolbar{display:flex;gap:10px;margin-top:18px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.note{border:1px solid var(--line);border-radius:13px;padding:15px;min-width:0}.note p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.quick-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.quick-links a{background:var(--soft);color:var(--accent);padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700;font-size:12px}.page-title{margin-bottom:25px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.dayname{text-align:center;color:var(--muted);font-size:12px;font-weight:700;padding:8px}.day{min-height:76px;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--card);cursor:pointer}.day:hover,.day.selected{border-color:var(--accent);background:var(--soft)}.day.muted-day{opacity:.35}.day.today-day{outline:2px solid var(--accent)}.day b{font-size:13px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin:7px 3px 0 0}footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}.empty{padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.habit-check{width:20px;height:20px;accent-color:var(--accent)}@media(max-width:800px){.top{align-items:flex-start;flex-wrap:wrap;gap:10px}.top nav{order:3;flex-basis:100%}.top-actions{margin-left:auto}.stats{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.note-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.wrap{margin:25px auto;padding:0 14px}.hero{align-items:flex-start;gap:15px;flex-direction:column}.row{flex-wrap:wrap}.note-grid{grid-template-columns:1fr}.calendar{gap:3px}.day{min-height:58px;padding:5px}.dayname{font-size:10px}.top-actions .ghost,.import{padding:8px}.stats{gap:8px}.stat{padding:14px}}body.dark{--bg:#111827;--card:#1b2535;--ink:#edf2f7;--muted:#a0aec0;--line:#303d50;--soft:#2b3157;--shadow:0 12px 35px rgba(0,0,0,.12)}