body{font-family:Inter,sans-serif;background:#1a1a1a;min-height:100vh;display:grid;place-items:center;margin:0;padding:2rem;color:#fff}.main-container{width:100%;max-width:600px;text-align:center;border:1px solid #333;border-radius:12px;padding:2rem;background:#2d2d2d}h1{font-family:Times New Roman,Times,serif;font-weight:400;font-size:2.5rem;letter-spacing:-.5px;margin:0 0 .5rem;color:#fff}p{color:#ccc;margin:0 0 2rem;font-weight:300}form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.form-row{display:flex;gap:.5rem;align-items:flex-end}input,select{padding:.875rem;border:1px solid #444;border-radius:8px;font-size:.875rem;background:#1a1a1a;color:#fff;transition:all .2s ease;flex:1}input:focus,select:focus{outline:none;border-color:#6ed0b6;box-shadow:0 0 0 1px #6ed0b6}input::placeholder{color:#888}button[type=submit]{background:#6ed0b6;color:#1a1a1a;border:none;padding:.875rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:opacity .2s ease;font-weight:500;width:100%;margin-top:.5rem}button[type=submit]:hover{opacity:.9}ul{list-style:none;padding:0;margin:0 0 2rem}li{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #444}li:last-child{border-bottom:none}li>div:first-child{text-align:left;flex:1}span{display:block;color:#fff;font-size:.875rem}small{color:#888;font-size:.75rem;margin-top:.25rem;display:block}.completed-task{color:#888;text-decoration:line-through}li>div:last-child{display:flex;gap:.5rem}button{background:#1a1a1a;border:1px solid #444;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease;color:#fff}button:hover{border-color:#6ed0b6}.progress-container{padding:1.5rem 0}.progress-text{font-size:.875rem;color:#ccc;margin:0 0 1rem}.progress-bar-background{background:#444;border-radius:10px;height:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#6ed0b6;border-radius:10px;transition:width .3s ease}.no-tasks{color:#888;font-style:italic;padding:2rem 0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6ed0b6;outline-offset:1px}