*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#0f0f0f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:560px;margin:60px auto;padding:0 20px}h1{letter-spacing:-.5px;color:#f0f0f0;margin-bottom:4px;font-size:28px;font-weight:600}.date{color:#666;margin-bottom:28px;font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:14px 16px}.stat span{color:#f0f0f0;font-size:28px;font-weight:600}.stat p{color:#555;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:12px}.progress-bar{background:#2a2a2a;border-radius:2px;height:3px;margin-bottom:28px;overflow:hidden}.progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .4s}.add-form{gap:8px;margin-bottom:14px;display:flex}.add-form input{color:#f0f0f0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border .2s}.add-form input:focus{border-color:#444}.add-form input::placeholder{color:#444}.add-form select{color:#f0f0f0;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;outline:none;padding:10px;font-size:13px}.add-form button{color:#0f0f0f;cursor:pointer;background:#f0f0f0;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:opacity .2s}.add-form button:hover{opacity:.85}.filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filters button{cursor:pointer;color:#555;background:0 0;border:1px solid #2a2a2a;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .2s}.filters button:hover{color:#f0f0f0;border-color:#444}.filters button.active{color:#0f0f0f;background:#f0f0f0;border-color:#f0f0f0;font-weight:600}.tasks{flex-direction:column;gap:8px;display:flex}.task{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:opacity .2s;display:flex}.task:hover{border-color:#333}.task.done{opacity:.4}.task.done .task-text{color:#555;text-decoration:line-through}.task input[type=checkbox]{cursor:pointer;accent-color:#f0f0f0;flex-shrink:0;width:16px;height:16px}.task-text{color:#f0f0f0;flex:1;font-size:14px}.priority{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.priority.high{color:#e07060;background:#2a1a1a}.priority.medium{color:#d4a050;background:#2a2010}.priority.low{color:#70b070;background:#1a2a1a}.task button{cursor:pointer;color:#444;background:0 0;border:none;font-size:14px;transition:color .2s}.task button:hover{color:#f0f0f0}.empty{text-align:center;color:#444;padding:2.5rem;font-size:14px}