@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{--ink:#18202b;--muted:#73808f;--line:#e7e8ec;--bg:#f6f7f9;--purple:#7259e8;--deep:#141b25;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand,h1,h2,h3{font-family:Manrope,sans-serif}a{color:inherit}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#8d78f5,#5941ce);color:white;font-family:serif;font-weight:900;font-style:italic;box-shadow:0 6px 16px #7259e844}.eyebrow{display:block;color:var(--purple);font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{padding:48px 9vw 38px;color:white;background:radial-gradient(circle at 15% 86%,#583ab8 0,transparent 26%),radial-gradient(circle at 90% 10%,#34415e 0,transparent 32%),#161e2a;display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font-size:clamp(48px,5vw,76px);line-height:1.04;letter-spacing:-4px;margin:20px 0}.login-brand h1 em{color:#8c77f0;font-style:normal}.login-brand p{color:#b7bec9;font-size:18px;line-height:1.7;max-width:580px}.login-brand .eyebrow{color:#9887ed}.feature{display:flex;align-items:center;gap:10px;color:#d5d9df;margin:18px 0}.feature svg{color:#9887ed;width:19px}.login-brand small{color:#7f8998}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-card{width:min(420px,100%)}.login-card h2,.modal h2{font-size:30px;letter-spacing:-1.2px;margin:0 0 10px}.login-card>p,.modal>p{color:var(--muted);line-height:1.55;margin-bottom:28px}.mobile-brand{display:none}.login-card label,.modal label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px;margin:17px 0}.login-card input,.modal input,.modal select,.modal textarea{border:1px solid #dfe2e7;border-radius:11px;padding:13px 14px;background:white;outline:none;transition:.2s}.login-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7259e818}.login-card>button,.primary{border:0;border-radius:11px;background:var(--purple);color:white;font-weight:700;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 7px 16px #7259e829}.login-card>button{width:100%;margin-top:23px}.login-card>button:hover,.primary:hover{background:#6249dc}.login-card>button:disabled{opacity:.65}.security{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:8px;color:#9099a5;font-size:12px}.otp{font-size:20px!important;letter-spacing:7px;text-align:center}.error{background:#fff0f1;color:#b43643;border-radius:9px;padding:11px 13px;font-size:13px;margin:14px 0}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.shell aside{position:fixed;inset:0 auto 0 0;width:260px;background:#161e29;color:#b9c0ca;padding:25px 15px 15px;display:flex;flex-direction:column;z-index:30}.side-top{padding:0 10px 28px;color:#fff;display:flex;justify-content:space-between}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#667181;padding:18px 12px 8px}.nav-label.row{display:flex;align-items:center;justify-content:space-between}.nav-label button{background:none;border:0;color:#7f8b9b;padding:0}.nav-label svg{width:16px}.list-nav button,.nav,.new-list{width:100%;border:0;background:none;color:#aeb6c1;padding:10px 12px;display:flex;align-items:center;gap:11px;border-radius:9px;text-align:left;font-size:14px}.nav svg{width:18px}.list-nav span,.nav span{margin-left:auto;font-size:11px;color:#6d7888}.list-nav button.selected,.list-nav button:hover,.nav.active,.nav:hover{background:#222c3a;color:#fff}.list-nav{overflow:auto}.list-nav button i{width:8px;height:8px;border-radius:3px}.list-nav button svg{margin-left:auto}.list-nav button svg+span{margin-left:0}.new-list{margin-top:8px;color:#8f7be9}.new-list svg{width:17px}.profile{margin-top:auto;border-top:1px solid #293240;padding:17px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;flex:none;border-radius:11px;background:#7965dc;color:white;display:grid;place-items:center;font-weight:800}.avatar.small{width:32px;height:32px;border-radius:9px;font-size:12px}.profile>div:nth-child(2){min-width:0;flex:1 1}.profile small,.profile strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile strong{font-size:12px;color:#e7eaf0}.profile small{font-size:10px;color:#758090;margin-top:3px}.icon{border:0;background:none;padding:7px;color:#7e8998;display:grid;place-items:center;border-radius:8px}.icon:hover{background:#0000000a;color:var(--ink)}.profile .icon:hover{background:#ffffff0d;color:white}.icon svg{width:18px;height:18px}.workspace{grid-column:2;min-width:0}.workspace>header{height:76px;background:white;border-bottom:1px solid var(--line);padding:0 34px;justify-content:space-between}.search,.workspace>header{display:flex;align-items:center}.search{gap:10px;color:#a0a8b3}.search svg{width:18px}.search input{border:0;outline:0;width:300px}.header-actions{display:flex;align-items:center;gap:8px}.quiet,.secondary{border:1px solid var(--line);background:white;color:#526070;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px}.quiet{border:0}.quiet svg,.secondary svg{width:16px}.content{padding:48px max(4vw,30px);max-width:1260px;margin:auto}.title-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}.title-row h1{font-size:38px;letter-spacing:-1.8px;margin:0 0 7px}.title-row p{margin:0;color:var(--muted);font-size:14px}.actions{display:flex;gap:9px}.actions .primary{font-size:13px}.danger:hover{color:#d24855!important;background:#fff0f1!important}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:10px}.toolbar>span{font-size:12px;color:#929ba7}.tabs{display:flex;gap:25px}.tabs button{border:0;background:none;padding:13px 2px;color:#8a94a0;font-size:13px}.tabs button.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--purple)}.todos article{background:white;border:1px solid #ebecf0;border-radius:13px;margin:9px 0;padding:17px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 3px 10px #20253005;transition:.2s}.todos article:hover{border-color:#dadce3;transform:translateY(-1px);box-shadow:0 6px 18px #2025300a}.check{border:0;background:none;color:#a9b0ba;padding:0;display:grid}.check svg{width:22px}.todo-main{flex:1 1;min-width:0}.todo-main strong{font-size:14px}.todo-main p{color:#6f7a87;font-size:13px;margin:5px 0}.todo-main small{display:block;color:#a2aab4;font-size:10px;margin-top:6px}.done .todo-main strong{text-decoration:line-through;color:#9ca4ae}.priority{font-size:10px;font-weight:800;padding:5px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px}.priority.high{background:#fff0f1;color:#d5505c}.priority.medium{background:#fff5e3;color:#c27a1d}.priority.low{background:#eaf7f3;color:#27856f}.empty{text-align:center;padding:65px 20px;color:var(--muted)}.empty>div{width:58px;height:58px;margin:auto;background:#eeeafd;color:var(--purple);border-radius:17px;display:grid;place-items:center}.empty h3{color:var(--ink);margin-bottom:6px}.empty .primary,.empty.full .primary{margin:20px auto}.empty.full{margin-top:15vh}.overlay{position:fixed;inset:0;background:#10172388;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.modal{position:relative;background:white;border-radius:18px;width:min(540px,100%);max-height:90vh;overflow:auto;padding:36px;box-shadow:0 24px 80px #10172355}.modal-x{position:absolute;right:18px;top:18px}.modal textarea{min-height:90px;resize:vertical}.modal .primary{margin-top:20px}.colors{display:flex;gap:12px}.colors button{width:28px;height:28px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd}.colors button.active{box-shadow:0 0 0 2px var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.wide{width:100%;justify-content:center}.divider{height:35px;border-bottom:1px solid var(--line);text-align:center;margin-bottom:28px}.divider span{position:relative;top:27px;background:white;color:#a1a9b2;padding:0 12px;font-size:10px}.shared-with{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.shared-with>strong{font-size:12px}.shared-with span{display:flex;justify-content:space-between;font-size:13px;padding:10px 0}.shared-with small{color:var(--muted)}.success{background:#eaf8f3;color:#207b65;padding:15px;border-radius:10px;display:flex;align-items:center;gap:9px}.danger-btn{border:1px solid #f0cdd1;background:#fff5f6;color:#c33d4a;padding:11px 15px;border-radius:9px;margin-top:18px}.qr{display:block;width:190px;height:190px;margin:15px auto}.user-list{margin-top:25px;border-top:1px solid var(--line);max-height:260px;overflow:auto}.user-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f1f3}.user-list span{flex:1 1}.user-list small,.user-list strong{display:block}.user-list strong{font-size:13px}.user-list small{color:var(--muted);font-size:11px}.user-list em{font-style:normal;font-size:10px;color:var(--purple)}.toast{position:fixed;bottom:25px;left:50%;z-index:200;transform:translateX(-50%);background:#1c2633;color:white;padding:12px 20px;border-radius:10px;box-shadow:0 10px 30px #1115;animation:toast 3s forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.public-page{min-height:100vh;padding:30px;background:#f4f5f8}.public-page>header{max-width:850px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:center}.readonly{background:#e9e6f9;color:#6754c7;font-size:11px;font-weight:800;padding:7px 10px;border-radius:20px}.public-card{background:#fff;max-width:850px;margin:auto;padding:45px;border-radius:20px;box-shadow:0 15px 45px #19202b0d}.public-card h1{font-size:37px;margin:0 0 8px}.public-card>p{color:var(--muted)}.progress{height:5px;background:#eceef1;border-radius:4px;margin:25px 0 35px;overflow:hidden}.progress i{display:block;height:100%;border-radius:4px}.public-todos article{display:flex;gap:14px;align-items:flex-start;padding:17px 0;border-bottom:1px solid var(--line)}.public-todos article>div{flex:1 1}.public-todos article p{color:var(--muted);font-size:13px;margin:5px 0}.public-todos article small{display:flex;gap:5px;color:#9099a4;margin-top:7px}.public-todos .done strong{text-decoration:line-through;color:#969faa}.menu,.mobile-close{display:none}@media(max-width:800px){.login-page{display:block}.login-brand{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:70px}.shell{display:block}.shell aside{transform:translateX(-100%);transition:.25s}.shell aside.open{transform:none;box-shadow:10px 0 50px #0006}.menu,.mobile-close{display:grid}.workspace{width:100%}.workspace>header{height:65px;padding:0 15px}.search input{width:150px}.header-actions .quiet{font-size:0;padding:7px}.content{padding:30px 18px}.title-row{display:block}.title-row h1{font-size:30px}.actions{margin-top:22px;flex-wrap:wrap}.actions .primary{flex:1 1}.todos article{padding:14px 11px}.priority{display:none}.form-row{grid-template-columns:1fr}.modal{padding:30px 22px}.public-page{padding:18px}.public-card{padding:28px 20px}.public-card h1{font-size:29px}}.settings-section{padding:20px 0;border-top:1px solid var(--line)}.settings-section:first-of-type{border-top:0;padding-top:4px}.settings-section h3{margin:0 0 5px;font-size:16px}.settings-section>p{color:var(--muted);font-size:13px;margin:0 0 14px}.settings-section+.settings-section{margin-top:20px}.checkbox-label{flex-direction:row!important;align-items:center;font-weight:500!important}.checkbox-label input{width:17px;height:17px;accent-color:var(--purple)}.smtp-actions{display:flex;gap:10px;flex-wrap:wrap}.mail-share{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}