@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');:root{--bg:#f7f5fc;--panel:#fff;--ink:#29243b;--muted:#817b93;--line:#ece8f4;--purple:#7257c8;--lav:#eee9ff;--teal:#e1f7f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh}aside{background:var(--panel);border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;gap:28px}.brand{font:800 26px Manrope;color:var(--purple)}nav{display:grid;gap:8px}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 14px;background:var(--lav);color:var(--purple);font-weight:700;text-align:left}nav button{background:transparent;color:var(--muted)}nav button.active,nav button:hover{background:var(--lav);color:var(--purple)}aside small{margin-top:auto;color:var(--muted)}main{max-width:1400px;width:100%;padding:34px 4vw;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1,h2,h3{font-family:Manrope;margin:0}h1{font-size:clamp(24px,3vw,34px)}h2{font-size:19px}.saved{background:var(--teal);color:#398a78;border-radius:22px;padding:9px 13px;font-size:12px}#date{color:var(--purple);font-size:11px;letter-spacing:1.5px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;min-width:0}.s8{grid-column:span 8}.s4{grid-column:span 4}.s6{grid-column:span 6}.s12{grid-column:span 12}.hero{background:linear-gradient(120deg,#eee9ff,#fcecf4 65%,#e5f8f3);border:0}.hero p,.muted{color:var(--muted);line-height:1.6}.metric{font:800 32px Manrope;margin:12px 0 3px}.task,.habit,.entry{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.task:last-child,.habit:last-child{border:0}input[type=checkbox]{accent-color:var(--purple);width:17px;height:17px}.field,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;margin:7px 0 12px;font:inherit;background:var(--panel);color:var(--ink)}textarea{min-height:100px}.primary{background:var(--purple);color:white}.chip{font-size:11px;padding:6px 9px}.bar{height:8px;background:#eeeaf4;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#8269d5,#e6a8c5)}footer{text-align:center;color:#aaa3b5;font-size:11px;padding:28px}body.dark{--bg:#191624;--panel:#242033;--ink:#f4f0ff;--muted:#aaa1bd;--line:#393249;--lav:#393052;--teal:#213d3a}body.dark .hero{background:linear-gradient(120deg,#393052,#422d3b,#213d3a)}@media(max-width:800px){.shell{display:block}aside{padding:12px;border-right:0;border-bottom:1px solid var(--line);gap:10px}.brand{font-size:22px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:10px}aside small,#theme{display:none}main{padding:22px 14px}.s8,.s4,.s6{grid-column:span 12}.saved{display:none}}