@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap");:root{--bg:#f6f4ef;--card:#fff;--ink:#20221f;--muted:#74776f;--line:#e7e3da;--accent:#d85d3f;--accent2:#f6ded5;--green:#608369}*{box-sizing:border-box}html[data-theme=dark]{--bg:#171915;--card:#22251f;--ink:#f4f1e8;--muted:#a6aa9f;--line:#393d35;--accent2:#4a2b24}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.logo{display:flex;align-items:center;gap:10px;font-size:22px}.logo span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.brand{padding:9vh 10vw;background:#263c34;color:#fff;display:flex;flex-direction:column;justify-content:center}.brand .logo{position:absolute;top:45px}.brand h1{font-size:clamp(55px,7vw,96px);line-height:.96;margin:25px 0}.app h1 i,.brand i{font-family:Playfair Display;font-weight:600;color:#ef8b6e}.brand p{font-size:20px;max-width:480px;color:#d6ded9}.quote{margin-top:80px;color:#aebdb6}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--accent)}.authcard{display:flex;flex-direction:column;justify-content:center;width:min(440px,80%);margin:auto}.authcard h2{font-size:38px;margin:20px 0 6px}.authcard>p{color:var(--muted);margin:0 0 30px}.authcard label,.composer label{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:600;margin-bottom:15px}input,select,textarea{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent2)}.primary{border:0;background:var(--accent);color:#fff;padding:13px 20px;border-radius:10px;font-weight:700}.authcard .primary{width:100%;margin-top:8px}.link{border:0;background:none;color:var(--accent);margin:22px auto}.authcard small{text-align:center;color:var(--muted)}.mobilelogo{display:none}.error{padding:11px;background:#fde8e3;color:#9d3927;border-radius:8px;margin:10px 0}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:fixed;width:230px;height:100vh;padding:30px 22px;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column}nav{margin-top:55px;display:grid;grid-gap:7px;gap:7px}aside button{border:0;background:none;text-align:left;padding:12px;border-radius:9px;display:flex;gap:12px}aside button.active{background:var(--accent2);color:var(--accent)}aside button b{margin-left:auto}.asidefoot{margin-top:auto;display:grid}.app{grid-column:2;padding:50px clamp(25px,6vw,90px);max-width:1400px;width:100%}.app header{display:flex;justify-content:space-between;align-items:center}.app h1{font-size:42px;margin:8px 0}.app header p{color:var(--muted)}.theme{border:1px solid var(--line);border-radius:50%;width:42px;height:42px}.composer,.theme{background:var(--card)}.composer{border:1px solid var(--line);border-radius:15px;padding:24px;margin:35px 0 20px;box-shadow:0 8px 30px #00000008}.composerhead,.listhead{display:flex;justify-content:space-between;align-items:center}.composerhead h2,.listhead h2{font-size:18px}.composerhead span,.listhead span{font-size:12px;color:var(--muted)}textarea{resize:vertical;min-height:70px;margin:10px 0}.titleinput{font-size:17px}.formrow{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.actions>button:not(.primary),.taskactions button{border:0;background:none;color:var(--muted)}.toolbar{grid-template-columns:1fr repeat(3,150px)}.tasks,.toolbar{display:grid;grid-gap:10px;gap:10px}.tasks article{display:flex;align-items:flex-start;gap:15px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:.2s}.tasks article:hover{border-color:#cfc8bb;transform:translateY(-1px)}.tasks article.done{opacity:.62}.tasks article.done h3{text-decoration:line-through}.check{flex:none;width:23px;height:23px;border:1.5px solid #b9b9b2;border-radius:7px;background:none;color:#fff}.done .check{background:var(--green)}.taskbody{flex:1 1}.taskbody h3{margin:0 0 5px;font-size:16px}.taskbody p{margin:0 0 10px;font-size:14px}.meta,.taskbody p{color:var(--muted)}.meta{display:flex;gap:9px;flex-wrap:wrap;font-size:11px}.pill{padding:2px 7px;border-radius:10px}.pill.high{background:#f9ded8;color:#a9412e}.pill.medium{background:#f7e9c8;color:#8b661b}.pill.low{background:#dfece2;color:#42704d}.overdue{color:var(--accent)!important}.taskactions{display:flex;opacity:0}.tasks article:hover .taskactions{opacity:1}.empty{text-align:center;padding:70px;color:var(--muted)}.empty b{color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:35px 0}.analytics>div,.stats div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.stats small,.stats span{display:block;color:var(--muted)}.stats strong{display:block;font-size:38px;margin:15px 0}.analytics{display:grid;grid-template-columns:2fr 1fr;grid-gap:14px;gap:14px}.chart{grid-row:span 2}.bars{height:260px;display:flex;align-items:end;gap:16px;padding-top:40px}.bars div{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:10px}.bars span{width:100%;max-width:42px;background:var(--accent);border-radius:7px 7px 2px 2px;min-height:8px}.bars b{font-size:11px;color:var(--muted)}.ring{width:130px;height:130px;border-radius:50%;margin:20px auto;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--p),var(--line) 0);position:relative}.ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--card)}.ring strong{z-index:1}.progress{text-align:center}.breakdown label{display:flex;text-transform:capitalize;margin:12px 0 5px}.breakdown label b{margin-left:auto}.dot{width:8px;height:8px;border-radius:50%;margin:5px 8px 0 0}.dot.high{background:#c9533b}.dot.medium{background:#d6a33e}.dot.low{background:#5f8a69}progress{width:100%;accent-color:var(--accent)}.center{height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loader{margin:auto;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:800px){.auth{display:block}.brand{display:none}.authcard{min-height:100vh;width:min(420px,88%)}.mobilelogo,.shell{display:block}.shell aside{position:fixed;z-index:5;bottom:0;top:auto;width:100%;height:68px;padding:8px 18px;border:0;border-top:1px solid var(--line);flex-direction:row}.asidefoot,.shell aside>.logo{display:none}nav{margin:0;width:100%;display:flex;justify-content:space-around}nav button{align-items:center;flex-direction:column;gap:2px;font-size:11px}nav button b{display:none}.app{padding:30px 18px 95px}.app h1{font-size:34px}.formrow,.toolbar{grid-template-columns:1fr}.toolbar select{display:none}.tasks article{padding:15px}.taskactions{opacity:1;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.analytics{grid-template-columns:1fr}.chart{grid-row:auto}.bars{height:190px}.composerhead span{display:none}}