@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{color:#51454b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ivory:#faf7f5;--white:#fffdfc;--pink:#f0dce3;--pink-dark:#b77e91;--lavender:#e9e3f0;--sage:#e3ebe1;--text:#51454b;--muted:#a3989c;--border:#f0e9e8;background:#faf7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ivory);min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:none}.app-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#fffdfc;flex-direction:column;flex-shrink:0;width:255px;min-height:100vh;padding:32px 22px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:65px;padding:4px 5px;display:flex}.brand-icon{background:var(--pink);color:#a86d83;border-radius:15px;place-items:center;width:43px;height:43px;font-size:26px;display:grid}.brand h2{letter-spacing:1px;color:#795b68;font-family:Playfair Display,serif;font-size:23px}.brand span{color:var(--muted);margin-top:2px;font-size:10px;display:block}.menu-label,.date-label{color:#b5a6aa;letter-spacing:2px;font-size:10px;font-weight:700}.menu-label{margin:0 0 17px 10px}.sidebar-menu{flex-direction:column;gap:9px;display:flex}.menu-item{text-align:left;color:#897d81;background:0 0;border-radius:12px;align-items:center;gap:14px;padding:13px 15px;font-size:13px;transition:all .2s;display:flex}.menu-item span{font-size:19px}.menu-item:hover,.menu-item.active{color:#a56e82;background:#f7edf1}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#f8f0f2;border-radius:15px;margin-bottom:22px;padding:17px}.sidebar-note span{font-size:23px}.sidebar-note p{color:#947582;margin-top:7px;font-family:Playfair Display,serif;font-size:13px;line-height:1.6}.version{color:#b7aaad;padding-left:5px;font-size:10px}.main-content{flex:1;min-width:0;max-width:1500px;margin:0 auto;padding:43px 55px 25px}.topbar{justify-content:space-between;align-items:center;margin-bottom:31px;display:flex}.topbar h1{color:#5e4d55;margin-top:8px;font-family:Playfair Display,serif;font-size:33px;font-weight:600}.topbar h1 span{color:#c18da0;font-size:23px}.topbar p,.section-heading p{color:var(--muted);margin-top:7px;font-size:13px}.profile{color:#8b777f;align-items:center;gap:10px;font-size:12px;display:flex}.profile-icon{color:#986b7c;background:#eddee5;border-radius:50%;place-items:center;width:39px;height:39px;font-family:Playfair Display,serif;font-size:17px;display:grid}.welcome-card{background:linear-gradient(115deg,#f2e3e8,#f6ecec 55%,#eee8f2);border-radius:20px;justify-content:space-between;align-items:center;min-height:205px;margin-bottom:27px;padding:32px 38px;display:flex;position:relative;overflow:hidden}.welcome-label{color:#a77b8c;letter-spacing:2px;font-size:10px;font-weight:700}.welcome-card h2{color:#745965;margin:12px 0 8px;font-family:Playfair Display,serif;font-size:31px;line-height:1.3}.welcome-card p{color:#9c818c;max-width:400px;font-size:12px;line-height:1.8}.welcome-decoration{color:#c99ead;opacity:.42;padding-right:30px;font-size:110px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:43px;display:grid}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:17px;padding:20px 22px;transition:transform .2s}.stat-card:hover{transform:translateY(-3px)}.stat-icon{border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:13px;font-size:18px;display:grid}.stat-icon.pink{color:#b47e92;background:#f6e8ed}.stat-icon.peach{color:#bd9677;background:#f7eee6}.stat-icon.green{color:#81987c;background:#e9efe6}.stat-card p{color:#998b90;font-size:12px}.stat-card h2{color:#68545e;margin:5px 0;font-family:Playfair Display,serif;font-size:30px}.stat-caption{color:#b5a9ac;font-size:10px}.tasks-section{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:27px}.section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-heading h2{color:#69535d;margin-top:7px;font-family:Playfair Display,serif;font-size:25px}.section-heading h2 span{color:#c58ea2;font-size:20px}.add-button,.save-button{color:#fff;background:#bd899b;border-radius:11px;padding:12px 19px;font-size:12px;transition:all .2s}.add-button:hover,.save-button:hover{background:#a97488;transform:translateY(-2px)}.filter-tabs{flex-wrap:wrap;gap:9px;margin:27px 0 17px;display:flex}.filter-button{color:#9b8e91;background:#f8f4f3;border-radius:9px;padding:9px 15px;font-size:11px}.filter-button:hover,.filter-button.selected{color:#a46e83;background:#f1e2e8}.task-list{flex-direction:column;gap:11px;display:flex}.task-card{background:#fffefd;border:1px solid #f1ebea;border-radius:14px;align-items:center;gap:15px;padding:17px;transition:all .2s;display:flex}.task-card:hover{background:#fffafb;border-color:#e6d3db}.task-card.completed{background:#fafbf8}.check-button{color:#fff;background:#fff;border:1.5px solid #ddc4ce;border-radius:50%;flex-shrink:0;width:23px;height:23px;font-size:13px}.check-button.checked{background:#a9b9a2;border-color:#a9b9a2}.task-information{flex:1;min-width:0}.task-information h3{color:#6b5961;overflow-wrap:anywhere;margin-bottom:5px;font-size:13px;font-weight:600}.completed .task-information h3{color:#aaa1a3;text-decoration:line-through}.task-information p{color:#a3979b;margin-bottom:7px;font-size:11px}.deadline{color:#b29aa3;font-size:10px}.task-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status{white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:10px}.status.pending{color:#ad8b69;background:#f8efe5}.status.done{color:#81947c;background:#edf2e9}.action-button{color:#a48b95;background:0 0;font-size:10px}.action-button:hover{color:#b67a91}.action-button.delete:hover{color:#cb7777}.empty-state{text-align:center;padding:42px 15px}.empty-state span{font-size:38px}.empty-state h3{color:#79616c;margin:12px 0 7px;font-family:Playfair Display,serif;font-size:19px}.empty-state p{color:#aa9ca1;font-size:11px;line-height:1.7}.footer{text-align:center;color:#b19ca4;padding:25px 0 5px;font-family:Playfair Display,serif;font-size:12px}.modal-overlay{z-index:10;background:#493a4147;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-card{background:#fffdfc;border-radius:20px;width:100%;max-width:440px;padding:27px;animation:.2s modalIn;box-shadow:0 20px 60px #50374121}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.modal-heading h2{color:#705763;margin-top:7px;font-family:Playfair Display,serif;font-size:23px}.close-button{color:#a87c8c;background:#f7edef;border-radius:50%;width:31px;height:31px;font-size:20px}#task-form{flex-direction:column;gap:10px;display:flex}#task-form label{color:#827078;margin-top:8px;font-size:11px;font-weight:600}#task-form input{color:#68565e;background:snow;border:1px solid #eee4e6;border-radius:10px;outline:none;width:100%;padding:12px;font-size:12px}#task-form input:focus{border-color:#c99aab;box-shadow:0 0 0 3px #f7edf1}#task-form input::placeholder{color:#c0b4b8}.modal-buttons{justify-content:flex-end;gap:10px;margin-top:19px;display:flex}.cancel-button{color:#96868c;background:#f5efed;border-radius:10px;padding:11px 17px;font-size:11px}@media (width<=900px){.sidebar{width:210px;padding:27px 15px}.main-content{padding:35px 25px}.task-card{flex-wrap:wrap}.task-actions{width:100%;padding-left:38px}}@media (width<=650px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;min-height:auto;padding:15px 18px}.brand{margin-bottom:17px}.sidebar-menu{flex-direction:row;gap:6px;overflow-x:auto}.menu-label,.sidebar-bottom{display:none}.menu-item{white-space:nowrap;padding:10px 12px;font-size:11px}.main-content{padding:25px 15px}.topbar{align-items:flex-start}.topbar h1{font-size:27px}.profile span{display:none}.welcome-card{min-height:185px;padding:23px}.welcome-card h2{font-size:25px}.welcome-card p{max-width:240px}.welcome-decoration{font-size:80px;position:absolute;bottom:5px;right:-15px}.stats-grid{gap:8px}.stat-card{padding:13px 10px}.stat-card p{font-size:10px}.stat-card h2{font-size:24px}.stat-caption{font-size:9px}.section-heading{flex-direction:column;align-items:flex-start}.tasks-section{padding:18px 13px}.task-card{padding:13px 10px}}