*{box-sizing:border-box}body{margin:0;background:#eef1f5;font-family:system-ui,sans-serif;color:#111827}.app{max-width:620px;margin:auto;min-height:100vh;background:#f8fafc;padding:18px 15px 40px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:4px 0;font-size:28px}header button,.back{border:0;background:#fff;border-radius:14px;padding:12px 15px;text-decoration:none;color:#111;font-size:18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats div{background:#fff;border-radius:18px;padding:16px}.stats b{font-size:27px;display:block}.stats span{color:#6b7280}.toolbar{display:flex;gap:10px;margin:14px 0 22px}.toolbar a,.toolbar button,.save{border:0;background:#111827;color:#fff;border-radius:13px;padding:12px 16px;text-decoration:none;font-weight:700}.toolbar button{background:#e5e7eb;color:#111}h2{font-size:18px}.task{background:#fff;border-radius:17px;padding:14px;margin:10px 0;display:flex;justify-content:space-between;gap:10px;border-left:5px solid #9ca3af;box-shadow:0 3px 14px #0001}.task.high,.task.overdue{border-left-color:#dc2626}.task.low{border-left-color:#16a34a}.task h3{margin:4px 0}.task p{color:#6b7280}.time{font-weight:800;color:#4f46e5}.actions{display:flex;gap:6px;align-items:center}.actions button,.actions a{border:0;background:#eef2ff;color:#3730a3;border-radius:10px;padding:9px;text-decoration:none;font-weight:700}.empty{background:#fff;border-radius:16px;padding:30px;text-align:center;color:#6b7280}.form{background:#fff;padding:18px;border-radius:18px}.form label{display:block;font-weight:700;margin:14px 0}.form input,.form textarea,.form select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d1d5db;border-radius:11px;font:inherit}.form textarea{min-height:100px}.save{width:100%;margin-top:10px}