@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)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}.project-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;text-align:left;color:var(--ink);box-shadow:0 4px 14px rgba(24,32,43,.04);transition:.2s}.project-card:hover{transform:translateY(-3px);border-color:#d5d1ef;box-shadow:0 12px 28px rgba(24,32,43,.09)}.project-card-top{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.project-card-top i{width:10px;height:10px;border-radius:4px}.project-card-top svg{width:20px;margin-left:auto;color:#a3abb6}.project-card h2{font-size:20px;margin:22px 0 8px;letter-spacing:-.5px}.project-card>p{color:var(--muted);font-size:13px;margin:0 0 22px}.project-progress{height:6px;background:#eceef2;border-radius:4px;overflow:hidden}.project-progress i{display:block;height:100%;border-radius:4px}.project-card footer{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:var(--muted)}.project-card footer strong{color:var(--purple)}@media(max-width:800px){.project-grid{grid-template-columns:1fr}.projects-view .title-row{display:flex;align-items:flex-end}.projects-view .title-row .primary{flex:none}}.create-user-section{padding-bottom:22px;border-bottom:1px solid var(--line)}.create-user-section h3{margin:10px 0 4px;font-size:16px}.user-list>button{width:100%;display:flex;align-items:center;gap:10px;padding:12px 4px;border:0;border-bottom:1px solid #f0f1f3;background:#fff;color:var(--ink);text-align:left}.user-list>button:hover{background:#f8f8fb}.user-list>button>span{flex:1 1}.user-list>button span small,.user-list>button span strong{display:block}.user-list>button span strong{font-size:13px}.user-list>button span small{color:var(--muted);font-size:11px;margin-top:3px}.user-list>button em{font-style:normal;font-size:10px;color:var(--purple)}.manage-arrow{color:var(--purple);font-size:11px;margin-left:8px}.back-button{border:0;background:none;color:var(--purple);padding:0;margin:8px 0 20px;font-weight:700}.user-editor-heading{display:flex;align-items:center;gap:12px;background:#f7f7fa;padding:15px;border-radius:12px;margin-bottom:20px}.user-editor-heading>div:nth-child(2){flex:1 1}.user-editor-heading small,.user-editor-heading strong{display:block}.user-editor-heading small{color:var(--muted);margin-top:3px;font-size:12px}.status-active,.status-inactive{padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800}.status-active{background:#e8f7f1;color:#247c67}.status-inactive{background:#fff0f1;color:#c34854}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.admin-actions .danger-btn{margin-top:0;margin-left:auto}.admin-actions button:disabled{opacity:.45;cursor:not-allowed}.account-meta{color:var(--muted);font-size:11px;margin-top:18px}.assignee-chip{color:var(--purple);font-weight:700}.todos article{display:block}.todo-row{display:flex;align-items:center;gap:14px}.subtasks{margin:14px 0 0 36px;padding-top:12px;border-top:1px solid #eef0f3}.subtask-progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:7px}.subtask-progress-label strong{color:var(--purple)}.subtask-progress{height:4px;background:#eceef2;border-radius:4px;overflow:hidden;margin-bottom:10px}.subtask-progress i{display:block;height:100%;border-radius:4px;transition:width .25s}.subtask{min-height:34px;display:flex;align-items:center;gap:9px;border-radius:7px;padding:4px 5px;font-size:12px;color:#526070}.subtask:hover{background:#f7f7fa}.subtask.completed span{text-decoration:line-through;color:#9aa2ad}.subtask>span{flex:1 1}.subtask .icon{padding:4px;opacity:0}.subtask:hover .icon{opacity:1}.subtask .icon svg{width:14px;height:14px}.subtask-check{border:0;background:none;color:#9ea7b2;padding:0;display:grid}.subtask-check svg{width:17px;height:17px}.subtask-add{display:flex;margin-top:7px;gap:7px}.subtask-add input{flex:1 1;border:1px dashed #dadde3;border-radius:8px;padding:8px 10px;outline:none;font-size:12px}.subtask-add input:focus{border-style:solid;border-color:var(--purple)}.subtask-add button{width:34px;border:0;background:#eeeafd;color:var(--purple);border-radius:8px;display:grid;place-items:center}.subtask-add button svg{width:16px}@media(max-width:800px){.todo-row{gap:9px}.subtasks{margin-left:28px}.subtask .icon{opacity:1}}.public-subtasks{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}body{font-size:16px}.list-nav button,.nav,.new-list{font-size:15px;line-height:1.35}.nav-label{font-size:11px}.profile strong{font-size:13px}.profile small{font-size:11px}.search input{font-size:15px}.actions .primary,.quiet,.secondary{font-size:14px}.title-row p{font-size:15px}.eyebrow{font-size:12px}.tabs button{font-size:14px}.toolbar>span{font-size:13px}.todo-main strong{font-size:16px;line-height:1.4}.todo-main p{font-size:14px;line-height:1.5}.todo-main small{font-size:12px;line-height:1.5}.priority{font-size:11px}.subtask{font-size:14px;min-height:38px}.subtask-progress-label{font-size:12px}.login-card label,.modal label,.subtask-add input{font-size:14px}.login-card input,.modal input,.modal select,.modal textarea{font-size:15px}.modal>p,.settings-section>p{font-size:14px}.settings-section h3{font-size:18px}.user-list>button span strong{font-size:14px}.account-meta,.user-list>button span small{font-size:12px}.project-card>p{font-size:14px}.project-card footer,.project-card-top{font-size:12px}.public-card>p,.public-todos article p{font-size:14px}.public-todos article{font-size:15px}@media(max-width:800px){.todo-main strong,body{font-size:15px}.title-row p{font-size:14px}}